@charset "UTF-8";
/* common.scss */
/* _variables.scss */
/* 
@media screen and (max-width: $G-wTabl) {}
@media screen and (max-width: $G-wMobile) {} 
*/
/* font family  "Noto Sans KR" */
@font-face {
  font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: local("Noto Sans KR"), url(./fonts/NotoSansKR-Thin.woff2) format("woff2"), url(./fonts/NotoSansKR-Thin.woff) format("woff"), url(./fonts/NotoSansKR-Thin.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: local("Noto Sans KR"), url(./fonts/NotoSansKR-Light.woff2) format("woff2"), url(./fonts/NotoSansKR-Light.woff) format("woff"), url(./fonts/NotoSansKR-Light.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: local("Noto Sans KR"), url(./fonts/NotoSansKR-Regular.woff2) format("woff2"), url(./fonts/NotoSansKR-Regular.woff) format("woff"), url(./fonts/NotoSansKR-Regular.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: local("Noto Sans KR"), url(./fonts/NotoSansKR-Medium.woff2) format("woff2"), url(./fonts/NotoSansKR-Medium.woff) format("woff"), url(./fonts/NotoSansKR-Medium.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: local("Noto Sans KR"), url(./fonts/NotoSansKR-Bold.woff2) format("woff2"), url(./fonts/NotoSansKR-Bold.woff) format("woff"), url(./fonts/NotoSansKR-Bold.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: local("Noto Sans KR"), url(./fonts/NotoSansKR-Black.woff2) format("woff2"), url(./fonts/NotoSansKR-Black.woff) format("woff"), url(./fonts/NotoSansKR-Black.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans JP'; font-style: normal; font-weight: 100; src: url("./fonts/noto-sans-jp-v25-latin-100.eot"); /* IE9 Compat Modes */ src: local("Noto Sans Japanese Thin"), local("NotoSansJapanese-Thin"), url("./fonts/noto-sans-jp-v25-latin-100.eot?#iefix") format("embedded-opentype"), url("./fonts/noto-sans-jp-v25-latin-100.woff2") format("woff2"), url("./fonts/noto-sans-jp-v25-latin-100.woff") format("woff"), url("./fonts/noto-sans-jp-v25-latin-100.ttf") format("truetype"), url("./fonts/noto-sans-jp-v25-latin-100.svg#NotoSansJP") format("svg"); /* Legacy iOS */;
}

/* noto-sans-jp-300 - latin */
@font-face {
  font-family: 'Noto Sans JP'; font-style: normal; font-weight: 300; src: url("./fonts/noto-sans-jp-v25-latin-300.eot"); /* IE9 Compat Modes */ src: local("Noto Sans Japanese Light"), local("NotoSansJapanese-Light"), url("./fonts/noto-sans-jp-v25-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/noto-sans-jp-v25-latin-300.woff2") format("woff2"), url("./fonts/noto-sans-jp-v25-latin-300.woff") format("woff"), url("./fonts/noto-sans-jp-v25-latin-300.ttf") format("truetype"), url("./fonts/noto-sans-jp-v25-latin-300.svg#NotoSansJP") format("svg"); /* Legacy iOS */;
}

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

/* noto-sans-jp-500 - latin */
@font-face {
  font-family: 'Noto Sans JP'; font-style: normal; font-weight: 500; src: url("./fonts/noto-sans-jp-v25-latin-500.eot"); /* IE9 Compat Modes */ src: local("Noto Sans Japanese Medium"), local("NotoSansJapanese-Medium"), url("./fonts/noto-sans-jp-v25-latin-500.eot?#iefix") format("embedded-opentype"), url("./fonts/noto-sans-jp-v25-latin-500.woff2") format("woff2"), url("./fonts/noto-sans-jp-v25-latin-500.woff") format("woff"), url("./fonts/noto-sans-jp-v25-latin-500.ttf") format("truetype"), url("./fonts/noto-sans-jp-v25-latin-500.svg#NotoSansJP") format("svg"); /* Legacy iOS */;
}

/* noto-sans-jp-700 - latin */
@font-face {
  font-family: 'Noto Sans JP'; font-style: normal; font-weight: 700; src: url("./fonts/noto-sans-jp-v25-latin-700.eot"); /* IE9 Compat Modes */ src: local("Noto Sans Japanese Bold"), local("NotoSansJapanese-Bold"), url("./fonts/noto-sans-jp-v25-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/noto-sans-jp-v25-latin-700.woff2") format("woff2"), url("./fonts/noto-sans-jp-v25-latin-700.woff") format("woff"), url("./fonts/noto-sans-jp-v25-latin-700.ttf") format("truetype"), url("./fonts/noto-sans-jp-v25-latin-700.svg#NotoSansJP") format("svg"); /* Legacy iOS */;
}

/* noto-sans-jp-900 - latin */
@font-face {
  font-family: 'Noto Sans JP'; font-style: normal; font-weight: 900; src: url("./fonts/noto-sans-jp-v25-latin-900.eot"); /* IE9 Compat Modes */ src: local("Noto Sans Japanese Black"), local("NotoSansJapanese-Black"), url("./fonts/noto-sans-jp-v25-latin-900.eot?#iefix") format("embedded-opentype"), url("./fonts/noto-sans-jp-v25-latin-900.woff2") format("woff2"), url("./fonts/noto-sans-jp-v25-latin-900.woff") format("woff"), url("./fonts/noto-sans-jp-v25-latin-900.ttf") format("truetype"), url("./fonts/noto-sans-jp-v25-latin-900.svg#NotoSansJP") format("svg"); /* Legacy iOS */;
}

.ft_t {
  font-family: "Noto Sans KR";
  font-weight: 100;
}

.ft_l {
  font-family: "Noto Sans KR";
  font-weight: 300;
}

.ft_r {
  font-family: "Noto Sans KR";
  font-weight: 400;
}

.ft_m {
  font-family: "Noto Sans KR";
  font-weight: 500;
}

.ft_b {
  font-family: "Noto Sans KR";
  font-weight: 700;
}

.ft_bb {
  font-family: "Noto Sans KR";
  font-weight: 900;
}

.ft_st {
  font-family: "Noto Sans JP";
  font-weight: 100;
}

.ft_sl {
  font-family: "Noto Sans JP";
  font-weight: 300;
}

.ft_sr {
  font-family: "Noto Sans JP";
  font-weight: 400;
}

.ft_sm {
  font-family: "Noto Sans JP";
  font-weight: 500;
}

.ft_sb {
  font-family: "Noto Sans JP";
  font-weight: 700;
}

.ft_sbb {
  font-family: "Noto Sans JP";
  font-weight: 900;
}

.input_del button:after, .trp.radio-box input[type="radio"] + i:after, .trp.radio-box input[type="radio"]:checked + i:after, .trp.radio-box.red input[type="radio"]:checked + i:after, .trp.checkbox-box input[type="checkbox"] + i:after, .trp.checkbox-box input[type="checkbox"]:checked + i:after, .trp.checkbox-box.red input[type="checkbox"]:checked + i:after, .datepicker-box:after, .timepicker-box:after, .starpoint-box .star:after, .starpoint-box .star.on:after, .icon_tooltip:after, .ui-tooltip .arrow, .ui-tooltip .arrow.top {
  background-image: url("../images/common/sp_form.png");
}

.icon-gnb_lang:after, .icon-gnb_lang_w:after, .icon-gnb_select_arrow:after, .icon-gnb_sitemap:after, .icon-gnb_sitemap_w:after, .icon-location_select_arrow:after, .icon-location_select_arrow_b:after, .icon-blank_b:after, .icon-blank_w:after, .icon-hamburger_close:after, .icon-hamburger_close_g:after, .icon-sns_youtube:after, .icon-sns_googleblog:after, .icon-sns_facebook:after, .icon-sns_instragram:after, .icon-sns_naverblog:after, .icon-link_redarrow:after, .icon-sticky_arrow_prev:after, .icon-sticky_arrow_next:after, .icon-sticky_search:after, .icon-sticky_notice:after, .icon-stichy_back:after, .icon-stichy_close:after, .icon-stichy_normal:after, .icon-stichy_number:after, .icon-stichy_item_arrow:after, .icon-tire_info:after, .icon-visual_selec_year_arrow:after, .icon-kv_arrow_left:after, .icon-kv_arrow_right:after, .icon-quick_arrow:after, .icon-banner_arrow:after, .is_mb .icon-kv_arrow_left:after, .is_mb .icon-kv_arrow_right:after, .icon-notice_arrow_prev:after, .icon-notice_arrow_next:after, .icon-gallery_arrow_prev:after, .icon-gallery_arrow_next:after, .gallery_view .bx-controls .bx-prev:after, .gallery_view .bx-controls .bx-next:after, .icon-calender_prev:after, .icon-calender_next:after, .icon-search:after, .icon-page_prev:after, .icon-page_prevprev:after, .icon-page_next:after, .icon-page_nextnext:after, .icon-select_arrow:after, .icon-search_glass:after, .icon-view_prev:after, .icon-view_next:after, .icon-list:after, .icon-arrow_right_fill_sm:after, .icon-list_notice:after, .icon-download:after, .icon-down_pdf:after, .icon-down2:after, .icon-faq_arrow:after, .icon-branch_arrow:after, .open .icon-faq_arrow:after, .open .icon-branch_arrow:after, .icon-pop_close:after, .icon-title_highlight:after, .icon-bt_arrow:after, .icon-bt_arrow_white:after, .icon-fileupload_del:after, .icon-result_check:after, .icon-tireimg_sarrow_prev:after, .icon-tireimg_sarrow_next:after, .icon-mark_new:after, .icon-mark_premium:after, .icon-tire_acc_arrow:after, .check_txt ul li::before, .img_list.step li:nth-child(2)::before, .img_list.step li:nth-child(3)::before, .is_mb .img_list.step li:nth-child(2)::before, .is_mb .img_list.step li:nth-child(3)::before, .icon-branch_slider_prev:after, .icon-branch_slider_next:after, .icon-tire_search_01:after, .icon-tire_search_02:after, .icon-tire_search_03:after, .icon-tire_search_04:after, .icon-tire_search_05:after, .icon-tire_search_06:after, li.on .icon-tire_search_01:after, li.on .icon-tire_search_02:after, li.on .icon-tire_search_03:after, li.on .icon-tire_search_04:after, li.on .icon-tire_search_05:after, li.on .icon-tire_search_06:after, .icon-search_empty:after, .icon-information:after, .icon-bt_compare:after, .icon-bt_detail:after, .icon-bt_close:after, .icon_tire-position-1:before, .icon_tire-position-1:after, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover .icon_tire-position-1:before, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] .icon_tire-position-1:before, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover .icon_tire-position-1:before, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] .icon_tire-position-1:before, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover .icon_tire-position-1:after, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] .icon_tire-position-1:after, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover .icon_tire-position-1:after, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] .icon_tire-position-1:after, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover .icon_tire-position-2:before, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] .icon_tire-position-2:before, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover .icon_tire-position-2:before, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] .icon_tire-position-2:before, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover .icon_tire-position-2:after, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] .icon_tire-position-2:after, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover .icon_tire-position-2:after, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] .icon_tire-position-2:after, .icon_tire-position-2:before, .icon_tire-position-2:after, .icon-team_slider_prev:after, .icon-team_slider_next:after, .icon-customer_tel, .icon-t_q, .icon_inno_arrow, .icon-word_guide, .icon-vision-arrow, .icon_footer_search, .icon-map, .icon-map_close, .accordion-list > li .header-area .acc_btn:after, .accordion-list > li.on .header-area .acc_btn:after, .service .customer_guide .tel-box:after, .service .customer_guide .qna-box:after, .brand .marketing_ranking-wrap .select_season .btn_arrow:after, .brand .marketing_ranking-wrap .select_season .btn_select:after, .brand .marketing_ranking-wrap .player_name .btn_name:after, .brand .marketing_ranking-wrap .sort_btn:after, body.LN000001 .main #header .gnb-wrap .icon-gnb_lang:after, body.LN000001 .main #header .gnb-wrap .icon-gnb_sitemap:after, body.LN000001 .main #header.scroll_on .gnb-wrap .icon-gnb_lang:after, body.LN000001 .main #header.hover_on .gnb-wrap .icon-gnb_lang:after, body.LN000001 .main #header.scroll_on .gnb-wrap .icon-gnb_sitemap:after, body.LN000001 .main #header.hover_on .gnb-wrap .icon-gnb_sitemap:after, body.LN000002 .main #header .gnb-wrap .icon-gnb_lang:after, body.LN000002 .main #header .gnb-wrap .icon-gnb_sitemap:after, body.LN000002 .main #header.scroll_on .gnb-wrap .icon-gnb_lang:after, body.LN000002 .main #header.hover_on .gnb-wrap .icon-gnb_lang:after, body.LN000002 .main #header.scroll_on .gnb-wrap .icon-gnb_sitemap:after, body.LN000002 .main #header.hover_on .gnb-wrap .icon-gnb_sitemap:after, body.LN000003 .main #header .gnb-wrap .icon-gnb_lang:after, body.LN000003 .main #header .gnb-wrap .icon-gnb_sitemap:after, body.LN000003 .main #header.scroll_on .gnb-wrap .icon-gnb_lang:after, body.LN000003 .main #header.hover_on .gnb-wrap .icon-gnb_lang:after, body.LN000003 .main #header.scroll_on .gnb-wrap .icon-gnb_sitemap:after, body.LN000003 .main #header.hover_on .gnb-wrap .icon-gnb_sitemap:after {
  background-image: url("../images/common/sp_icons.png");
}

.is_mb .icon-blank_b:after, .is_mb .icon-blank_w:after, .is_mb .icon-hamburger_close:after, .is_mb .icon-hamburger_close_g:after, .is_mb .icon-hamburger_arrow:after, .is_mb .icon-sns_youtube:after, .is_mb .icon-sns_googleblog:after, .is_mb .icon-sns_facebook:after, .is_mb .icon-sns_instragram:after, .is_mb .icon-sns_naverblog:after, .icon-stichy_search:after, .is_mb .icon-sticky_search:after, .is_mb .icon-tire_info:after, .is_mb .icon-gh_arrow_prev:after, .is_mb .icon-gh_arrow_next:after, .is_mb .icon-notice_arrow_prev:after, .is_mb .icon-notice_arrow_next:after, .is_mb .icon-gallery_arrow_prev:after, .is_mb .icon-gallery_arrow_next:after, .is_mb .gallery_view .bx-controls .bx-prev:after, .is_mb .gallery_view .bx-controls .bx-next:after, .is_mb .icon-calender_prev:after, .is_mb .icon-calender_next:after, .is_mb .icon-search:after, .is_mb .icon-page_prev:after, .is_mb .icon-page_prevprev:after, .is_mb .icon-page_next:after, .is_mb .icon-page_nextnext:after, .is_mb .icon-select_arrow:after, .is_mb .icon-search_glass:after, .is_mb .icon-view_prev:after, .is_mb .icon-view_next:after, .is_mb .icon-list:after, .is_mb .icon-list_notice:after, .is_mb .icon-download:after, .is_mb .icon-down_pdf:after, .is_mb .icon-down2:after, .is_mb .icon-faq_arrow:after, .is_mb .icon-branch_arrow:after, .is_mb .open .icon-faq_arrow:after, .is_mb .open .icon-branch_arrow:after, .is_mb .icon-pop_close:after, .is_mb .icon-title_highlight:after, .is_mb .icon-bt_arrow:after, .is_mb .icon-fileupload_del:after, .is_mb .icon-result_check:after, .is_mb .icon-tire_acc_arrow:after, .is_mb .icon-swiper_guide:after, .is_mb .check_txt ul li::before, .is_mb .icon-branch_slider_prev:after, .is_mb .icon-branch_slider_next:after, .is_mb .icon-tire_search_01:after, .is_mb .icon-tire_search_02:after, .is_mb .icon-tire_search_03:after, .is_mb .icon-tire_search_04:after, .is_mb .icon-tire_search_05:after, .is_mb .icon-tire_search_06:after, .is_mb li.on .icon-tire_search_01:after, .is_mb li.on .icon-tire_search_02:after, .is_mb li.on .icon-tire_search_03:after, .is_mb li.on .icon-tire_search_04:after, .is_mb li.on .icon-tire_search_05:after, .is_mb li.on .icon-tire_search_06:after, .is_mb .icon-tire_search_nav_prev:after, .is_mb .icon-tire_search_nav_next:after, .is_mb .icon-search_empty:after, .is_mb .icon-information:after, .is_mb .icon-more_arrow:after, .is_mb .tire_search-result .icon-bt_compare:after, .is_mb .icon-bt_close:after, .is_mb .icon-team_slider_prev:after, .is_mb .icon-team_slider_next:after, .is_mb .icon-customer_tel, .is_mb .icon-t_q, .is_mb .icon_inno_arrow, .is_mb .icon-word_guide, .is_mb .icon-vision-arrow, .is_mb .icon_footer_search, .is_mb .icon-footer_arrow_next, .is_mb .icon-footer_arrow_prev, .is_mb .icon-map, .is_mb .icon-map_close, .responsive_scrollx.help_on:after, .is_mb .service .customer_guide .tel-box:after, .is_mb .service .customer_guide .qna-box:after, .is_mb .service .branch_box-list .box-head .box-head-toggle:after {
  background-image: url("../images/common/sp_icons_mb.png");
  -webkit-background-size: 341.5px 311px;
  background-size: 341.5px 311px;
}

@font-face {
  font-family: "iconfont"; src: url("./fonts/iconfont.eot"); src: url("./fonts/iconfont.eot?#iefix") format("eot"), url("./fonts/iconfont.woff2") format("woff2"), url("./fonts/iconfont.woff") format("woff"), url("./fonts/iconfont.ttf") format("truetype"), url("./fonts/iconfont.svg#iconfont") format("svg");
}

.spfont:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
 /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
}

.spfont-arrow_next:before {
  content: "\E001";
}

.spfont-arrow_prev:before {
  content: "\E002";
}

.spfont-envelope:before {
  content: "\E003";
}

.spfont-one:before {
  content: "\E004";
}

.spfont-sitemap:before {
  content: "\E005";
}

.spfont-social_youtube:before {
  content: "\E006";
}

@use 'sass:math';
/*  _mixin.scss xxx { @include box-sizing(50%)   } */
/* opacity(1.0) == 100% */
/* 1줄 말줄임 */
/* 멀티라인 말줄임 */
/* 텍스트 깨기 */
/* 텍스트 단어별 줄바꿈  */
/* float 영역 유지 */
/* 퍼센티지 계산 */
.monthPicker {
  letter-spacing: -1px;
  width: 280px;
  height: 180px;
  display: none;
  z-index: 10000 !important;
  box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05), 0px 0px 25px 0 rgba(0, 0, 0, 0.05);
}

.monthPicker a {
  cursor: pointer;
}

.monthPicker span a {
  border: solid 1px  #ebebeb;
  padding: 0 2px;
  height: 20px;
  font-size: 10px;
  color: #bfbfbf;
  text-decoration: none;
}

.monthPicker .year {
  text-align: center;
  padding: 5px 10px;
  height: 50px;
  background-color: #e50012;
}

.monthPicker .year strong {
  color: #ffffff;
  line-height: 38px;
  font-size: 24px;
  font-weight: 300;
}

.monthPicker .year > span {
  position: absolute;
  top: 13px;
  width: 22px;
  height: 22px;
}

.monthPicker .year > span .changeYear {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  border: 1px solid #cccccc;
  border-radius: 2px;
  color: transparent;
  text-indent: -100px;
}

.monthPicker .year > span .changeYear::before {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: #cccccc;
}

.monthPicker .year > span .changeYear:after {
  content: "";
  display: block;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 12px;
  left: 8px;
  background-color: #cccccc;
}

.monthPicker .year > span:first-child {
  left: 20px;
}

.monthPicker .year > span:first-child .changeYear::before {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .year > span:first-child .changeYear:after {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year > span:last-child {
  right: 20px;
}

.monthPicker .year > span:last-child .changeYear::before {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year > span:last-child .changeYear:after {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .month-body {
  padding: 15px;
  background-color: #fff;
}

.monthPicker .month-body strong {
  font-size: 14px;
  margin: 0 20px;
}

.monthPicker .month-body ul {
  margin: 0px;
  list-style: none;
}

.monthPicker .month-body ul:after {
  content: "";
  display: block;
  float: none;
  clear: both;
}

.monthPicker .month-body ul li {
  float: left;
}

.monthPicker .month-body ul li a {
  width: 45px;
  padding: 5px;
  text-align: center;
  float: left;
  border: solid 1px  #ccc;
  margin: 2px;
  text-decoration: none;
  color: #666666;
}

.monthPicker .month-body ul li a:hover, .monthPicker .month-body ul li a:focus {
  border: solid 1px #aaa;
  color: #333333;
}

/* =============  jq-Grid ============= */
.table-box {
  position: relative;
  width: 100%;
}

.table-box.scroll_y .ui-jqgrid .ui-jqgrid-bdiv {
  overflow-x: hidden;
}

.ui-jqgrid[id^=gbox_] {
  box-sizing: border-box;
}

.ui-jqgrid[id^=gbox_].ui-widget.ui-widget-content {
  border: 0;
  border-top: 1px solid #ddd;
}

.ui-jqgrid[id^=gbox_] tr.ui-widget-content {
  border-color: #ddd;
}

.ui-jqgrid[id^=gbox_] .ui-widget-content {
  border: 0;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable {
  box-sizing: border-box;
  max-width: 100%;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable .ui-jqgrid-labels, .ui-jqgrid[id^=gbox_] .ui-jqgrid-htable .ui-widget-content, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable .ui-jqgrid-labels, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable .ui-widget-content {
  overflow: hidden;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-htable th, .ui-jqgrid[id^=gbox_] .ui-jqgrid-htable td, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable th, .ui-jqgrid[id^=gbox_] .ui-jqgrid-btable td {
  height: 30px;
  padding: 0 2px 0 2px;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-hdiv .ui-jqgrid-htable th {
  background-color: #f6f6f6;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-bdiv > div {
  overflow: hidden;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-bdiv .ui-jqgrid-btable tr.ui-row-ltr td {
  text-align: center;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-pager {
  border-top: 0;
  border-bottom: 1px solid #ddd !important;
  height: auto;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-pager .ui-pg-table td {
  height: 30px;
  padding: 0px;
  border: 1px solid transparent;
}

.ui-jqgrid[id^=gbox_] .ui-jqgrid-pager .ui-pg-table td input[type="text"] {
  width: auto;
}

html, body {
  -webkit-text-size-adjust: none;
  font-family: "Noto Sans KR", "Noto Sans JP", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
  font-size: 16px;
  color: #000;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: -0.025em;
}

/*글자자동조절방지*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}

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

img, fieldset, video {
  border: 0;
  vertical-align: top;
}

input, textarea, select {
  vertical-align: middle;
  resize: none;
  position: relative;
  -webkit-border-radius: 0;
  border-radius: 0;
}

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

caption, legend, .hide {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.4;
}

table caption.tit {
  width: 100%;
  height: auto;
  margin: 20px 0;
  font-size: 20px;
  font-weight: bold;
  text-indent: 0;
  visibility: visible;
}

a:link, a:visited {
  text-decoration: none;
}

a:active, a:hover, a:focus {
  text-decoration: none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* HTML5 display-role reset for older browsers   */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  box-sizing: border-box;
}

blockquote, q {
  quotes: none;
}

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

body, li, dt, dd, td, th, div, p, input, textarea, button, option, h1, h2, h3, h4, h5, h6, legend, figcaption {
  padding: 0;
  vertical-align: middle;
  box-sizing: border-box;
}

a, span, i, em, samp {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-style: normal;
}

/* 클리어 */
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
}

.bg-alt, .img-alt {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.blind {
  overflow: hidden;
  position: absolute;
  clip: rect(0 0 0 0);
  width: 0;
  height: 0;
  margin: -1px;
  padding: 0;
  font-size: 1px;
  line-height: 0;
  color: transparent;
}

.pos-f {
  position: fixed !important;
}

.pos-a {
  position: absolute !important;
}

.bn {
  background: none !important;
}

.cb {
  clear: both;
  overflow: hidden;
}

.cl {
  clear: left;
  overflow: hidden;
}

.cr {
  clear: right;
  overflow: hidden;
}

/* 플로트 */
.fl {
  float: left;
}

.fr {
  float: right;
}

.fn {
  float: none !important;
}

/* 포지션 */
.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.pf {
  position: fixed;
}

.ab-r {
  position: absolute;
  top: 0;
  right: 0;
}

.ab-l {
  position: absolute;
  top: 0;
  left: 0;
}

/* 텍스트 정렬 */
.tal {
  text-align: left !important;
}

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

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

/* 테이블 스타일 */
.layout_t {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

.layout_t .layout_r {
  display: table-row;
}

.layout_t .layout_c {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* margin, padding (5px 단위로 100px까지) mg0, mg5, mg10 */
.mg0 {
  margin: 0px !important;
}

.mg5 {
  margin: 5px !important;
}

.mg10 {
  margin: 10px !important;
}

.mg15 {
  margin: 15px !important;
}

.mg20 {
  margin: 20px !important;
}

.mg25 {
  margin: 25px !important;
}

.mg30 {
  margin: 30px !important;
}

.mg35 {
  margin: 35px !important;
}

.mg40 {
  margin: 40px !important;
}

.mg45 {
  margin: 45px !important;
}

.mg50 {
  margin: 50px !important;
}

.mg55 {
  margin: 55px !important;
}

.mg60 {
  margin: 60px !important;
}

.mg65 {
  margin: 65px !important;
}

.mg70 {
  margin: 70px !important;
}

.mg75 {
  margin: 75px !important;
}

.mg80 {
  margin: 80px !important;
}

.mg85 {
  margin: 85px !important;
}

.mg90 {
  margin: 90px !important;
}

.mg95 {
  margin: 95px !important;
}

.mg100 {
  margin: 100px !important;
}

.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;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !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;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !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;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

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

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !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;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.pd0 {
  padding: 0px !important;
}

.pd5 {
  padding: 5px !important;
}

.pd10 {
  padding: 10px !important;
}

.pd15 {
  padding: 15px !important;
}

.pd20 {
  padding: 20px !important;
}

.pd25 {
  padding: 25px !important;
}

.pd30 {
  padding: 30px !important;
}

.pd35 {
  padding: 35px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd45 {
  padding: 45px !important;
}

.pd50 {
  padding: 50px !important;
}

.pd55 {
  padding: 55px !important;
}

.pd60 {
  padding: 60px !important;
}

.pd65 {
  padding: 65px !important;
}

.pd70 {
  padding: 70px !important;
}

.pd75 {
  padding: 75px !important;
}

.pd80 {
  padding: 80px !important;
}

.pd85 {
  padding: 85px !important;
}

.pd90 {
  padding: 90px !important;
}

.pd95 {
  padding: 95px !important;
}

.pd100 {
  padding: 100px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !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;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

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

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

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

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

/* width */
.w100 {
  width: 100px !important;
}

.w200 {
  width: 200px !important;
}

.w300 {
  width: 300px !important;
}

.w400 {
  width: 400px !important;
}

.w500 {
  width: 500px !important;
}

.w600 {
  width: 600px !important;
}

.w700 {
  width: 700px !important;
}

.w800 {
  width: 800px !important;
}

.w900 {
  width: 900px !important;
}

.w10p {
  width: 10% !important;
}

.w20p {
  width: 20% !important;
}

.w25p {
  width: 25% !important;
}

.w30p {
  width: 30% !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w60p {
  width: 60% !important;
}

.w70p {
  width: 70% !important;
}

.w75p {
  width: 75% !important;
}

.w80p {
  width: 80% !important;
}

.w90p {
  width: 90% !important;
}

.w95p {
  width: 95% !important;
}

.w100p {
  width: 100% !important;
}

/* height */
.h100 {
  height: 100px !important;
}

.h200 {
  height: 200px !important;
}

.h300 {
  height: 300px !important;
}

.h400 {
  height: 400px !important;
}

.h500 {
  height: 500px !important;
}

.h600 {
  height: 600px !important;
}

.h700 {
  height: 700px !important;
}

.h800 {
  height: 800px !important;
}

.h900 {
  height: 900px !important;
}

.h10p {
  height: 10% !important;
}

.h20p {
  height: 20% !important;
}

.h30p {
  height: 30% !important;
}

.h40p {
  height: 40% !important;
}

.h50p {
  height: 50% !important;
}

.h60p {
  height: 60% !important;
}

.h70p {
  height: 70% !important;
}

.h80p {
  height: 80% !important;
}

.h90p {
  height: 90% !important;
}

.h100p {
  height: 100% !important;
}

/* ========================== layout */
.col1:after, .col2:after, .col3:after, .col4:after, .col5:after, .col6:after, .col7:after, .col8:after {
  content: '';
  display: block;
  clear: both;
}

.col1 > a, .col1 > li, .col1 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 100%;
}

.col2 > a, .col2 > li, .col2 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 50%;
}

.col3 > a, .col3 > li, .col3 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 33.3333%;
}

.col4 > a, .col4 > li, .col4 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 25%;
}

.col5 > a, .col5 > li, .col5 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 20%;
}

.col6 > a, .col6 > li, .col6 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 16.6666%;
}

.col7 > a, .col7 > li, .col7 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 14.2857%;
}

.col8 > a, .col8 > li, .col8 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 12.5%;
}

/* 버튼, 배경 opacity 모션 속성 심기 */
.btn-m, .bg-m {
  overflow: hidden;
  text-decoration: none;
  -webkit-transition-property: background, opacity;
  transition-property: background, opacity;
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-timing-function: linear, ease-in-out;
  transition-timing-function: linear, ease-in-out;
}

/* 버튼, 배경 opacity 모션 속성 실행 */
.btn2-m {
  background-position: 0 top;
  background-repeat: no-repeat;
}

.btn2-m .bg2-m {
  background-position: 0 bottom;
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
}

.btn2-m:hover .bg2-m, .btn2-m:focus .bg2-m, .btn2-m:active .bg2-m {
  opacity: 1;
  filter: alpha(opacity=100);
}

.btn2-m, .bg2-m {
  overflow: hidden;
  text-decoration: none;
  -webkit-transition-property: background, opacity;
  transition-property: background, opacity;
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-timing-function: linear, ease-in-out;
  transition-timing-function: linear, ease-in-out;
}

/* 아이콘 폰트 */
.spfont {
  display: inline-block;
}

.spfont:before {
  display: block;
  font-size: 30px;
  normalize: true;
}

.spfont.spfont-envelope:before {
  font-size: 20px;
  color: red;
}

/* ====== gnb ====== */
.icon-gnb_lang {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-gnb_lang:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -356px -446px;
}

.icon-gnb_lang_w {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-gnb_lang_w:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -396px -446px;
}

.icon-gnb_select_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-gnb_select_arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -436px -446px;
}

.icon-gnb_sitemap {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-gnb_sitemap:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -476px -446px;
}

.icon-gnb_sitemap_w {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-gnb_sitemap_w:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0px -545px;
}

.icon-location_select_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-location_select_arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -40px -545px;
}

.icon-location_select_arrow_b {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-location_select_arrow_b:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -80px -545px;
}

.icon-blank_b {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.icon-blank_b:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-position: -628px -225px;
}

.icon-blank_w {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.icon-blank_w:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-position: -628px -259px;
}

.is_mb .icon-blank_b {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.is_mb .icon-blank_b:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-position: -302px -202px;
}

.is_mb .icon-blank_w {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.is_mb .icon-blank_w:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-position: -302px -226px;
}

.icon-hamburger_close:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -460px -100px;
}

.icon-hamburger_close_g:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -460px -160px;
}

.is_mb .icon-hamburger_close {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-hamburger_close:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -217.5px -237px;
}

.is_mb .icon-hamburger_close_g {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-hamburger_close_g:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -217.5px -237px;
}

.is_mb .icon-hamburger_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-hamburger_arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -187.5px -237px;
}

/* ====== footer sns ====== */
.icon-sns_youtube {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-sns_youtube:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -300px -298px;
}

.icon-sns_googleblog {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-sns_googleblog:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -460px -280px;
}

.icon-sns_facebook {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-sns_facebook:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -460px -220px;
}

.icon-sns_instragram {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-sns_instragram:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -240px -228px;
}

.icon-sns_naverblog {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-sns_naverblog:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -240px -298px;
}

.is_mb .icon-sns_youtube {
  display: inline-block;
  width: 31px;
  height: 31px;
}

.is_mb .icon-sns_youtube:after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  background-position: -180px -148.5px;
}

.is_mb .icon-sns_googleblog {
  display: inline-block;
  width: 31px;
  height: 31px;
}

.is_mb .icon-sns_googleblog:after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  background-position: -57px -148.5px;
}

.is_mb .icon-sns_facebook {
  display: inline-block;
  width: 31px;
  height: 31px;
}

.is_mb .icon-sns_facebook:after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  background-position: -124.5px -83.5px;
}

.is_mb .icon-sns_instragram {
  display: inline-block;
  width: 31px;
  height: 31px;
}

.is_mb .icon-sns_instragram:after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  background-position: -98px -148.5px;
}

.is_mb .icon-sns_naverblog {
  display: inline-block;
  width: 31px;
  height: 31px;
}

.is_mb .icon-sns_naverblog:after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  background-position: -139px -148.5px;
}

/* ====== footer sticky ====== */
.icon-stichy_search {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-stichy_search:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-position: -225px -247.5px;
}

.icon-link_redarrow {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.icon-link_redarrow:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-position: -628px -544px;
}

.icon-sticky_arrow_prev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-sticky_arrow_prev:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0px -585px;
}

.icon-sticky_arrow_next {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-sticky_arrow_next:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -560px -545px;
}

.icon-sticky_search {
  display: inline-block;
  width: 110px;
  height: 110px;
}

.icon-sticky_search:after {
  content: "";
  display: block;
  width: 110px;
  height: 110px;
  background-position: 0px 0px;
}

.icon-sticky_notice {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-sticky_notice:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -40px -585px;
}

.icon-stichy_back {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-stichy_back:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -350px -495px;
}

.icon-stichy_close {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-stichy_close:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -400px -495px;
}

.icon-stichy_normal {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-stichy_normal:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -360px -298px;
}

.icon-stichy_number {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.icon-stichy_number:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-position: -156px -368px;
}

.icon-stichy_item_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-stichy_item_arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -520px -545px;
}

.icon-tire_info {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-tire_info:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -500px -495px;
}

.is_mb .icon-sticky_search {
  display: inline-block;
  width: 55px;
  height: 55px;
}

.is_mb .icon-sticky_search:after {
  content: "";
  display: block;
  width: 55px;
  height: 55px;
  background-position: 0px -83.5px;
}

.is_mb .icon-tire_info {
  display: inline-block;
  width: 23px;
  height: 23px;
}

.is_mb .icon-tire_info:after {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background-position: -33.5px -237px;
}

/* ====== keyvisual ====== */
.icon-scroll_arrow {
  display: inline-block;
 /* width: 36px; height: 60px;   padding: 16px 12px 12px; */
  width: 1px;
  height: 100px;
  background-color: #e50012;
  box-sizing: border-box;
}

.icon-visual_selec_year_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-visual_selec_year_arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -120px -585px;
}

/* 메인 키비주얼 버튼 */
.icon-kv_arrow_left {
  display: block;
  width: 44px;
  height: 80px;
}

.icon-kv_arrow_left:after {
  content: "";
  display: block;
  width: 44px;
  height: 80px;
  background-position: -244px -88px;
}

.icon-kv_arrow_right {
  display: block;
  width: 44px;
  height: 80px;
}

.icon-kv_arrow_right:after {
  content: "";
  display: block;
  width: 44px;
  height: 80px;
  background-position: -460px 0px;
}

/* 메인 키비주얼 바로가기 */
.icon-quick_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-quick_arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -440px -545px;
}

/* 메인 베너 arrow */
.icon-banner_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-banner_arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -244px -188px;
}

/* 메인 금호타이어 Story arrow */
.is_mb {
 /* 메인 키비주얼 버튼 */;
}

.is_mb .icon-kv_arrow_left {
  display: block;
  width: 30px;
  height: 30px;
}

.is_mb .icon-kv_arrow_left:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -50px -495px;
}

.is_mb .icon-kv_arrow_right {
  display: block;
  width: 30px;
  height: 30px;
}

.is_mb .icon-kv_arrow_right:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -100px -495px;
}

.is_mb .icon-gh_arrow_prev {
  display: block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-gh_arrow_prev:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -157.5px -237px;
}

.is_mb .icon-gh_arrow_next {
  display: block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-gh_arrow_next:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -127.5px -237px;
}

/* notice arrow */
.icon-notice_arrow_prev {
  display: block;
  width: 30px;
  height: 30px;
}

.icon-notice_arrow_prev:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -250px -495px;
}

.icon-notice_arrow_next {
  display: block;
  width: 30px;
  height: 30px;
}

.icon-notice_arrow_next:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -200px -495px;
}

.is_mb .icon-notice_arrow_prev {
  display: block;
  width: 30px;
  height: 30px;
}

.is_mb .icon-notice_arrow_prev:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -225.5px -40px;
}

.is_mb .icon-notice_arrow_next {
  display: block;
  width: 30px;
  height: 30px;
}

.is_mb .icon-notice_arrow_next:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -225.5px 0px;
}

/* ====== gallery_view 좌우 아이콘 ====== */
.icon-gallery_arrow_prev {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon-gallery_arrow_prev:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-position: -578px -337px;
}

.icon-gallery_arrow_next {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.icon-gallery_arrow_next:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-position: -578px -292px;
}

.gallery_view .bx-controls .bx-prev {
  left: 0px;
}

.gallery_view .bx-controls .bx-prev:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-position: -578px -337px;
}

.gallery_view .bx-controls .bx-next {
  right: 0px;
}

.gallery_view .bx-controls .bx-next:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-position: -578px -292px;
}

.is_mb .icon-gallery_arrow_prev {
  display: inline-block;
  width: 12.5px;
  height: 12.5px;
  margin-top: 6px;
}

.is_mb .icon-gallery_arrow_prev:after {
  content: "";
  display: block;
  width: 12.5px;
  height: 12.5px;
  background-position: -329px -22.5px;
}

.is_mb .icon-gallery_arrow_next {
  display: inline-block;
  width: 12.5px;
  height: 12.5px;
  margin-top: 6px;
}

.is_mb .icon-gallery_arrow_next:after {
  content: "";
  display: block;
  width: 12.5px;
  height: 12.5px;
  background-position: -329px 0px;
}

.is_mb .gallery_view .bx-controls .bx-prev {
  left: 0px;
}

.is_mb .gallery_view .bx-controls .bx-prev:after {
  content: "";
  display: block;
  width: 12.5px;
  height: 12.5px;
  background-position: -329px -22.5px;
}

.is_mb .gallery_view .bx-controls .bx-next {
  right: 0px;
}

.is_mb .gallery_view .bx-controls .bx-next:after {
  content: "";
  display: block;
  margin-left: 1px;
  width: 12.5px;
  height: 12.5px;
  background-position: -329px 0px;
}

/* ====== 켈린더 좌우 아이콘 ====== */
.icon-calender_prev {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-calender_prev:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -524px -358px;
}

.icon-calender_next {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-calender_next:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -524px -308px;
}

.is_mb .icon-calender_prev {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.is_mb .icon-calender_prev:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-position: -302px -127px;
}

.is_mb .icon-calender_next {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.is_mb .icon-calender_next:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-position: -302px -102px;
}

/*  검색  */
.icon-search {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-search:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -480px -545px;
}

.is_mb .icon-search {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-search:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -150px -270.5px;
}

/* ====== PAGING ====== */
.icon-page_prev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_prev:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -320px -545px;
}

.icon-page_prevprev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_prevprev:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -400px -545px;
}

.icon-page_next {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_next:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -160px -545px;
}

.icon-page_nextnext {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-page_nextnext:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -240px -545px;
}

.is_mb .icon-page_prev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-page_prev:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -60px -270.5px;
}

.is_mb .icon-page_prevprev {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-page_prevprev:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -90px -270.5px;
}

.is_mb .icon-page_next {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-page_next:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0px -270.5px;
}

.is_mb .icon-page_nextnext {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-page_nextnext:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -30px -270.5px;
}

/* ====== list & view ====== */
.icon-select_arrow {
  display: inline-block;
  width: 18px;
  height: 10px;
}

.icon-select_arrow:after {
  content: "";
  display: block;
  width: 18px;
  height: 10px;
  background-position: -203px -585px;
}

.icon-search_glass {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-search_glass:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -480px -545px;
}

.icon-view_prev {
  display: inline-block;
  width: 14px;
  height: 9px;
}

.icon-view_prev:after {
  content: "";
  display: block;
  width: 14px;
  height: 9px;
  background-position: -628px -515px;
}

.icon-view_next {
  display: inline-block;
  width: 14px;
  height: 9px;
}

.icon-view_next:after {
  content: "";
  display: block;
  width: 16px;
  height: 9px;
  background-position: -628px -394px;
}

.icon-list {
  display: inline-block;
  width: 16px;
  height: 14px;
}

.icon-list:after {
  content: "";
  display: block;
  width: 16px;
  height: 14px;
  background-position: -628px 0px;
}

.icon-arrow_right_fill_sm {
  display: inline-block;
  width: 5px;
  height: 10px;
}

.icon-arrow_right_fill_sm:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  background-position: -628px -574px;
}

.icon-list_notice {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 19px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
}

.icon-list_notice:after {
  content: "";
  display: block;
  width: 18px;
  height: 19px;
  background-position: -206px -130px;
}

.icon-download {
  display: inline-block;
  width: 22px;
  height: 22px;
}

.icon-download:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-position: -578px -425px;
}

.icon-down_pdf:after {
  content: "";
  display: inline-block;
  margin-left: 20px;
  width: 23px;
  height: 23px;
  background-position: -578px -382px;
  margin-bottom: -2px;
}

.icon-down2:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 13px;
  height: 16px;
  background-position: -628px -34px;
  margin-bottom: 1px;
}

.is_mb .icon-select_arrow {
  display: inline-block;
  width: 14px;
  height: 8px;
}

.is_mb .icon-select_arrow:after {
  content: "";
  display: block;
  width: 14px;
  height: 8px;
  background-position: -132px -65px;
}

.is_mb .icon-search_glass {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.is_mb .icon-search_glass:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -150px -270.5px;
}

.is_mb .icon-view_prev {
  display: inline-block;
  width: 13px;
  height: 8px;
}

.is_mb .icon-view_prev:after {
  content: "";
  display: block;
  width: 13px;
  height: 8px;
  background-position: -51px -300.5px;
}

.is_mb .icon-view_next {
  display: inline-block;
  width: 13px;
  height: 8px;
}

.is_mb .icon-view_next:after {
  content: "";
  display: block;
  width: 13px;
  height: 8px;
  background-position: -28px -300.5px;
}

.is_mb .icon-list {
  display: inline-block;
  width: 15px;
  height: 13px;
}

.is_mb .icon-list:after {
  content: "";
  display: block;
  width: 15px;
  height: 13px;
  background-position: -302px -250px;
}

.is_mb .icon-list_notice {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 18px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
}

.is_mb .icon-list_notice:after {
  content: "";
  display: block;
  width: 17px;
  height: 18px;
  background-position: -237.5px -270.5px;
}

.is_mb .icon-download {
  display: inline-block;
  width: 21px;
  height: 21px;
}

.is_mb .icon-download:after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background-position: -66.5px -237px;
}

.is_mb .icon-down_pdf:after {
  margin-left: 10px;
  width: 18.5px;
  height: 18px;
  background-position: -209px -270.5px;
}

.is_mb .icon-down2:after {
  margin-left: 10px;
  width: 9.5px;
  height: 11.5px;
  background-position: -329px -106.5px;
}

/* ====== faq & 아코디언 화살표 ====== */
.icon-faq_arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-faq_arrow:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -524px -408px;
}

.icon-branch_arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon-branch_arrow:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -524px -208px;
}

.is_mb .icon-faq_arrow {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.is_mb .icon-faq_arrow:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-position: -302px -152px;
}

.is_mb .icon-branch_arrow {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.is_mb .icon-branch_arrow:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-position: -302px -27px;
}

.open .icon-faq_arrow:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: 0px -495px;
}

.open .icon-branch_arrow:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -524px -258px;
}

.is_mb .open .icon-faq_arrow:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-position: -302px -177px;
}

.is_mb .open .icon-branch_arrow:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-position: -302px -52px;
}

/* ====== 팝업 ====== */
.icon-pop_close {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  font-size: 0;
}

.icon-pop_close:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -300px -495px;
}

.is_mb .icon-pop_close {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.is_mb .icon-pop_close:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -120px -270.5px;
}

/* ====== title with mark highlight ======  */
.icon-title_highlight:after {
  content: "";
  display: block;
  width: 29px;
  height: 15px;
  background-position: -578px -467px;
}

.icon-bt_arrow {
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 12px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.icon-bt_arrow:after {
  content: "";
  display: block;
  width: 23px;
  height: 12px;
  background-position: -524px -458px;
}

.icon-bt_arrow_white {
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 12px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.icon-bt_arrow_white:after {
  content: "";
  display: block;
  width: 23px;
  height: 12px;
  background-position: -160px -585px;
}

.is_mb .icon-title_highlight:after {
  content: "";
  display: block;
  width: 19.5px;
  height: 10px;
  background-position: -265.5px -213px;
}

.is_mb .icon-bt_arrow {
  display: inline-block;
  vertical-align: middle;
  width: 16.5px;
  height: 8.5px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.is_mb .icon-bt_arrow:after {
  content: "";
  display: block;
  width: 16.5px;
  height: 8.5px;
  background-position: -105.5px -65px;
}

.icon-fileupload_del {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.icon-fileupload_del:after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background-position: -628px -361px;
}

.icon-result_check {
  display: block;
  width: 94px;
  height: 94px;
  margin: 0 auto 27px;
}

.icon-result_check:after {
  content: "";
  display: block;
  width: 94px;
  height: 94px;
  background-position: -130px 0px;
}

.is_mb .icon-fileupload_del {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.is_mb .icon-fileupload_del:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background-position: -329px -65px;
}

.is_mb .icon-result_check {
  display: block;
  width: 55px;
  height: 55px;
  margin: 0 auto 15px;
}

.is_mb .icon-result_check:after {
  content: "";
  display: block;
  width: 55px;
  height: 55px;
  background-position: -105.5px 0px;
}

/* tire detail */
.icon-tireimg_sarrow_prev:after {
  content: "";
  display: block;
  width: 10px;
  height: 19px;
  background-position: -628px -147px;
}

.icon-tireimg_sarrow_next:after {
  content: "";
  display: block;
  width: 10px;
  height: 19px;
  background-position: -628px -108px;
}

.icon-mark_new {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 11px;
}

.icon-mark_new:after {
  content: "";
  display: block;
  width: 12px;
  height: 11px;
  background-position: -628px -423px;
}

.icon-mark_premium {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 11px;
}

.icon-mark_premium:after {
  content: "";
  display: block;
  width: 12px;
  height: 11px;
  background-position: -628px -454px;
}

.icon-tire_acc_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-tire_acc_arrow:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -80px -585px;
}

.is_mb .icon-tire_acc_arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.is_mb .icon-tire_acc_arrow:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-position: -329px -148px;
}

.is_mb .icon-swiper_guide {
  display: inline-block;
  width: 45px;
  height: 45px;
}

.is_mb .icon-swiper_guide:after {
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  background-position: -170.5px 0px;
}

/*타이어기술*/
.check_txt ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 13px;
  height: 10px;
  background-position: -628px -485px;
}

.is_mb .check_txt ul li::before {
  width: 6.5px;
  height: 5px;
  background-position: -329px -229px;
}

/* 타이어기술-step */
.img_list.step li:nth-child(2)::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -5px;
  top: 116px;
  width: 11px;
  height: 18px;
  background-position: -628px -70px;
}

.img_list.step li:nth-child(3)::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -5px;
  top: 116px;
  width: 11px;
  height: 18px;
  background-position: -628px -70px;
}

.is_mb .img_list.step li:nth-child(2)::before {
  content: '';
  display: inline-block;
  position: static !important;
  margin-bottom: 15px;
  width: 36px;
  height: 22px;
  background-position: -300px -446px;
}

.is_mb .img_list.step li:nth-child(3)::before {
  content: '';
  display: inline-block;
  position: static !important;
  margin-bottom: 15px;
  width: 36px;
  height: 22px;
  background-position: -300px -446px;
}

/* branch_detail */
.icon-branch_slider_prev {
  display: block;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.icon-branch_slider_prev:after {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  background-position: -524px -54px;
}

.icon-branch_slider_next {
  display: block;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.icon-branch_slider_next:after {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  background-position: -524px 0px;
}

.is_mb .icon-branch_slider_prev {
  display: block;
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.is_mb .icon-branch_slider_prev:after {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-position: -302px 0px;
}

.is_mb .icon-branch_slider_next {
  display: block;
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

.is_mb .icon-branch_slider_next:after {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-position: -264.5px -270.5px;
}

/* tire 타이어 검색 */
.icon-tire_search_01 {
  display: block;
  width: auto;
  height: 33px;
  padding: 2px 0;
}

.icon-tire_search_01:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 29px;
  background-position: -440px -368px;
}

.icon-tire_search_02 {
  display: block;
  width: auto;
  height: 33px;
  padding: 2px 0;
}

.icon-tire_search_02:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 29px;
  background-position: -60px -446px;
}

.icon-tire_search_03 {
  display: block;
  width: auto;
  height: 33px;
  padding: 2px 0;
}

.icon-tire_search_03:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 29px;
  height: 29px;
  background-position: -578px -50px;
}

.icon-tire_search_04 {
  display: block;
  width: auto;
  height: 33px;
  padding: 0;
}

.icon-tire_search_04:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 36px;
  height: 33px;
  background-position: -216px -368px;
}

.icon-tire_search_05 {
  display: block;
  width: auto;
  height: 33px;
  padding: 5px 0 6px;
}

.icon-tire_search_05:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 22px;
  background-position: -180px -446px;
}

.icon-tire_search_06 {
  display: block;
  width: auto;
  height: 33px;
  padding: 5px 0 6px;
}

.icon-tire_search_06:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 36px;
  height: 33px;
  background-position: -328px -368px;
}

li.on .icon-tire_search_01:after {
  width: 40px;
  height: 29px;
  background-position: 0px -446px;
}

li.on .icon-tire_search_02:after {
  width: 40px;
  height: 29px;
  background-position: -120px -446px;
}

li.on .icon-tire_search_03:after {
  width: 29px;
  height: 29px;
  background-position: -578px -99px;
}

li.on .icon-tire_search_04:after {
  width: 36px;
  height: 33px;
  background-position: -272px -368px;
}

li.on .icon-tire_search_05:after {
  width: 40px;
  height: 22px;
  background-position: -240px -446px;
}

li.on .icon-tire_search_06:after {
  width: 36px;
  height: 33px;
  background-position: -384px -368px;
}

.icon-search_empty {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto;
}

.icon-search_empty:after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-position: -578px -148px;
}

.icon-information {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: -1.5px;
  margin-right: 4px;
}

.icon-information:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-position: -628px -293px;
}

.icon-bt_compare {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-top: 13px;
  margin-right: 8px;
}

.icon-bt_compare:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -300px -228px;
}

.icon-bt_detail {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-top: 13px;
  margin-right: 8px;
}

.icon-bt_detail:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -420px -298px;
}

.icon-bt_close {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-top: 13px;
  margin-right: 8px;
}

.icon-bt_close:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -284px -188px;
}

.is_mb .icon-tire_search_01 {
  display: block;
  height: 26.5px;
  width: 26.5px;
  margin: 0 auto;
}

.is_mb .icon-tire_search_01:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 27px;
  height: 27px;
  background-position: -225.5px -158px;
}

.is_mb .icon-tire_search_02 {
  display: block;
  height: 26.5px;
  width: 26.5px;
  margin: 0 auto;
}

.is_mb .icon-tire_search_02:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 26.5px;
  height: 26.5px;
  background-position: 0px -200.5px;
}

.is_mb .icon-tire_search_03 {
  display: block;
  height: 26.5px;
  width: 26.5px;
  margin: 0 auto;
}

.is_mb .icon-tire_search_03:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 26.5px;
  height: 26.5px;
  background-position: -73px -200.5px;
}

.is_mb .icon-tire_search_04 {
  display: block;
  height: 26.5px;
  width: 26.5px;
  margin: 0 auto;
}

.is_mb .icon-tire_search_04:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 26.5px;
  height: 26.5px;
  background-position: -146px -200.5px;
}

.is_mb .icon-tire_search_05 {
  display: block;
  height: 26.5px;
  width: 26.5px;
  margin: 0 auto;
}

.is_mb .icon-tire_search_05:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 26.5px;
  height: 26.5px;
  background-position: -219px -200.5px;
}

.is_mb .icon-tire_search_06 {
  display: block;
  height: 26.5px;
  width: 26.5px;
  margin: 0 auto;
}

.is_mb .icon-tire_search_06:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 26.5px;
  height: 26.5px;
  background-position: -265.5px -36.5px;
}

.is_mb li.on .icon-tire_search_01:after {
  width: 27px;
  height: 27px;
  background-position: -170.5px -110px;
}

.is_mb li.on .icon-tire_search_02:after {
  width: 26.5px;
  height: 26.5px;
  background-position: -36.5px -200.5px;
}

.is_mb li.on .icon-tire_search_03:after {
  width: 26.5px;
  height: 26.5px;
  background-position: -109.5px -200.5px;
}

.is_mb li.on .icon-tire_search_04:after {
  width: 26.5px;
  height: 26.5px;
  background-position: -182.5px -200.5px;
}

.is_mb li.on .icon-tire_search_05:after {
  width: 26.5px;
  height: 26.5px;
  background-position: -265.5px 0px;
}

.is_mb li.on .icon-tire_search_06:after {
  width: 26.5px;
  height: 26.5px;
  background-position: -265.5px -73px;
}

.is_mb .icon-tire_search_nav_prev {
  display: block;
  height: 29px;
  width: 23px;
  padding: 8px;
}

.is_mb .icon-tire_search_nav_prev:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 7px;
  height: 13px;
  background-position: -329px -191px;
}

.is_mb .icon-tire_search_nav_next {
  display: block;
  height: 29px;
  width: 23px;
  padding: 8px;
}

.is_mb .icon-tire_search_nav_next:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 7px;
  height: 13px;
  background-position: -329px -168px;
}

.is_mb .icon-search_empty {
  display: block;
  width: 23.5px;
  height: 23.5px;
  margin: 0 auto;
}

.is_mb .icon-search_empty:after {
  content: "";
  display: block;
  width: 23.5px;
  height: 23.5px;
  background-position: -265.5px -179.5px;
}

.is_mb .icon-information {
  display: inline-block;
  width: 10.5px;
  height: 10.5px;
  vertical-align: -1.5px;
}

.is_mb .icon-information:after {
  content: "";
  display: block;
  width: 10.5px;
  height: 10.5px;
  background-position: -329px -86px;
}

.is_mb .icon-more_arrow {
  display: inline-block;
  width: 10.5px;
  height: 10.5px;
  vertical-align: -2.5px;
  margin-left: 6px;
}

.is_mb .icon-more_arrow:after {
  content: "";
  display: block;
  width: 9px;
  height: 5px;
  background-position: -329px -214px;
}

.is_mb .tire_search-result .icon-bt_compare {
  display: inline-block;
  width: 12.5px;
  height: 10px;
  vertical-align: -1px;
  margin-right: 8px;
}

.is_mb .tire_search-result .icon-bt_compare:after {
  content: "";
  display: block;
  width: 12.5px;
  height: 10px;
  background-position: -329px -45px;
}

.is_mb .icon-bt_close {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: top;
  margin-top: 15px;
  margin-right: 0px;
}

.is_mb .icon-bt_close:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-position: -302px -77px;
}

/* tire option */
.icon_tire-position-1:before {
  content: "";
  display: block;
  width: 100px;
  height: 50px;
  background-position: -340px 0px;
}

.icon_tire-position-1:after {
  content: "";
  display: block;
  width: 100px;
  height: 50px;
  background-position: 0px -228px;
}

.select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover .icon_tire-position-1, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] .icon_tire-position-1, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover .icon_tire-position-1, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] .icon_tire-position-1 {
  display: block;
  height: 50px;
}

.select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover .icon_tire-position-1:before, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] .icon_tire-position-1:before, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover .icon_tire-position-1:before, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] .icon_tire-position-1:before {
  content: "";
  float: left;
  width: 100px;
  height: 50px;
  background-position: -340px -70px;
}

.select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover .icon_tire-position-1:after, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] .icon_tire-position-1:after, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover .icon_tire-position-1:after, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] .icon_tire-position-1:after {
  content: "";
  float: right;
  width: 100px;
  height: 50px;
  background-position: -120px -228px;
}

.select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover .icon_tire-position-2, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] .icon_tire-position-2, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover .icon_tire-position-2, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] .icon_tire-position-2 {
  display: block;
  height: 50px;
}

.select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover .icon_tire-position-2:before, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] .icon_tire-position-2:before, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover .icon_tire-position-2:before, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] .icon_tire-position-2:before {
  content: "";
  float: left;
  width: 100px;
  height: 50px;
  background-position: -120px -298px;
}

.select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover .icon_tire-position-2:after, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] .icon_tire-position-2:after, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover .icon_tire-position-2:after, .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] .icon_tire-position-2:after {
  content: "";
  float: right;
  width: 100px;
  height: 50px;
  background-position: -340px -210px;
}

.icon_tire-position-1 {
  display: block;
  height: 50px;
}

.icon_tire-position-1:before {
  content: "";
  float: left;
  width: 100px;
  height: 50px;
  background-position: -340px 0px;
}

.icon_tire-position-1:after {
  content: "";
  float: right;
  width: 100px;
  height: 50px;
  background-position: 0px -228px;
}

.icon_tire-position-2 {
  display: block;
  height: 50px;
}

.icon_tire-position-2:before {
  content: "";
  float: left;
  width: 100px;
  height: 50px;
  background-position: 0px -298px;
}

.icon_tire-position-2:after {
  content: "";
  float: right;
  width: 100px;
  height: 50px;
  background-position: -340px -140px;
}

.icon-team_slider_prev {
  display: block;
  height: 58px;
  width: 58px;
  margin: 0 auto;
}

.icon-team_slider_prev:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 58px;
  height: 58px;
  background-position: -78px -368px;
}

.icon-team_slider_next {
  display: block;
  height: 58px;
  width: 58px;
  margin: 0 auto;
}

.icon-team_slider_next:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 58px;
  height: 58px;
  background-position: 0px -368px;
}

.is_mb .icon-team_slider_prev {
  display: block;
  height: 29px;
  width: 29px;
  margin: 0 auto;
}

.is_mb .icon-team_slider_prev:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 29px;
  height: 29px;
  background-position: -225.5px -119px;
}

.is_mb .icon-team_slider_next {
  display: block;
  height: 29px;
  width: 29px;
  margin: 0 auto;
}

.is_mb .icon-team_slider_next:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 29px;
  height: 29px;
  background-position: -225.5px -80px;
}

.icon-customer_tel {
  width: 80px;
  height: 78px;
  background-position: 0px -130px;
}

.is_mb .icon-customer_tel {
  display: block;
  width: 49.5px;
  height: 48.5px;
  background-position: -65px -83.5px;
}

.icon-t_q {
  display: inline-block;
  width: 30px;
  height: 30px;
  width: 30px;
  height: 30px;
  background-position: -578px 0px;
}

.is_mb .icon-t_q {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-position: -265.5px -144.5px;
}

.icon_inno_arrow {
  display: block;
  width: 12px;
  height: 21px;
  background-position: -308px -141px;
}

.icon-word_guide {
  display: block;
  width: 28px;
  height: 28px;
  background-position: -578px -196px;
}

.icon-vision-arrow {
  display: block;
  width: 86px;
  height: 66px;
  background-position: -100px -130px;
}

.icon-vision-arrow.re {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.is_mb .icon_inno_arrow {
  display: block;
  width: 18px;
  height: 10.5px;
  background-position: 0px -300.5px;
}

.is_mb .icon-word_guide {
  display: block;
  width: 23.5px;
  height: 23.5px;
  background-position: 0px -237px;
}

.is_mb .icon-vision-arrow {
  display: block;
  width: 95.5px;
  height: 73.5px;
  background-position: 0px 0px;
}

.icon_footer_search {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 21px;
  background-position: -578px -502px;
}

.is_mb .icon_footer_search {
  width: 19px;
  height: 20px;
  background-position: -180px -270.5px;
}

.is_mb .icon-footer_arrow_next {
  display: block;
  width: 9px;
  height: 17px;
  background-position: -302px -273px;
}

.is_mb .icon-footer_arrow_prev {
  display: block;
  width: 9px;
  height: 17px;
  background-position: -277.5px -237px;
}

/* map */
.icon-map {
  display: block;
  width: 30px;
  height: 30px;
  background-position: -150px -495px;
}

.is_mb .icon-map {
  display: block;
  width: 25px;
  height: 25px;
  background-position: -265.5px -109.5px;
}

.icon-map_close {
  display: block;
  width: 14px;
  height: 14px;
  background-position: -628px -327px;
}

.is_mb .icon-map_close {
  display: block;
  width: 10px;
  height: 10px;
  background-position: -329px -128px;
}

/* style_common.scss */
html, body, .wrapper {
  height: 100%;
  width: 100%;
}

body {
  position: relative;
  overflow-y: scroll;
}

#contents {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #fff;
  min-height: calc( 100vh - 182px);
}

#contents div, #contents span {
  word-wrap: break-word;
  word-break: keep-all;
}

.body-inner {
  position: relative;
  max-width: 1280px;
  padding: 0 40px;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  #contents {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: initial;
  }

  .body-inner {
    max-width: auto;
    padding: 0 14px;
  }
}

.last-section {
  margin-bottom: 100px;
}

/* text 정열 */
.text-end {
  text-align: right;
}

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

.text-start {
  text-align: left;
}

/* PC ,  모바일  */
.imgfull img {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .img_mbfull img {
    width: 100%;
  }
}

.only_pc {
  display: block !important;
}

.only_pcib {
  display: inline-block !important;
}

.only_mb {
  display: none !important;
}

.only_mbib {
  display: none !important;
}

.only_pc_tc {
  display: table-column-group !important;
}

.only_mb_tc {
  display: none !important;
}

@media screen and (max-width: 1023px) {
  .only_pc {
    display: none !important;
  }

  .only_pcib {
    display: none !important;
  }

  .only_mb {
    display: block !important;
  }

  .only_mbib {
    display: inline-block !important;
  }

  .only_pc_tc {
    display: none !important;
  }

  .only_mb_tc {
    display: table-column-group !important;
  }
}

/* // PC ,  모바일  */
.st_top_line {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

.st_top_none {
  margin-top: 70px;
 /* margin-top: 50px; */;
}

.st_top_type {
  margin-top: 60px;
 /* margin-top: 45px; */;
}

.st_top_item {
  margin-top: 40px;
}

.st_top_tm {
  margin-top: 30px;
}

.st_top_sm {
  margin-top: 20px;
}

.st_top_ssm {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .st_top_line {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e2e2e2;
  }

  .st_top_none {
    margin-top: 40px;
  }

  .st_top_type {
    margin-top: 30px;
  }

  .st_top_item {
    margin-top: 20px;
  }

  .st_top_tm {
    margin-top: 15px;
  }

  .st_top_sm {
    margin-top: 10px;
  }

  .st_top_ssm {
    margin-top: 10px;
  }
}

/* ====================================== 공통 text 요소  =============== */
/* ========================== text */
.h1 {
  font-size: 28px;
  font-weight: 700;
  color: #000000;
}

.h2 {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
}

.h3 {
  font-size: 22px;
  font-weight: bold;
  color: #000000;
}

.h4 {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

.h5 {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
}

.h1 em, .h2 em, .h3 em, .h4 em, .h5 em {
  color: #e50012;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.link_line, .link_call, a.link_line, a.link_call {
  position: relative;
}

.link_line:link, .link_call:link, a.link_line:link, a.link_call:link {
  text-decoration: underline;
}

.link_line:visited, .link_call:visited, a.link_line:visited, a.link_call:visited {
  text-decoration: underline;
}

/* [2025-0207] link_line_hover */
.link_line_hover {
  text-decoration: underline;
}

.link_line_hover:hover {
  color: #000;
}

.link_line_hover:link {
  text-decoration: underline;
}

.link_line_hover:visited {
  text-decoration: underline;
}

.underline {
  position: relative;
}

.underline.red {
  color: #e50012;
}

.underline.red::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #e50012;
  position: absolute;
  bottom: -3px;
  left: 0;
}

a.link_call {
  font-weight: bold;
}

.text-muted {
  display: block;
  font-size: 14px;
  color: #cacaca;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.5px;
}

.text-notice {
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: -0.5px;
  font-style: normal;
}

.text-notice2 {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: #979797;
  line-height: 1.25;
  letter-spacing: -0.5px;
  font-style: normal;
}

.colorB {
  color: #000000;
}

.colorL {
  color: #a0a0a0;
}

.colorE {
  color: #080707;
}

.colorP {
  color: #e50012;
}

.colorL2 {
  color: #7d7d7d !important;
}

.main-title {
  position: relative;
}

.main-title .h1 {
  text-align: center;
}

.main-title .desc {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .text-notice2 {
    font-size: 13px;
  }
}

/* ====================================== // 공통 text 요소  =============== */
/* ==========================  contentBox  panel-article */
.con-panel {
  border: 1px solid #e5e5e5;
  background-color: #fff;
}

.con-panel.type-table {
  padding: 25px 30px 35px;
}

.con-panel.type-table .con-header .con_title {
  padding-bottom: 15px;
}

.con-panel.type-table .con-header .more-btn {
  margin-top: 10px;
}

.con-panel.type-table > .con-body {
  border-top: 2px solid #000000;
}

.con-header {
  position: relative;
}

.con-header em {
  color: #080707;
}

.con-header .title_tab {
  margin-top: 60px;
}

.con-header .title_tab h3 {
  font-size: 24px;
  text-align: center;
}

.con-body {
 /* ==========================  con_sub-typo  ========================== */;
}

.con-body .con_sub-typo {
  margin-top: 80px;
}

.con-body .con_sub-typo > .title {
  margin-bottom: 30px;
}

.con-body .con_sub-typo .cont h5 {
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #000;
}

.con-body .con_sub-typo .cont p {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  .con-body .con_sub-typo {
    margin-top: 40px;
  }

  .con-body .con_sub-typo > .title {
    margin-bottom: 16px;
  }

  .con-body .con_sub-typo .cont h5 {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1;
  }

  .con-body .con_sub-typo .cont p {
    font-size: 13px;
    line-height: 21px;
  }
}

.panel-article {
  border: 1px solid  #ccc;
}

.panel-article .panel-header {
  padding: 10px;
}

.panel-article .panel-body {
  padding: 20px 10px;
  border-top: 1px solid #ccc;
}

.panel-article .panel-footer {
  padding: 10px;
  border-top: 1px solid #ccc;
}

/* ========================== //  contentBox  panel-article */
/* ========================== key_visual ========================== */
.keyvisual-wrap {
  position: relative;
}

.keyvisual-wrap .video-area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.keyvisual-wrap .video-area .youtube_player {
  width: 100%;
  height: 100%;
}

.keyvisual-wrap .images-area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.keyvisual-wrap .images-area .images_player {
  width: 100%;
  height: 100%;
}

.keyvisual-wrap .images-area .images_player img {
  width: 100%;
  height: 100%;
}

.keyvisual-wrap .visual_bg {
  position: relative;
  width: 100%;
  height: 530px;
  overflow: hidden;
}

.keyvisual-wrap .visual_bg.mode_full {
  height: calc( 100vh - 80px);
}

.keyvisual-wrap .visual_bg.mode_md {
  height: 530px;
}

.keyvisual-wrap .visual_bg.mode_sm {
  height: 0px;
}

.keyvisual-wrap .body-inner {
  height: 100%;
}

.keyvisual-wrap .inner {
  width: 1280px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.keyvisual-wrap .visual_typo {
  display: inline-block;
  margin-top: 50px;
  max-width: 630px;
}

.keyvisual-wrap .visual_typo .tit {
  font-size: 40px;
  color: #fff;
  font-weight: 500;
}

.keyvisual-wrap .visual_typo .desc {
  margin-top: 15px;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: keep-all;
}

.keyvisual-wrap .scroll-box {
  display: none;
}

.keyvisual-wrap .scroll-box .icon-scroll_arrow {
  position: absolute;
  bottom: -50px;
  left: 50%;
  z-index: 10;
  height: 100px;
}

@media screen and (max-width: 1023px) {
  .keyvisual-wrap .visual_bg {
    position: relative;
    width: 100%;
    height: 530px;
    overflow: hidden;
  }

  .keyvisual-wrap .visual_bg.mode_full {
    height: calc( 100vh - 50px);
  }

  .keyvisual-wrap .visual_bg.mode_sm {
    height: 75px;
    background: url(/resources/images/common/sub_kvbg-mb.jpg) center no-repeat;
    background-size: cover;
  }

  .keyvisual-wrap .visual_typo {
    display: inline-block;
    margin-top: 0px;
    max-width: 630px;
  }

  .keyvisual-wrap .visual_typo .tit {
    font-size: 20px;
    color: #fff;
  }

  .keyvisual-wrap .visual_typo .desc {
    font-size: 13px;
  }

  .keyvisual-wrap .scroll-box .icon-scroll_arrow {
    bottom: -45px;
    height: 90px;
  }
}

.keyvisual-wrap + .top_guide {
  margin-top: 135px !important;
}

/* [2023-0818] dep3 있을때 */
.keyvisual-wrap + .top_guide.dep2line2 {
  margin-top: calc(135px + 55px) !important;
}

.keyvisual-wrap + .top_guide.dep2line3 {
  margin-top: calc(135px + 55px + 55px) !important;
}

.keyvisual-wrap + .top_guide.dep2line2_dep3on {
  margin-top: calc(135px + 55px + 45px) !important;
}

.keyvisual-wrap + .top_guide.dep2line3_dep3on {
  margin-top: calc(135px + 55px + 55px + 45px) !important;
}

.keyvisual-wrap + .top_guide.dep3on {
  margin-top: calc(135px + 64px) !important;
}

/* // [2023-0818] */
.keyvisual-wrap + .team-intro-tab.top_guide, .keyvisual-wrap + .tab-wrap.top_guide, .keyvisual-wrap + .team-intro-tab .top_guide {
  margin-top: 110px !important;
}

@media screen and (max-width: 1023px) {
  .keyvisual-wrap + .top_guide {
    margin-top: 30px !important;
  }

  .keyvisual-wrap + .team-intro-tab.top_guide, .keyvisual-wrap + .tab-wrap.top_guide, .keyvisual-wrap + .team-intro-tab .top_guide {
    margin-top: 20px !important;
  }
  /* [2023-0818] dep3 있을때 */
  .keyvisual-wrap + .top_guide.dep2line2 {
    margin-top: 30px !important;
  }

  .keyvisual-wrap + .top_guide.dep2line3 {
    margin-top: 30px !important;
  }

  .keyvisual-wrap + .top_guide.dep2line2_dep3on {
    margin-top: 30px !important;
  }

  .keyvisual-wrap + .top_guide.dep2line3_dep3on {
    margin-top: 30px !important;
  }

  .keyvisual-wrap + .top_guide.dep3on {
    margin-top: 30px !important;
  }

  .keyvisual-wrap + .top_guide.team-intro-tab.dep2line2, .keyvisual-wrap + .top_guide.team-intro-tab.dep2line3, .keyvisual-wrap + .top_guide.team-intro-tab.dep2line2_dep3on, .keyvisual-wrap + .top_guide.team-intro-tab.dep2line3_dep3on, .keyvisual-wrap + .top_guide.team-intro-tab.dep3on, .keyvisual-wrap + .top_guide.tab-wrap.dep2line2, .keyvisual-wrap + .top_guide.tab-wrap.dep2line3, .keyvisual-wrap + .top_guide.tab-wrap.dep2line2_dep3on, .keyvisual-wrap + .top_guide.tab-wrap.dep2line3_dep3on, .keyvisual-wrap + .top_guide.tab-wrap.dep3on, .keyvisual-wrap + .team-intro-tab .top_guide.dep2line2, .keyvisual-wrap + .team-intro-tab .top_guide.dep2line3, .keyvisual-wrap + .team-intro-tab .top_guide.dep2line2_dep3on, .keyvisual-wrap + .team-intro-tab .top_guide.dep2line3_dep3on, .keyvisual-wrap + .team-intro-tab .top_guide.dep3on {
    margin-top: 20px !important;
  }
  /* // [2023-0818] */;
}

/* ========================== // key_visual ========================== */
/* ========================== // mainvisual ========================== */
#container.location-dep2_line2 .mainvisual-wrap.top_guide {
  margin-top: calc(110px) !important;
}

@media screen and (max-width: 1023px) {
  #container.location-dep2_line2 .mainvisual-wrap.top_guide {
    margin-top: 0px !important;
  }
}

.mainvisual-wrap.top_guide {
  margin-top: calc(55px) !important;
}

@media screen and (max-width: 1023px) {
  .mainvisual-wrap.top_guide {
    margin-top: 0px !important;
  }
}

.mainvisual-wrap .visual_bg {
  display: flex;
  justify-content: center;
}

.mainvisual-wrap .visual_bg.full_black {
  background-color: #000;
}

.mainvisual-wrap .visual_bg .main_visual_full {
  text-align: center;
  width: 100%;
  max-width: 1920px;
  max-height: 500px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.mainvisual-wrap .visual_bg .main_visual_full img {
  width: 100%;
}

.mainvisual-wrap .visual_bg .main_visual_full.visual-resize {
  max-width: none;
}

@media screen and (min-width: 1920px) {
  .mainvisual-wrap .visual_bg .main_visual_full.visual-resize {
 /* img { @include pY( 50%); margin-top: -250px;} */;
  }
}

@media screen and (max-width: 1023px) {
  .mainvisual-wrap .visual_bg .main_visual_full {
    max-height: none;
  }

  .mainvisual-wrap .visual_bg .main_visual_full.visual-resize {
    max-width: none;
  }

  .mainvisual-wrap .visual_bg .main_visual_full.visual-resize img {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin-top: 0px;
  }
}

/* ========================== // mainvisual ========================== */
/* tab */
.mainvisual-wrap + .tab-wrap {
  margin-top: 0px;
}

@media screen and (max-width: 1023px) {
  .mainvisual-wrap + .tab-wrap {
    margin-top: 0px;
  }
}

.team-intro-tab, .tab-wrap {
  margin-top: 110px;
}

.team-intro-tab .tab-area, .tab-wrap .tab-area {
  position: relative;
}

.team-intro-tab + .list-wrap, .tab-wrap + .list-wrap {
  margin-top: 60px;
}

.team-intro-tab + .tire_list-wrap, .tab-wrap + .tire_list-wrap {
  margin-top: 60px;
}

@media screen and (max-width: 1023px) {
  .team-intro-tab, .tab-wrap {
    margin-top: 60px;
  }

  .team-intro-tab .tab-area, .tab-wrap .tab-area {
    position: relative;
    margin: 0 auto;
    padding: 0;
  }

  .team-intro-tab + .list-wrap, .tab-wrap + .list-wrap {
    margin-top: 30px;
  }

  .team-intro-tab + .tire_list-wrap, .tab-wrap + .tire_list-wrap {
    margin-top: 30px;
  }

  .team-intro-tab .data_table, .team-intro-tab .table_list, .tab-wrap .data_table, .tab-wrap .table_list {
    table-layout: fixed;
    width: auto;
    min-width: 100%;
  }

  .team-intro-tab .data_table th, .team-intro-tab .data_table td, .team-intro-tab .table_list th, .team-intro-tab .table_list td, .tab-wrap .data_table th, .tab-wrap .data_table td, .tab-wrap .table_list th, .tab-wrap .table_list td {
    white-space: nowrap;
  }
}

/* ==========================  con-panel  ========================== */
.section-panel .con-header {
  margin-bottom: 0;
}

.section-panel .con-header .title {
  position: relative;
}

.section-panel .con-header .title .btn_set {
  margin-top: 20px;
}

.section-panel .con-header .title .btn_set .btn {
  padding-left: 35px;
  padding-right: 35px;
  border-color: #656565;
  color: #000;
}

@media screen and (max-width: 1023px) {
  .section-panel .con-header {
    margin-bottom: 25px;
  }

  .section-panel .con-header .title {
    position: relative;
  }

  .section-panel .con-header .title .btn_set {
    position: static;
    margin-top: 15px;
  }

  .section-panel .con-header .title .btn_set .btn {
    padding-left: 17px;
    padding-right: 17px;
    border-color: #656565;
    color: #000;
  }
}

/* ========================== typo list */
.mark_char_item {
  position: relative;
  padding-left: 0.8em;
  text-indent: -0.8em;
}

.mark_char-list li {
  position: relative;
  padding-left: 0.5em;
  text-indent: -0.5em;
}

.mark_item {
  position: relative;
  padding-left: 0.7em;
  text-indent: -0.7em;
}

.mark_item em {
  color: #e50012;
}

.mark-list li {
  position: relative;
  padding-left: 0.7em;
  text-indent: -0.7em;
}

.mark_dot_item {
  position: relative;
  display: inline-block;
  padding-left: 0.8em;
}

.mark_dot_item:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 1px;
  position: absolute;
  top: 12px;
  left: 0;
  background-color: #838383;
}

.mark_dot-list > li {
  position: relative;
  padding-left: 0.8em;
}

.mark_dot-list > li em {
  color: #e50012;
}

.mark_dot-list > li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 1px;
  position: absolute;
  top: 12px;
  left: 0;
  background-color: #838383;
}

@media screen and (max-width: 1023px) {
  .mark_dot-list > li:after {
    top: 9px;
    left: 0;
  }
}

.mark_dot2 {
  position: relative;
  padding-left: 0.8em;
}

.mark_dot2:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 12px;
  left: 0;
  border-radius: 50px;
  background-color: #6a6a6a;
}

.mark_dot-list2 > li {
  position: relative;
  padding-left: 0.8em;
}

.mark_dot-list2 > li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 12px;
  left: 0;
  border-radius: 50px;
  background-color: #6a6a6a;
}

.mark_dot-list3 > li {
  position: relative;
  padding-left: 0.8em;
  text-align: left;
}

.mark_dot-list3 > li:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #7d7d7d;
}

@media screen and (max-width: 1023px) {
  .mark_dot-list3 > li:after {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 7px;
    left: 0;
  }
}

.mark_dot-list4 > li + li {
  margin-top: 10px;
}

.mark_dot-list4 > li {
  position: relative;
  padding-left: 1em;
  font-size: 18px;
  line-height: 1.6;
}

.mark_dot-list4 > li:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 12px;
  left: 0;
  border-radius: 50%;
  background-color: #6a6a6a;
}

@media screen and (max-width: 1023px) {
  .mark_dot-list4 > li + li {
    margin-top: 5px;
  }

  .mark_dot-list4 > li {
    position: relative;
    font-size: 15px;
    line-height: 1.4;
  }

  .mark_dot-list4 > li:after {
    width: 3px;
    height: 3px;
    top: 9px;
  }
}

.mark_dot-list5 > li + li {
  margin-top: 10px;
}

.mark_dot-list5 > li {
  position: relative;
  padding-left: .5em;
  font-size: 18px;
  line-height: 1.4;
}

.mark_dot-list5 > li:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 10px;
  left: 0;
  border-radius: 50%;
  background-color: #6a6a6a;
}

@media screen and (max-width: 1023px) {
  .mark_dot-list5 > li + li {
    margin-top: 5px;
  }

  .mark_dot-list5 > li {
    position: relative;
    font-size: 14px;
    line-height: 1.4;
  }

  .mark_dot-list5 > li:after {
    width: 3px;
    height: 3px;
    top: 9px;
  }
}

/* === usa === 
.mark_dot-list5{
	>li { position: relative; 
		padding-left: 1em;  font-size: 18px; line-height: 2;
		&:after { content: ""; display: block; width: 5px; height: 5px; 
			position: absolute; top:15px; left: 0; 
			background-color: #555555  
		}
	}   
	>li + li { margin-top: calc(20px - 20px); }   
	&.type_b {
		>li + li { margin-top: 40px;  }   
	}
}
@media screen and (max-width: $G-wMobile) {
	.mark_dot-list5{
    >li {  font-size: 14px; 	padding-left: 0.8em;
			&:after {  width: 4px; height: 4px; position: absolute; top:12px; left: 0; }
		}   
		>li + li { margin-top: calc(15px - 15px); }   
		&.type_b {
			>li + li { margin-top: 20px; }   
		}
	}
}*/
/* === usa === */
/* ========================== 타이어 검색 결과리스트 list */
.tire_simple-list {
  margin-top: 50px;
}

.tire_simple-list ul {
  margin: 0 -8px 0 -7px;
}

.tire_simple-list ul li {
  float: left;
  width: 20%;
  padding: 8px 8px 7px 7px;
}

.tire_simple-list ul:after {
  content: "";
  display: table;
  clear: both;
}

.tire_simple-list .tire_card-item {
  padding: 19px 14px;
  position: relative;
  border: 1px solid #ddd;
}

.tire_simple-list .tire_card-item .checkbox-box {
  position: absolute;
  top: 9px;
  right: 5px;
  z-index: 2;
}

.tire_simple-list .tire_card-item .img img {
  width: 100%;
}

.tire_simple-list .tire_card-item:after {
  content: "";
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid #e50012;
  z-index: 0;
}

.tire_simple-list .tire_card-item.selected:after {
  display: block;
}

.tire_simple-list .tire_card-item .name {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 800;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tire_simple-list .tire_card-item .type {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tire_simple-list .tire_card-item .desc {
  margin-top: 10px;
  font-size: 14px;
  color: #5e5e5e;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-height: 20px;
}

.tire_simple-list .tire_card-item .link {
  margin-top: 18px;
  display: inline-block;
  position: relative;
  z-index: 10;
  font-size: 14px;
  color: #e50012;
}

@media screen and (max-width: 1023px) {
  .tire_simple-list {
    margin-top: 5px;
  }

  .tire_simple-list ul {
    margin: 0 -5px;
  }

  .tire_simple-list ul li {
    float: left;
    width: 100%;
    padding: 5px;
  }

  .tire_simple-list ul:after {
    content: "";
    display: table;
    clear: both;
  }

  .tire_simple-list .tire_card-item {
    padding: 19px 14px;
  }

  .tire_simple-list .tire_card-item .img {
    width: 180px;
    margin: 0 auto;
  }

  .tire_simple-list .tire_card-item .img img {
    width: 100%;
  }

  .tire_simple-list .tire_card-item .name {
    margin-top: 20px;
    font-size: 19px;
  }

  .tire_simple-list .tire_card-item .type {
    margin-top: 4px;
    font-size: 15px;
  }

  .tire_simple-list .tire_card-item .desc {
    margin-top: 10px;
    font-size: 13px;
    min-height: auto;
  }

  .tire_simple-list .tire_card-item .link {
    margin-top: 18px;
    font-size: 13px;
  }
}

/* ========================== scroll X  help */
.responsive_scrollx {
  min-height: .01%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.responsive_scrollx.help_on {
  position: relative;
}

.responsive_scrollx.help_on > p {
  display: inline-block;
}

.responsive_scrollx.help_on:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  background-position: -170.5px -55px;
}

/* tab 손모양 삭제 : 기본  */
.tab-wrap .tab-area > .responsive_scrollx.help_on:after {
  display: none;
}

/* tab 손모양 삭제 : 스포츠 마케팅 */
.team-intro-tab .body-inner > .responsive_scrollx.help_on:after {
  display: none;
}

.team-intro-tab .body-inner > .tab-area .responsive_scrollx.help_on:after {
  display: none;
}

/* ========================== table_style default */
.table-wrap {
  position: relative;
  padding: 65px 0 30px;
}

.table-wrap .con-header {
  position: relative;
}

.table-wrap .con-header .title {
  font-size: 23px;
  line-height: 40px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.table-wrap .con-header .tb_gide {
  position: absolute;
  right: 0;
  bottom: -15px;
  font-size: 16px;
  color: #5e5e5e;
}

.table-wrap .con-body {
  margin-top: 30px;
  border-top: 2px solid #000000;
}

.table-wrap .ab-r .btn_set {
  display: inline-block;
}

.table-wrap .ab-r .typo_set {
  display: inline-block;
  margin-top: 15px;
}

.table-wrap .data-empty {
  border: 0;
}

.table-wrap .responsive_scrollx > table {
  border-collapse: collapse;
  table-layout: initial;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.table-wrap .responsive_scrollx.help_on:after {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1023px) {
  .table-wrap {
    padding: 30px 0 15px;
  }

  .table-wrap .con-body {
    margin-top: 15px;
  }
}

.table-wrap_list :first-child {
  padding-top: 0;
}

table {
  width: 100%;
  table-layout: fixed;
  line-height: 1.2;
}

table thead th {
  height: 46px;
}

table th, table td {
  height: 46px;
  padding: 0 5px;
}

table th.bg_td, table td.bg_td {
  background-color: transparent;
}

table th.vet, table td.vet {
  vertical-align: top;
}

table th.vat, table td.vat {
  vertical-align: top;
}

table th.tal, table td.tal {
  text-align: left;
}

table th.tar, table td.tar {
  text-align: right;
}

table th.tac, table td.tac {
  text-align: center;
}

table th.bdl, table td.bdl {
  border-left: 1px solid #e5e5e5 !important;
}

table th.bdr, table td.bdr {
  border-right: 1px solid #e5e5e5 !important;
}

table th.bdt_b, table td.bdt_b {
  border-top: 2px solid #000000 !important;
}

table.top_bold_bar {
  border-top: 2px solid #000000 !important;
}

table.topbar_none {
  border-top: 0px !important;
}

table.bottom_bar {
  border-bottom: 1px solid #e5e5e5 !important;
}

/* ========================== table_list : .style1 */
.table_list th {
  padding: 15px 20px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  color: #000000;
  background-color: #f7f8f8;
}

.table_list td {
  padding: 15px 20px;
  text-align: center;
  color: #000000;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}

.table_list td .strong {
  font-weight: 500;
}

.table_list td .td-inner {
  height: 46px;
}

.table_list td .td-inner.oneline {
  padding-top: 13px;
}

.table_list th.tal, .table_list td.tal {
  text-align: left;
}

.table_list th.tar, .table_list td.tar {
  text-align: right;
}

.table_list th.tac, .table_list td.tac {
  text-align: center;
}

.table_list tbody tr:first-child td {
  border-top: 0;
}

@media screen and (max-width: 1023px) {
  .table_list th {
    padding: 7px 15px;
    font-size: 13px;
  }

  .table_list td {
    padding: 7px 15px;
    font-size: 13px;
  }
}

/* ==========================  form table : .style1 */
.form_table th {
  background: #f6f6f6;
  text-align: left;
  font-weight: bold;
  color: #797979;
}

.form_table th, .form_table td {
  padding: 6px 10px;
  border-bottom: 1px solid #e6e6e6;
  height: 30px;
}

.form_table th .textarea-box, .form_table td .textarea-box {
  position: relative;
}

.form_table th .textarea-box textarea, .form_table td .textarea-box textarea {
  height: 140px;
}

.form_table th .data_load, .form_table td .data_load {
  display: inline-block;
  padding: 10px 0 10px;
}

.form_table th .edit_module, .form_table td .edit_module {
  height: 150px;
  overflow-y: auto;
}

.form_table th .form_alert, .form_table td .form_alert {
  display: none;
  margin-top: 5px;
  color: #ea0530;
  font-size: 12px;
}

.form_table th i {
  color: #ea0530;
  margin-left: 3px;
}

.form_table td label {
  margin-right: 30px;
}

.form_table td input, .form_table td a {
  vertical-align: middle;
}

.form_table tr.disabled th, .form_table tr.disabled td {
  color: #aaaaaa;
}

@media screen and (max-width: 1023px) {
  .form_table th {
    font-size: 13px;
  }

  .form_table td {
    font-size: 13px;
  }
}

/* ==========================  data table : .style1 */
.data_table {
  width: 100%;
}

.data_table th, .data_table td {
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}

.data_table th .data_load, .data_table td .data_load {
  display: inline-block;
  padding: 8px 0;
}

.data_table th {
  background: #f6f6f6;
}

.data_table th.single-line {
  padding: 5px 0;
}

.data_table tr th:first-child, .data_table tr td:first-child {
  border-left: 0px;
}

.data_table tr th:last-child, .data_table tr td:last-child {
  border-right: 0px;
}

.data_table tr.total th, .data_table tr.total td {
  font-weight: 700;
}

.data_table.line {
  width: 99.9% !important;
}

.data_table.line th, .data_table.line td {
  border-left: 1px solid #e6e6e6;
}

@media screen and (max-width: 1023px) {
  .data_table th {
    font-size: 13px;
    padding: 0 15px;
  }

  .data_table td {
    font-size: 13px;
    padding: 0 15px;
  }

  .data_table.line {
    width: 100% !important;
  }
}

.data_table.deps {
  border-bottom: 1px solid #e6e6e6;
}

.data_table.deps th, .data_table.deps td {
  border-top: 1px solid #e6e6e6;
  border-bottom: 0;
}

.data_table.deps tbody th {
  font-weight: 400;
  background: transparent;
  text-align: left;
  text-indent: 30px;
}

.data_table.deps tbody .twodep th {
  text-indent: 60px;
}

.data_table.deps tbody .twodep th, .data_table.deps tbody .twodep td {
  height: auto;
  padding: 10px 5px;
  border-top: 0;
}

.data_table.deps .onedep th, .data_table.deps .onedep td {
  font-weight: 500;
}

.data_table.deps .total th, .data_table.deps .total td {
  font-weight: 700;
}

.data_table.deps .onedep + .twodep {
  border-top: 1px solid #e6e6e6;
}

.data_table.deps .line {
  border-top: 1px solid #e6e6e6;
}

.data_table.data_table-sports tr th {
  padding: 10px 28px;
}

.data_table.data_table-sports tr th .pc_br {
  display: block;
}

@media screen and (max-width: 1023px) {
  .data_table.data_table-sports tr th {
    padding: 10px;
  }

  .data_table.data_table-sports tr th .pc_br {
    display: inline;
  }
}

.data_table.data_table-sports tr td {
  padding: 10px 3px;
  border-right: 1px solid #e5e5e5;
}

.data_table.data_table-sports tr td:last-child {
  border-right: none;
}

.data_table.data_table-player tr td {
  padding: 5px 3px;
}

.data_table.data_table-player tr td.active {
  background: #fff6f6;
  font-weight: 700;
}

.data_table.data_table-player tr td.tag_red {
  position: relative;
}

.data_table.data_table-player tr td.tag_red:before {
  content: '';
  width: 4px;
  height: calc(100% - 6px);
  display: block;
  background: #e50013;
  position: absolute;
  left: 0;
  top: 3px;
}

.data_table.data_table-player tr td.tag_orange {
  position: relative;
}

.data_table.data_table-player tr td.tag_orange:before {
  content: '';
  width: 4px;
  height: calc(100% - 6px);
  display: block;
  background: #fec021;
  position: absolute;
  left: 0;
  top: 3px;
}

.data_table.data_table-player tr td.tag_green {
  position: relative;
}

.data_table.data_table-player tr td.tag_green:before {
  content: '';
  width: 4px;
  height: calc(100% - 6px);
  display: block;
  background: #00a84b;
  position: absolute;
  left: 0;
  top: 3px;
}

.data_table.data_table-player tr td.tag_gray {
  position: relative;
}

.data_table.data_table-player tr td.tag_gray:before {
  content: '';
  width: 4px;
  height: calc(100% - 6px);
  display: block;
  background: #a0a0a0;
  position: absolute;
  left: 0;
  top: 3px;
}

.data_table.dividend_table thead tr th {
  padding: 10px 5px;
}

/* ==========================  data table : .style1 */
.calender_table {
  width: 100%;
}

.calender_table thead th {
  border: 0;
  text-align: center;
  font-weight: bold;
  text-align: center;
}

.calender_table tbody th, .calender_table tbody td {
  height: 120px;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}

.calender_table th, .calender_table td {
  position: relative;
  padding: 15px;
}

.calender_table th .day, .calender_table th .week, .calender_table td .day, .calender_table td .week {
  font-size: 16px;
  color: #333333;
}

.calender_table th .day.sun, .calender_table th .week.sun, .calender_table td .day.sun, .calender_table td .week.sun {
  color: #e50012;
}

.calender_table th .day.satur, .calender_table th .week.satur, .calender_table td .day.satur, .calender_table td .week.satur {
  color: #477ce8;
}

.calender_table th .day.dim, .calender_table th .week.dim, .calender_table td .day.dim, .calender_table td .week.dim {
  color: #979797;
}

.calender_table th .day.dim.sun, .calender_table th .week.dim.sun, .calender_table td .day.dim.sun, .calender_table td .week.dim.sun {
  color: #979797;
}

.calender_table th .day.dim.satur, .calender_table th .week.dim.satur, .calender_table td .day.dim.satur, .calender_table td .week.dim.satur {
  color: #979797;
}

.calender_table th .day, .calender_table td .day {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5px;
  left: 5px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
}

.calender_table th .day.today, .calender_table th .day.sun.today, .calender_table th .day.satur.today, .calender_table td .day.today, .calender_table td .day.sun.today, .calender_table td .day.satur.today {
  color: #fff;
  background-color: #1b1b1b;
}

.calender_table th .schedule, .calender_table td .schedule {
  display: inline-block;
  padding: 0 15px;
  height: 40px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 28px;
  font-weight: 500;
  color: #e50012;
  line-height: 38px;
  text-decoration: underline;
}

.calender_table th {
  background: #f6f6f6;
}

.calender_table td {
  border-left: 1px solid #e6e6e6;
}

.calender_table tr th:first-child, .calender_table tr td:first-child {
  border-left: 0px;
}

.calender_table tr th:last-child, .calender_table tr td:last-child {
  border-right: 0px;
}

@media screen and (max-width: 1023px) {
  .calender_table th {
    font-size: 13px;
    padding: 0 15px;
  }

  .calender_table td {
    font-size: 13px;
    padding: 0 15px;
  }
}

@media screen and (max-width: 1023px) {
  .calender_table thead th {
    height: 50px;
    font-size: 13px;
  }

  .calender_table tbody th, .calender_table tbody td {
    height: 75px;
    font-size: 13px;
    text-align: center;
  }

  .calender_table tbody th .day, .calender_table tbody th .week, .calender_table tbody td .day, .calender_table tbody td .week {
    font-size: 13px;
    color: #333333;
  }

  .calender_table tbody th .day, .calender_table tbody td .day {
    display: inline-block;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 2px;
    left: 2px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
  }

  .calender_table tbody th .schedule, .calender_table tbody td .schedule {
    display: inline-block;
    padding: 0 10px;
    height: 20px;
    position: absolute;
    bottom: 6px;
    right: 0px;
    font-size: 18px;
    line-height: 20px;
  }
}

/* ============== 문의 등록 ======================*/
.form_req-guide {
  color: #979797;
}

.form_req-guide .req {
  color: #e50012;
}

.form_table {
  border-top: 2px solid #000000;
}

.form_table .select-box, .form_table .input-box {
  display: inline-block;
  width: 328px;
}

.form_table .select-box.full-size, .form_table .input-box.full-size {
  width: 100%;
}

.form_table .select-box.full-size + .form_msg, .form_table .input-box.full-size + .form_msg {
  margin: 10px 0 0 0px;
}

.form_table .form_msg {
  display: inline-block;
  margin: 10px 0 0 20px;
  font-size: 14px;
  line-height: 1.2;
  color: #979797;
}

.form_table tbody th {
  text-align: center;
  width: 155px;
  font-weight: normal;
}

.form_table tbody th, .form_table tbody td {
  padding: 10px 20px;
}

@media screen and (max-width: 1023px) {
  .form_table {
    overflow: hidden;
    border-top: 2px solid #000000;
  }

  .form_table .select-box, .form_table .input-box {
    max-width: 328px;
  }

  .form_table .select-box.full-size, .form_table .input-box.full-size {
    max-width: 100%;
  }

  .form_table .form_msg {
    display: block;
    margin: 8px 0 0 0px;
    font-size: 13px;
  }

  .form_table tbody th {
    width: 92px;
    color: #000;
  }

  .form_table tbody th, .form_table tbody td {
    padding: 8px 10px;
  }

  .form_table tbody th .textarea-box textarea, .form_table tbody td .textarea-box textarea {
    height: 108px;
  }
}

.fileupload-box {
  padding: 6px 0 1px;
}

.fileupload-box .btn-fileselect {
  width: 85px;
  height: 40px;
  background: #666;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.fileupload-box .btn-fileselect input[type=file] {
  opacity: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 200%;
  height: 200%;
}

.fileupload-box .file-preview-box {
  margin-top: 5px;
}

.fileupload-box .file-preview-box .file-preview {
  font-size: 16px;
  line-height: 28px;
  color: #979797;
  position: relative;
  width: 232px;
  padding-right: 28px;
}

.fileupload-box .file-preview-box .file-preview:after {
  content: "";
  display: table;
  clear: both;
}

.fileupload-box .file-preview-box .file-preview .name {
  float: left;
  width: 166px;
  white-space: nowrap;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fileupload-box .file-preview-box .file-preview .ext {
  float: left;
  width: 38px;
}

.fileupload-box .file-preview-box .file-preview .btn-del {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6.5px;
}

@media screen and (max-width: 1023px) {
  .fileupload-box {
    padding: 6px 0;
  }

  .fileupload-box .btn-fileselect {
    width: 75px;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
  }

  .fileupload-box .file-preview-box {
    margin-top: 0px;
  }

  .fileupload-box .file-preview-box .file-preview {
    margin-top: 10px;
    font-size: 13px;
    line-height: 14px;
    width: 90%;
    padding-right: 20px;
  }

  .fileupload-box .file-preview-box .file-preview:after {
    content: "";
    display: table;
    clear: both;
  }

  .fileupload-box .file-preview-box .file-preview .name {
    width: calc(100% - 35px);
  }

  .fileupload-box .file-preview-box .file-preview .ext {
    width: 35px;
  }

  .fileupload-box .file-preview-box .file-preview .btn-del {
    margin-top: -5.5px;
  }
}

.form_block .form_head {
  margin-bottom: 30px;
}

.form_block .form_body {
  position: relative;
}

.form_block .form_body .form_req-guide {
  position: absolute;
  top: -36px;
  right: 0;
  line-height: 1;
}

.form_block .form_body .select-box {
  display: none;
}

.form_block + .form_block {
  margin-top: 70px;
}

.form_block .form_guide {
  margin-top: 15px;
}

.form_block .form_guide ul li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  line-height: 26px;
  color: #979797;
}

.form_block .form_guide ul li:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #666666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

@media screen and (max-width: 1023px) {
  .form_block .form_head {
    margin-bottom: 18px;
  }

  .form_block .form_body .form_req-guide {
    top: -30px;
    font-size: 13px;
  }

  .form_block + .form_block {
    margin-top: 35px;
  }

  .form_block .form_guide {
    margin-top: 12px;
  }

  .form_block .form_guide ul li {
    position: relative;
    padding-left: 8px;
    font-size: 13px;
    line-height: 18px;
  }

  .form_block .form_guide ul li:before {
    top: 7.5px;
  }
}

.board_write-wrap {
  margin-top: 130px;
}

.board_write-wrap .form_table .select-box, .board_write-wrap .form_table .input-box {
  max-width: 328px;
}

.board_write-wrap .form_table .select-box.full-size, .board_write-wrap .form_table .input-box.full-size {
  max-width: 100%;
}

.board_write-wrap .form_policy-area {
  border: 1px solid #e5e5e5;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.board_write-wrap .form_policy-area .mCustomScrollbar {
  height: 252px;
}

.board_write-wrap .form_policy-area .mCustomScrollbar .scroll-inner {
  padding-right: 20px;
}

.board_write-wrap .form_policy-agree {
  margin-top: 20px;
  text-align: right;
}

.board_write-wrap .form_policy-agree .checkbox-box {
  margin-left: 50px;
}

@media screen and (max-width: 1023px) {
  .board_write-wrap {
    margin-top: 85px;
  }

  .board_write-wrap .form_table .select-box, .board_write-wrap .form_table .input-box {
    max-width: 328px;
  }

  .board_write-wrap .form_table .select-box.full-size, .board_write-wrap .form_table .input-box.full-size {
    max-width: 100%;
  }

  .board_write-wrap .form_table th .textarea-box textarea, .board_write-wrap .form_table td .textarea-box textarea {
    height: 108px;
  }

  .board_write-wrap .form_policy-area {
    border: 1px solid #e5e5e5;
    padding: 11px 10px 11px 15px;
    font-size: 13px;
    line-height: 17px;
  }

  .board_write-wrap .form_policy-area .mCustomScrollbar {
    height: 252px;
  }

  .board_write-wrap .form_policy-agree {
    margin-top: 15px;
  }

  .board_write-wrap .form_policy-agree .checkbox-box {
    margin-left: 25px;
  }
}

.write_result-wrap {
  margin-top: 130px;
}

.write_result-wrap .write_result-panel .con-body {
  border-top: 2px solid #000000;
  border-bottom: 1px solid #e5e5e5;
  padding: 80px 0 74px;
  text-align: center;
  margin-bottom: 40px;
}

.write_result-wrap .write_result-panel .con-body h3 {
  font-size: 26px;
  line-height: 1;
  color: #000;
  margin-bottom: 20px;
}

.write_result-wrap .write_result-panel .con-body p {
  font-size: 16px;
  line-height: 28px;
  color: #000;
}

.write_result-wrap .write_result-panel .con-body p + p {
  margin-top: 28px;
}

@media screen and (max-width: 1023px) {
  .write_result-wrap {
    margin-top: 85px;
  }

  .write_result-wrap .write_result-panel .con-body {
    padding: 40px 0 37px;
    margin-bottom: 30px;
  }

  .write_result-wrap .write_result-panel .con-body h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .write_result-wrap .write_result-panel .con-body p {
    font-size: 13px;
    line-height: 19px;
  }

  .write_result-wrap .write_result-panel .con-body p + p {
    margin-top: 15px;
  }
}

.data-empty {
  padding: 50px 0 50px !important;
  border: 1px solid #e5e5e5;
  text-align: center;
}

.data-empty .txt_empty {
  margin-top: 35px;
  margin-bottom: 35px;
  font-weight: 700;
  font-size: 18px;
  color: #222222;
}

.mCustomScrollBox {
  padding-right: 0px;
}

.mCustomScrollbar.pr0 > .mCustomScrollBox {
  padding-right: 0px;
}

/* ========================================= Component  ========================================= */
/* ==========================  게시판 : NEWS & EVENT , brand (영상, 이미지)*/
/* card-list */
.list-wrap {
  margin-top: 88px;
 /* 광고/홈보 : 이미지*/ /* 모터 스포츠 */ /* 회사소개 > 지속가능보고서 PDF 다운로드 */;
}

.list-wrap .video_list-panel, .list-wrap .images_list-panel, .list-wrap .webzine_list-panel, .list-wrap .table_list-panel, .list-wrap .card_list-panel, .list-wrap .graph_list-panel {
  position: relative;
}

.list-wrap .download_list-panel {
  position: relative;
  padding-top: 10px;
}

.list-wrap .download_list-panel .paging-area {
  margin-top: 30px;
}

.list-wrap .con-header {
  margin-bottom: 20px;
  min-height: 40px;
}

.list-wrap .con-header .title {
  line-height: 40px;
}

.list-wrap .con-header .title em {
  color: #e50012;
}

.list-wrap .con-header .title.has-bt {
  line-height: 36px;
}

.list-wrap .con-header .bt-expire {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  font-size: 15px;
  letter-spacing: -0.03em;
  color: #333;
  line-height: 34px;
  text-align: center;
  width: 134px;
  height: 34px;
  border: 1px solid #e5e5e5;
}

.list-wrap .con-header .bt-expire i {
  margin-left: 8px;
  vertical-align: 1px;
}

@media screen and (max-width: 1023px) {
  .list-wrap {
    margin-top: 85px;
  }

  .list-wrap .download_list-panel {
    padding-top: 0;
  }

  .list-wrap .download_list-panel .paging-area {
    margin-top: 0px;
  }

  .list-wrap .con-header {
    margin-bottom: 15px;
  }

  .list-wrap .con-header .title .h5 {
    font-size: 13px;
  }

  .list-wrap .con-header .title.has-bt {
    line-height: 40px;
    position: relative;
  }

  .list-wrap .con-header .bt-expire {
    position: absolute;
    top: 50%;
    right: 0;
    margin-left: 0;
    margin-top: -20px;
    font-size: 13px;
    line-height: 38px;
    text-align: center;
    width: 110px;
    height: 38px;
    border: 1px solid #e5e5e5;
  }

  .list-wrap .con-header .bt-expire i {
    margin-left: 8px;
    vertical-align: 1px;
  }
}

.list-wrap .card_list {
  margin: 0 -15px;
}

.list-wrap .card_listafter {
  content: "";
  display: table;
  clear: both;
}

.list-wrap .card_list .colitem {
  padding: 0px 15px 50px;
}

@media screen and (max-width: 1023px) {
  .list-wrap .card_list {
    margin: 0;
  }

  .list-wrap .card_list .colitem {
    float: none;
    width: 100%;
    padding: 0 0 38px;
  }
}

.list-wrap .table_list-panel .con-header {
  margin-bottom: 40px;
}

.list-wrap .table_list-panel .con-body {
  border-top: 2px solid #000000;
  margin-bottom: 50px;
}

.list-wrap .table_list-panel .table_list {
  table-layout: fixed;
  width: 100%;
}

.list-wrap .table_list-panel .table_list th.no {
  width: 120px;
}

.list-wrap .table_list-panel .table_list th.sbj {
  width: auto;
}

.list-wrap .table_list-panel .table_list th.etc {
  width: 160px;
}

@media screen and (max-width: 1023px) {
  .list-wrap .table_list-panel .con-header {
    margin-bottom: 20px;
  }

  .list-wrap .table_list-panel .con-body {
    margin-bottom: 30px;
  }

  .list-wrap .table_list-panel .table_list {
    table-layout: fixed;
    width: auto;
    min-width: 100%;
  }

  .list-wrap .table_list-panel .table_list th.no {
    width: 60px;
  }

  .list-wrap .table_list-panel .table_list th.sbj {
    width: auto;
  }

  .list-wrap .table_list-panel .table_list th.etc {
    width: 80px;
  }

  .list-wrap .table_list-panel .table_list th, .list-wrap .table_list-panel .table_list td {
    white-space: nowrap;
  }

  .list-wrap .table_list-panel .table_list.table_full {
    width: 100%;
    table-layout: auto;
  }

  .list-wrap .table_list-panel .table_list.table_full .sbj_line2 a, .list-wrap .table_list-panel .table_list.table_full .sbj_line2 span {
    display: inline-block;
    max-height: 32px;
    padding: 0px 0;
    line-height: 1.2;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.list-wrap .webzine_list {
  margin: 0 -11px;
}

.list-wrap .webzine_listafter {
  content: "";
  display: table;
  clear: both;
}

.list-wrap .webzine_list .colitem {
  padding: 0 11px 60px;
}

@media screen and (max-width: 1023px) {
  .list-wrap .webzine_list {
    margin: 0 -5px;
  }

  .list-wrap .webzine_list .colitem {
    width: 50%;
    padding: 0 5px 36px;
  }
}

.list-wrap .video_list-panel .con-header {
  height: 40px;
}

.list-wrap .video_list {
  margin: 0 -11px;
}

.list-wrap .video_listafter {
  content: "";
  display: table;
  clear: both;
}

.list-wrap .video_list .colitem {
  padding: 0 11px 60px;
}

.list-wrap .video_list .item_article {
  position: relative;
}

.list-wrap .video_list .item_article .img {
  display: block;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #ccc;
  width: 100%;
  height: 0;
  padding-bottom: 73.8903%;
 /* max-height: 285px;  */
  box-sizing: border-box;
  overflow: hidden;
}

.list-wrap .video_list .item_article .img::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("/resources/images/common/icon_play.png") no-repeat center;
}

.list-wrap .video_list .item_article .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.list-wrap .video_list .item_article .sbj {
  display: block;
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 14px;
}

@media screen and (max-width: 1023px) {
  .list-wrap .video_list {
    margin: 0px;
  }

  .list-wrap .video_listafter {
    content: "";
    display: table;
    clear: both;
  }

  .list-wrap .video_list .colitem {
    float: none;
    width: 100%;
    padding: 0 0px 36px;
  }

  .list-wrap .video_list .item_article {
    max-width: 640px;
    margin: 0 auto;
  }

  .list-wrap .video_list .item_article .img {
    max-height: initial;
  }

  .list-wrap .video_list .item_article .img::after {
    background: url("/resources/images/common/icon_play.png") no-repeat center;
    background-size: 56px 56px;
  }

  .list-wrap .video_list .item_article .sbj {
    font-size: 15px;
  }
}

.list-wrap .esg-area {
  border: 1px solid #c8c8c8;
  background-color: #efefef;
  padding: 50px 0;
}

.list-wrap .esg-area .esg-list {
  margin: 0 auto;
  width: 900px;
}

.list-wrap .esg-area .esg-list:after {
  content: '';
  display: block;
  clear: both;
}

.list-wrap .esg-area .esg-list li {
  float: left;
  width: 25%;
  padding: 0 5px;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .list-wrap .esg-area {
    padding: 20px 0;
  }

  .list-wrap .esg-area .esg-list {
    width: calc( 100% - 40px);
  }

  .list-wrap .esg-area .esg-list li {
    width: 50%;
    margin: 10px 0;
  }

  .list-wrap .esg-area .esg-list li img {
    width: 100px;
  }
}

.list-wrap .images_list-panel .con-header {
  height: 40px;
}

.list-wrap .images_list.brand_promotion .item_article .img {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 151%;
  box-sizing: border-box;
}

.list-wrap .images_list.brand_promotion .item_article .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .list-wrap {
 /* 광고/홈보 : 이미지*/ /* 모터 스포츠 */;
  }

  .list-wrap .images_list.brand_promotion .item_article {
    padding: 0;
    width: 100%;
    height: auto;
  }

  .list-wrap .images_list.brand_promotion .item_article .img {
    position: relative;
    height: auto;
  }

  .list-wrap .images_list.brand_gallery .item_article .img {
    min-height: auto;
  }
}

.list-wrap .images_list {
  margin: 0 -11px;
}

.list-wrap .images_listafter {
  content: "";
  display: table;
  clear: both;
}

.list-wrap .images_list .colitem {
  padding: 0 11px 60px;
}

.list-wrap .images_list .item_article {
  position: relative;
}

.list-wrap .images_list .item_article .img {
  display: block;
  height: 275px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.list-wrap .images_list .item_article .img img {
  width: 100%;
  box-sizing: border-box;
}

.list-wrap .images_list .item_article .sbj {
  display: block;
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 14px;
}

.list-wrap .images_list .item_article .date {
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  color: #979797;
}

@media screen and (max-width: 1023px) {
  .list-wrap .images_list {
    margin: 0px;
  }

  .list-wrap .images_listafter {
    content: "";
    display: table;
    clear: both;
  }

  .list-wrap .images_list .colitem {
    float: none;
    width: 100%;
    padding: 0 0px 36px;
  }

  .list-wrap .images_list .item_article {
    max-width: 400px;
    margin: 0 auto;
  }

  .list-wrap .images_list .item_article .img {
    display: block;
    height: auto;
    margin-bottom: 10px;
    height: auto;
  }

  .list-wrap .images_list .item_article .sbj {
    height: auto;
    max-height: 40px;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .list-wrap .images_list .item_article .date {
    height: auto;
    max-height: 38px;
    font-size: 13px;
    line-height: 19px;
  }
}

.list-wrap .download_list {
  margin: 0 -11px;
}

.list-wrap .download_listafter {
  content: "";
  display: table;
  clear: both;
}

.list-wrap .download_list .colitem {
  padding: 0 11px 20px;
}

.list-wrap .download_list .item_article {
  position: relative;
  border: 1px solid #c8c8c8;
}

.list-wrap .download_list .item_article .txt_link {
  display: block;
  border-bottom: 1px solid #c8c8c8;
  padding: 30px 20px;
  min-height: 160px;
  background: #efefef;
}

.list-wrap .download_list .item_article .txt_link .tit_b {
  font-size: 16px;
  color: #e50012;
  font-weight: 700;
  display: block;
  margin-bottom: 13px;
}

.list-wrap .download_list .item_article .txt_link .tit {
  font-size: 20px;
  font-weight: 700;
}

.list-wrap .download_list .item_article .txt_link .date {
  font-size: 16px;
  color: #979797;
  display: block;
  margin-top: 17px;
}

.list-wrap .download_list .item_article .btn {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .list-wrap .download_list {
    margin: 0px;
  }

  .list-wrap .download_listafter {
    content: "";
    display: table;
    clear: both;
  }

  .list-wrap .download_list .colitem {
    float: none;
    width: 100%;
    padding: 0 0px 40px;
  }

  .list-wrap .download_list.simple .colitem {
    padding-bottom: 22px;
  }

  .list-wrap .download_list.simple .colitem:last-child {
    padding-bottom: 0;
  }

  .list-wrap .download_list .item_article {
    max-width: 640px;
    margin: 0 auto;
  }

  .list-wrap .download_list .item_article .txt_link {
    padding: 20px;
    min-height: 130px;
  }

  .list-wrap .download_list .item_article .txt_link .tit_b {
    font-size: 13px;
  }

  .list-wrap .download_list .item_article .txt_link .tit {
    font-size: 15px;
    font-weight: 700;
  }

  .list-wrap .download_list .item_article .txt_link .date {
    font-size: 13px;
    margin-top: 15px;
  }
}

.list-wrap .download_list.simple .item_article .txt_link {
  min-height: 80px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1023px) {
  .list-wrap {
 /* 회사소개 > 지속가능보고서 PDF 다운로드 */;
  }

  .list-wrap .download_list.simple .item_article .txt_link {
    min-height: auto;
  }
}

.list-wrap .graph_list-panel .con-header {
  height: 40px;
}

.list-wrap .graph_list-panel .con-header .title {
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
}

.list-wrap .graph_list {
  margin: 0 -11px;
}

.list-wrap .graph_listafter {
  content: "";
  display: table;
  clear: both;
}

.list-wrap .graph_list .colitem {
  padding: 0 11px 60px;
}

.list-wrap .graph_list .item_article {
  position: relative;
}

.list-wrap .graph_list .item_article .img {
  position: relative;
  display: block;
  margin-bottom: 20px;
  border: 1px solid #c8c8c8;
  height: 253px;
  padding: 15px 0px 0;
 /* .hichart { width: ; max-height: 230px;  .highcharts-container  { max-height: 230px; svg { max-height: 230px; }  } }  */;
}

.list-wrap .graph_list .item_article .img img {
  width: 100%;
}

.list-wrap .graph_list .item_article .data_tit {
  font-size: 20px;
  text-align: center;
  display: block;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list-wrap .graph_list .item_article .data_tit em {
  font-size: 16px;
  line-height: 1.5;
  color: #979797;
  display: block;
  margin-top: 5px;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  .list-wrap .graph_list-panel .con-header {
    height: 30px;
  }

  .list-wrap .graph_list-panel .con-header .title {
    font-size: 20px;
    line-height: 30px;
  }

  .list-wrap .graph_list {
    margin: 0px;
  }

  .list-wrap .graph_listafter {
    content: "";
    display: table;
    clear: both;
  }

  .list-wrap .graph_list .colitem {
    float: none;
    width: 100%;
    padding: 0 0px 36px;
  }

  .list-wrap .graph_list .item_article {
    max-width: 640px;
    margin: 0 auto;
  }

  .list-wrap .graph_list .item_article .data_tit {
    font-size: 15px;
  }

  .list-wrap .graph_list .item_article .data_tit em {
    font-size: 13px;
  }
}

/* // card-list */
.card_article > a {
  position: relative;
  display: block;
}

.card_article > a span {
  display: block;
}

.card_article > a span.img {
  border: 1px solid #ccc;
  margin-bottom: 20px;
 /* position: relative;overflow: hidden;padding-top: 75%; */
  height: 214px;
  overflow: hidden;
}

.card_article > a span.img img {
  display: block;
  width: 100%;
 /* position: absolute; top:50%;left:50%; transform:translate(-50%,-50%); */;
}

.card_article > a span.event_state {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 60px;
  padding: 10px 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  background-color: #ccc;
  text-align: center;
  box-sizing: border-box;
 /* 진행중 */ /* 종료 */ /* 발표예정 */ /* 발표완료 */;
}

.card_article > a span.event_state.ing {
  background-color: #e50013;
}

.card_article > a span.event_state.end {
  background-color: #000000;
}

.card_article > a span.event_state.schedule {
  width: 60px;
  background-color: #e50013;
}

.card_article > a span.event_state.complete {
  width: 60px;
  background-color: #000000;
}

.card_article > a span.sbj {
  height: 58px;
  font-size: 20px;
  font-weight: bold;
  line-height: 29px;
  color: #010101;
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card_article > a span.desc, .card_article > a span.date {
  height: 54px;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  color: #979797;
  margin-bottom: 14px;
}

.card_article > a span.desc em, .card_article > a span.date em {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.4;
}

.card_article > a span.date {
  margin-bottom: 0;
  line-height: 1;
}

.card_article > a span.desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1023px) {
  .card_article > a span.img {
    margin-bottom: 12px;
 /* position: relative;overflow: hidden;padding-top: 75%; */
    height: auto;
  }

  .card_article > a span.event_state {
    min-width: 50px;
    padding: 9px 7px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
 /* 진행중 */ /* 종료 */ /* 발표예정 */ /* 발표완료 */;
  }

  .card_article > a span.event_state.schedule {
    width: 50px;
    line-height: 1.2;
  }

  .card_article > a span.event_state.complete {
    width: 50px;
    line-height: 1.2;
  }

  .card_article > a span.sbj {
    height: auto;
    max-height: 40px;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .card_article > a span.desc, .card_article > a span.date {
    height: auto;
    max-height: 38px;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 10px;
  }

  .card_article > a span.date {
    margin-bottom: 0;
    line-height: 1;
  }
}

/* 게시글 보기 */
.view-wrap {
  margin-top: 130px;
}

.view-wrap .title {
  background: #f6f6f6;
  border-top: 2px solid #000000;
  border-bottom: 1px solid #e5e5e5;
  padding: 29px 30px 33px;
  text-align: center;
}

.view-wrap .title .h4 {
  font-size: 24px;
  letter-spacing: -0.03em;
  line-height: 1.3;
  margin-bottom: 12px;
}

.view-wrap .title .date {
  font-size: 16px;
  letter-spacing: 0;
  color: #999;
}

.view-wrap .title .date span {
  display: inline-block;
  padding: 0 5px;
}

.view-wrap .title .date + .date {
  margin-top: 4px;
}

.view-wrap .title .date + .desc {
  margin-top: 4px;
}

.view-wrap .title .desc {
  font-size: 16px;
  letter-spacing: 0;
  color: #999;
}

.view-wrap .view-panel {
 /* max-width: $G-width; margin: 0 auto; padding:  0 40px; */;
}

.view-wrap .view-contents {
  padding: 80px 70px;
  font-size: 16px;
  letter-spacing: -0.03em;
  line-height: 27px;
  color: #656262;
  font-weight: 400;
}

.view-wrap .view-contents .view_editor img {
  max-width: 1040px;
  display: block;
  margin: 0 auto;
}

.view-wrap .view-contents .view_editor .video {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  box-sizing: border-box;
}

.view-wrap .view-contents .view_editor .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.view-wrap .view-contents .view_editor .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.view-wrap .view-contents .view_editor .link-imgbox {
  text-align: center;
  font-size: 0;
}

.view-wrap .view-contents .view_editor .link-imgbox a {
  display: inline-block;
}

.view-wrap .view-contents .view_editor .link-imgbox img {
  display: inline-block;
}

@media screen and (max-width: 1023px) {
  .view-wrap .view-contents .view_editor .link-imgbox .img_col2 img {
    width: 50%;
  }
}

.view-wrap .view-contents .view_editor .gallery_editer-area + p, .view-wrap .view-contents .view_editor p + p {
  margin-top: 10px;
}

.view-wrap .view-contents .view_editor .gallery_editer-area {
  padding-bottom: 0px;
}

.view-wrap .view-contents .view_editor .gallery_editer-area .gallery_view {
  position: relative;
  max-width: 900px;
  width: 100%;
  padding: 0 85px;
  margin: 0 auto;
}

.view-wrap .view-contents .view_editor .gallery_editer-area .gallery_view .gallery_center {
  position: relative;
}

.view-wrap .view-contents .view_editor .gallery_editer-area .gallery_view .gallery_center .imgfull img {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.view-wrap .view-contents .view_editor .gallery_editer-area .gallery_view .gallery_pagination {
  display: block;
}

.view-wrap .view-contents .view_editor .gallery_editer-area .gallery_view .gallery_paginations {
  display: block;
  text-align: center;
}

.view-wrap .file-area .files {
  margin-top: 30px;
  border-top: 1px solid #dcdce0;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.view-wrap .file-area .files dt {
  display: table-cell;
  width: 120px;
  padding: 15px 30px;
  font-size: 16px;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #000000;
  vertical-align: middle;
  background-color: #f6f6f6;
}

.view-wrap .file-area .files dd {
  display: table-cell;
  padding: 15px 20px;
  font-size: 16px;
  vertical-align: middle;
}

.view-wrap .file-area .files dd a {
  position: relative;
  display: block;
  line-height: 1.4;
  color: #a0a0a0;
  padding-left: 30px;
}

.view-wrap .file-area .files dd a i {
  position: absolute;
  top: 0;
  left: 0;
}

.view-wrap .file-area .files dd a span {
  display: block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.view-wrap .file-area .files dd a:first-child:before {
  display: none;
}

.view-wrap .file-area .files dd a + a {
  margin-top: 10px;
}

.view-wrap .view-navigation {
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
}

.view-wrap .view-navigation li {
  position: relative;
  padding-left: 166px;
  padding-right: 30px;
  line-height: 58px;
  font-size: 16px;
  letter-spacing: -0.03em;
  font-weight: 400;
  color: #979797;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.view-wrap .view-navigation li + li {
  border-top: 1px solid #e5e5e5;
}

.view-wrap .view-navigation li .tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 166px;
  text-align: left;
}

.view-wrap .view-navigation li .tit span {
  display: inline-block;
  padding: 0 36px;
  margin-left: 30px;
  position: relative;
  color: #333;
  font-weight: 500;
}

.view-wrap .view-navigation li .tit i {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4.5px;
}

.view-wrap .view-navigation li .tit .icon-view_next {
  margin-top: -4px;
}

.view-wrap .view-ctrl {
  margin-top: 50px;
  text-align: center;
  font-size: 0;
}

.view-wrap .view-ctrl .bt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #333;
  min-width: 118px;
  padding: 0 30px;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #333;
  height: 43px;
  line-height: 41px;
  display: inline-block;
}

.view-wrap .view-ctrl .bt i {
  margin-right: 8px;
  margin-bottom: -1px;
}

@media screen and (max-width: 1280px) {
  .view-wrap .view-contents .view_editor img {
    max-width: 800;
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1023px) {
  .view-wrap {
    margin-top: 80px;
  }

  .view-wrap .title {
    padding: 22px 14px 25px;
  }

  .view-wrap .title .h4 {
    font-size: 17px;
    letter-spacing: -0.03em;
    line-height: 23px;
    margin-bottom: 9px;
    font-weight: bold;
  }

  .view-wrap .title .date {
    font-size: 13px;
    line-height: 1;
  }

  .view-wrap .view-panel {
 /* padding:  0 15px; */;
  }

  .view-wrap .view-contents {
    padding: 40px 0;
    font-size: 13px;
    letter-spacing: -0.025em;
    line-height: 19px;
    color: #5e5e5e;
    font-weight: 400;
  }

  .view-wrap .view-contents .view_editor img {
    max-width: 100%;
  }

  .view-wrap .view-contents .view_editor .gallery_editer-area {
    padding-bottom: 30px;
  }

  .view-wrap .view-contents .view_editor .gallery_editer-area .gallery_view {
    position: relative;
    padding: 0 0px;
  }

  .view-wrap .view-contents .view_editor .gallery_editer-area .gallery_view .gallery_center {
    position: relative;
  }

  .view-wrap .view-contents .view_editor .gallery_editer-area .gallery_view .gallery_prev {
    display: none;
  }

  .view-wrap .view-contents .view_editor .gallery_editer-area .gallery_view .gallery_next {
    display: none;
  }

  .view-wrap .file-area .files {
    margin-top: 15px;
  }

  .view-wrap .file-area .files dt {
    width: 90px;
    padding: 15px 20px;
    font-size: 13px;
    vertical-align: middle;
  }

  .view-wrap .file-area .files dd {
    padding: 15px 20px;
    font-size: 13px;
  }

  .view-wrap .file-area .files dd a {
    display: block;
  }

  .view-wrap .file-area .files dd a::before {
    display: none;
  }

  .view-wrap .file-area .files dd a span {
    line-height: 21px;
  }

  .view-wrap .view-navigation {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
  }

  .view-wrap .view-navigation li {
    position: relative;
    padding-left: 90px;
    padding-right: 20px;
    line-height: 45px;
    font-size: 13px;
    font-weight: 400;
  }

  .view-wrap .view-navigation li + li {
    border-top: 1px solid #e5e5e5;
  }

  .view-wrap .view-navigation li .tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    text-align: center;
  }

  .view-wrap .view-navigation li .tit span {
    display: block;
    padding: 0 20px;
    margin-left: 10px;
    font-weight: 700;
  }

  .view-wrap .view-navigation li .tit i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
  }

  .view-wrap .view-navigation li .tit .icon-view_next {
    margin-top: -4px;
  }

  .view-wrap .view-ctrl {
    margin-top: 25px;
  }

  .view-wrap .view-ctrl .bt {
    min-width: 100px;
    padding: 0 26px;
    font-size: 13px;
    height: 40px;
    line-height: 38px;
  }

  .view-wrap .view-ctrl .bt i {
    margin-right: 8px;
    margin-bottom: -1px;
  }

  .table-wrap .con-header .title {
    font-size: 20px;
  }

  .table-wrap .con-header .tb_gide {
    position: static !important;
    font-size: 13px !important;
    text-align: right;
  }

  .table-wrap .data_table.deps tbody th {
    text-indent: 0;
  }

  .table-wrap .data_table.deps tbody .twodep th {
    text-indent: 30px;
  }
}

/* ========================================= //Component  ========================================= */
/* ========================== 약관 내용 */
.terms_contents {
  padding: 0;
 /* ========================== table_terms */ /* policy-내용 카피 - 재정의 [2024-0712] */ /* // policy-내용 카피 - 재정의 [2024-0712] */;
}

.terms_contents .h1 {
  font-size: 20px;
  color: #000000;
  font-weight: bold;
}

.terms_contents .h2 {
  font-size: 18px;
  color: #000000;
  font-weight: bold;
}

.terms_contents .h3 {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

.terms_contents div {
  margin-bottom: 25px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: keep-all;
}

.terms_contents div p {
  margin-bottom: 10px;
}

.terms_contents div strong {
  color: #000000;
}

.terms_contents div .fb {
  font-weight: bold;
}

.terms_contents div em {
  color: #e50012;
}

.terms_contents ol {
  position: relative;
  padding: 0 0 10px 0px;
}

.terms_contents ol > li {
  margin-top: 5px;
  text-indent: -18px;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.5;
}

.terms_contents ul {
  position: relative;
}

.terms_contents ul > li {
  margin-top: 0px;
  line-height: 1.5;
  font-size: 14px;
  text-indent: -7px;
  padding-left: 7px;
}

.terms_contents ul.indent-list {
  padding: 0 0 10px 0px;
}

.terms_contents ul.indent-list li {
  margin-top: 5px;
  text-indent: -18px;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.5;
}

.terms_contents .indent {
  display: inline-block;
  text-indent: -18px;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.5;
}

.terms_contents mark, .terms_contents .mark {
  color: #e50012;
  background-color: transparent;
}

.terms_contents .table-area {
  margin: 0;
  padding: 0;
}

.terms_contents .table_terms {
  width: 100%;
  margin-top: 5px;
}

.terms_contents .table_terms > thead > tr > th {
  border: 1px solid #e1e1e1;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  background: #f8f8f8;
  text-indent: 0px;
}

.terms_contents .table_terms > tbody > tr > th {
  border: 1px solid #e1e1e1;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  background: #f8f8f8;
  text-indent: 0px;
}

.terms_contents .table_terms > tbody > tr > td {
  border: 1px solid #e1e1e1;
  padding: 5px 10px;
  font-size: 14px;
  color: #000000;
  text-align: center;
  word-break: break-word;
  text-indent: 0px;
}

.terms_contents .table_terms > tbody > tr > td a {
  font-size: 14px;
}

.terms_contents .table_terms > tbody > tr > td .font_red {
  color: #080707;
}

.terms_contents .table_terms > tbody > tr > td li {
  font-size: 14px !important;
}

.terms_contents .table_terms > tbody > tr.rowspan > td:first-child {
  border-left: 1px solid #e1e1e1;
}

.terms_contents .policy-block em {
  color: #000000;
  font-weight: bold;
}

.terms_contents .policy-block .title.style_line {
  margin-bottom: 5px;
}

.terms_contents .policy-block .title.style_line h4 {
  padding-left: 0;
  font-size: 15px;
}

.terms_contents .policy-block .title.style_line h4::before {
  display: none;
}

.terms_contents .policy-block .title.style_line h4::after {
  display: none;
}

.terms_contents .policy-block .table-wrap {
  padding: 0;
  margin-bottom: 0;
}

.terms_contents .policy-block .table-wrap .con-body {
  margin: 0;
  border-top: 0px solid #e6e6e6;
}

.terms_contents .policy-block .table-wrap .data_table thead th {
  height: 36px;
  border: 1px solid #e1e1e1;
}

.terms_contents .policy-block .table-wrap .data_table tbody td {
  height: 36px;
  padding: 5px;
  border: 1px solid #e1e1e1;
}

.terms_contents .policy-block .policy_cont-block ul > li em {
  font-weight: 500;
}

.terms_contents2 {
  line-height: 1.5;
  text-align: left;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.terms_contents2 .mb_paragraph {
  margin-bottom: 30px;
}

.terms_contents2 p {
  line-height: 1.5;
}

.terms_contents2 ol li {
  font-size: 16px;
  color: #5e5e5e;
}

.terms_contents2 ol li .strong1 {
  display: inline-block;
  font-size: 18px;
  color: #000000;
}

.terms_contents2 ol li .strong2 {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

.terms_contents2 ol li .colorB {
  color: #000000;
}

@media screen and (max-width: 1023px) {
  .terms_contents2 .mb_paragraph {
    margin-bottom: 20px;
  }

  .terms_contents2 ol li {
    font-size: 13px;
    color: #5e5e5e;
  }

  .terms_contents2 ol li .strong1 {
    display: inline-block;
    font-size: 14px;
    color: #000000;
  }

  .terms_contents2 ol li .strong2 {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
  }

  .terms_contents2 ol li .colorB {
    color: #000000;
  }
}

/* ===== title highlight ===== */
.title.icon-title_highlight {
  position: relative;
  padding-top: 26px;
}

.title.icon-title_highlight:after {
  position: absolute;
  top: 0;
  left: 0;
}

.title.icon-title_highlight h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-transform: uppercase;
}

.title.icon-title_highlight p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.title.icon-title_highlight p.line_block {
  margin-top: 30px;
  line-height: 1.8;
}

.title.icon-title_highlight div.line_block {
  position: relative;
  margin-top: 30px;
  font-size: 20px;
  color: #5e5e5e;
  line-height: 1.8;
  word-wrap: break-word;
  word-break: keep-all;
  padding-left: 150px;
  font-weight: normal;
  text-align: left;
}

.title.icon-title_highlight div.line_block:before {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 125px;
  width: 1px;
  height: auto;
  background: #d9d9d9;
}

.title.icon-title_highlight div.line_block .mark_dot-list li {
  font-size: 16px;
  line-height: 26px;
}

.title.icon-title_highlight div.line_block .text-notice {
  margin-top: 5px;
  font-size: 14px;
}

.title p.line_block, .title .line_block {
  position: relative;
  padding-left: 150px;
  font-weight: normal;
  text-align: left;
  font-size: 20px;
  line-height: 1.8;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.title p.line_block:before, .title .line_block:before {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 125px;
  width: 1px;
  height: auto;
  background: #d9d9d9;
}

.title p.line_block .mark_dot-list, .title .line_block .mark_dot-list {
  margin-top: 20px;
}

.title p.line_block .mark_dot-list li, .title .line_block .mark_dot-list li {
  font-size: 16px;
}

.title.style_line {
  position: relative;
}

.title.style_line h4, .title.style_line h3 {
  position: relative;
  padding-left: 12px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-transform: uppercase;
}

.title.style_line h4:before, .title.style_line h4:after, .title.style_line h3:before, .title.style_line h3:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.title.style_line h4:before, .title.style_line h3:before {
  height: 22px;
  width: 4px;
  background: #000;
}

.title.style_line h4:after, .title.style_line h3:after {
  height: 6px;
  width: 4px;
  background: #e50012;
}

.title.style_line p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.title.style_line p em {
  color: #e50012;
}

.title.style_line p.totals {
  font-size: 20px;
  font-weight: 400;
}

.title.style_line p.totals em {
  font-weight: bold;
}

.title.style_line p.totals .count {
  display: inline-block;
  margin-right: 15px;
}

.title.style_line p.totals .data_simple {
  display: inline-block;
  font-size: 16px;
  color: #5e5e5e;
}

.title.style_line p.totals .data_simple.model {
  margin-right: 10px;
}

.title.style_line .tb_gide {
  position: absolute;
  right: 0;
  bottom: -5px;
  font-size: 16px;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  .title.icon-title_highlight {
    padding-top: 18px;
  }

  .title.icon-title_highlight:after {
    position: absolute;
    top: 0;
    left: 0;
  }

  .title.icon-title_highlight h3 {
    font-size: 20px;
  }

  .title.icon-title_highlight h4 {
    font-size: 18px;
  }

  .title.icon-title_highlight p {
    margin-top: 7px;
    font-size: 13px;
    line-height: 20px;
    color: #5e5e5e;
  }

  .title.icon-title_highlight p.line_block {
    margin-top: 20px;
  }

  .title.icon-title_highlight div.line_block {
    padding-left: 16px;
    font-size: 13px;
    font-weight: normal;
    line-height: 21px;
    color: #5e5e5e;
  }

  .title.icon-title_highlight div.line_block:before {
    top: 5px;
    bottom: 3px;
    left: 0;
    margin-top: 0;
    height: auto;
  }

  .title.icon-title_highlight div.line_block .mark_dot-list li {
    font-size: 13px;
    line-height: 20px;
  }

  .title.icon-title_highlight div.line_block .text-notice {
    font-size: 12px;
  }

  .title p.line_block, .title .line_block {
    padding-left: 16px;
    font-size: 13px;
    font-weight: normal;
    line-height: 21px;
    color: #5e5e5e;
  }

  .title p.line_block:before, .title .line_block:before {
    top: 5px;
    bottom: 3px;
    left: 0;
    margin-top: 0;
    height: auto;
  }

  .title p.line_block .mark_dot-list, .title .line_block .mark_dot-list {
    margin-top: 10px;
  }

  .title p.line_block .mark_dot-list li, .title .line_block .mark_dot-list li {
    font-size: 13px;
  }

  .title.style_line h4, .title.style_line h3 {
    position: relative;
    padding-left: 6px;
    font-size: 17px;
  }

  .title.style_line h4:before, .title.style_line h3:before {
    height: 18px;
    width: 2px;
  }

  .title.style_line h4:after, .title.style_line h3:after {
    height: 3px;
    width: 2px;
  }

  .title.style_line p {
    margin-top: 7px;
    font-size: 13px;
    line-height: 20px;
    color: #5e5e5e;
  }

  .title.style_line p.totals {
    font-size: 15px;
  }

  .title.style_line p.totals em {
    font-weight: bold;
  }

  .title.style_line p.totals .count {
    margin-right: 5px;
  }

  .title.style_line p.totals .data_simple {
    font-size: 13px;
  }

  .title.style_line p.totals .data_simple.model {
    display: block;
  }

  .title.style_line p.totals .data_simple.code {
    display: block;
  }

  .title.style_line .tb_gide {
    font-size: 13px;
  }
}

/* ==============  sticky 검색 결과 : model , size ============== */
.search_totals {
  position: relative;
  font-weight: 400;
  height: 46px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.search_totals em {
  color: #e50012;
  font-weight: bold;
}

.search_totals .count {
  display: inline-block;
  margin-top: 10px;
  margin-right: 15px;
  font-size: 20px;
}

.search_totals .data_simple {
  display: inline-block;
  font-size: 16px;
  color: #5e5e5e;
}

.search_totals .data_simple.model {
  margin-right: 10px;
}

.data_simple.codes {
  position: absolute;
  top: 0px;
  left: 120px;
  width: calc(100% - 240px);
  padding: 1px 0px 0 0px;
  line-height: 1.2;
}

.data_simple.codes .table_codes {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

.data_simple.codes .table_row {
  display: table-row;
}

.data_simple.codes .table_col {
  display: table-cell;
  vertical-align: middle;
  height: 46px;
  text-align: center;
  font-size: 16px;
  color: #000;
  line-height: 1.4;
}

.labelscroll-area {
  position: relative;
}

.labelscroll-area .scroll-inner {
  word-wrap: break-word;
  word-break: keep-all;
  min-height: .01%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.labelscroll-area.scroll_on:after {
  content: "";
  display: block;
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

@media screen and (max-width: 1023px) {
  .search_totals {
    font-size: 15px;
    height: auto;
  }

  .search_totals em {
    font-weight: bold;
  }

  .search_totals .count {
    margin-right: 5px;
    font-size: 15px;
  }

  .search_totals .data_simple {
    font-size: 13px;
    line-height: 1.5;
  }

  .search_totals .data_simple.model {
    display: block;
  }

  .search_totals .data_simple.code {
    display: block;
  }

  .data_simple.codes {
    padding: 5px 0;
    position: relative;
    top: 0;
    left: 0px;
    width: 100%;
  }

  .data_simple.codes .table_col {
    height: auto;
    text-align: left;
    font-size: 13px;
    line-height: 1.4;
  }
}

/*==== 2020-01-29  매장찾기, 지점및서비스센터, 국내사업장 공용 ======*/
.branch_box-list {
  margin-top: 50px;
}

.branch_box-list > ul {
  border-top: 1px solid #e5e5e5;
}

.branch_box-list > ul > li {
  border-bottom: 1px solid #e5e5e5;
}

.branch_box-list > ul > li.open {
 /* .box-body { display: block; } */;
}

.branch_box-list > ul > li.open .box-head .name {
  color: #e50012;
}

.branch_box-list > ul > li.open .box-head:after {
  transform: rotate(180deg);
}

.branch_box-list .box-head {
  position: relative;
}

.branch_box-list .box-head .box-head-toggle {
  display: block;
  position: relative;
  padding: 29px 90px 25px 13px;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 1.4;
}

.branch_box-list .box-head .box-head-toggle .area-btn {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 70px;
}

.branch_box-list .box-head .box-head-toggle .arrow-btn {
  position: absolute;
  top: calc( 50% - 15px);
  right: 15px;
}

.branch_box-list .box-head .box-head-toggle > span {
  display: block;
}

.branch_box-list .box-head .box-head-toggle .store_icon {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  margin-right: 10px;
}

.branch_box-list .box-head .box-head-toggle .store_icon img {
  height: 20px;
}

.branch_box-list .box-head .box-head-toggle .store_icon:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  position: absolute;
  top: 3px;
  right: 0px;
  background-color: #5e5e5e;
}

.branch_box-list .box-head .box-head-toggle .name {
  display: inline-block;
  line-height: 1;
  font-size: 20px;
  font-weight: bold;
  color: #5e5e5e;
}

.branch_box-list .box-head .box-head-toggle .name .loc {
  vertical-align: baseline;
  display: inline-block;
  margin-left: 5px;
  font-size: 16px;
  color: #e50012;
  font-weight: 400;
}

.branch_box-list .box-head .box-head-toggle .addr {
  margin-top: 20px;
  font-weight: bold;
}

.branch_box-list .box-head .box-head-toggle .addr b {
  display: inline;
  font-weight: 400;
}

.branch_box-list .box-head .box-head-toggle .contact {
  margin-top: 0px;
}

.branch_box-list .box-head .box-head-toggle .contact > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.branch_box-list .box-head .box-head-toggle .contact em {
  color: #e50012;
  margin-right: 3px;
}

.branch_box-list .box-head .btn-call, .branch_box-list .box-head .link-call {
  display: none;
}

.branch_box-list .box-body {
  display: none;
  position: relative;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  padding: 20px 20px 80px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.branch_box-list .box-body .map-sample {
 /*  background: url(/resources/images/sample/img_branch_map.png) no-repeat; -webkit-background-size: cover;background-size: cover; */
  min-height: 330px;
}

.branch_box-list .box-body .map-sample img {
  width: 100%;
}

.branch_box-list .branch-detail {
  margin-top: 30px;
  position: relative;
}

.branch_box-list .branch-detail:after {
  content: "";
  display: table;
  clear: both;
}

.branch_box-list .branch-detail .branch-info {
  margin-top: 0px;
  float: left;
  width: calc(100% - 614px);
}

.branch_box-list .branch-detail .branch-info .tit {
  font-weight: bold;
  font-size: 20px;
  color: #010101;
  line-height: 24px;
  margin-bottom: 12px;
}

.branch_box-list .branch-detail .branch-info .cont {
  font-size: 16px;
  color: #5e5e5e;
  line-height: 24px;
}

.branch_box-list .branch-detail .branch-info .cont > p {
  position: relative;
  padding-left: 0.8em;
}

.branch_box-list .branch-detail .branch-info .cont > p:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0;
  background-color: #666666;
}

.branch_box-list .branch-detail .branch-slider {
  float: right;
  width: 614px;
  padding: 0 74px;
  position: relative;
}

.branch_box-list .branch-detail .branch-slider .swiper-wrapper .swiper-slide img {
  max-width: 300px;
}

.branch_box-list .branch-detail .branch-slider .swiper-button-next, .branch_box-list .branch-detail .branch-slider .swiper-button-prev {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  background: none;
}

.branch_box-list .branch-detail .branch-slider .swiper-button-next {
  right: 30px;
}

.branch_box-list .branch-detail .branch-slider .swiper-button-prev {
  left: 30px;
}

.branch_box-list .branch-detail .branch-slider .swiper-pagination {
  margin-top: 20px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.branch_box-list .branch-detail .branch-slider .swiper-pagination span.swiper-pagination-bullet {
  opacity: 1;
  width: 15px;
  height: 15px;
  background: #bfbfbf;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.branch_box-list .branch-detail .branch-slider .swiper-pagination span.swiper-pagination-bullet + span.swiper-pagination-bullet {
  margin-left: 15px;
}

.branch_box-list .branch-detail .branch-slider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #e50012;
}

@media screen and (max-width: 1023px) {
  .branch_box-list {
    margin-top: 25px;
  }

  .branch_box-list > ul > li.open .box-head:after {
    transform: rotate(180deg);
  }

  .branch_box-list .box-head .box-head-toggle {
    padding: 20px 35px 20px 10px;
    font-size: 11px;
    line-height: 16px;
  }

  .branch_box-list .box-head .box-head-toggle .area-btn {
    top: 0;
    left: 0px;
    width: 100%;
    height: 80px;
  }

  .branch_box-list .box-head .box-head-toggle .arrow-btn {
    position: absolute;
    top: calc( 50% - 8px);
    right: 15px;
  }

  .branch_box-list .box-head .box-head-toggle > span {
    display: block;
    line-height: 1.5;
  }

  .branch_box-list .box-head .box-head-toggle .store_icon {
    display: block;
    padding-right: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
  }

  .branch_box-list .box-head .box-head-toggle .store_icon img {
    height: 20px;
  }

  .branch_box-list .box-head .box-head-toggle .store_icon:after {
    content: "";
    display: none;
  }

  .branch_box-list .box-head .box-head-toggle .name {
    line-height: 1;
    font-size: 13px;
  }

  .branch_box-list .box-head .box-head-toggle .name .loc {
    font-size: 11px;
  }

  .branch_box-list .box-head .box-head-toggle .addr {
    margin-top: 10px;
    font-weight: bold;
  }

  .branch_box-list .box-head .box-head-toggle .addr b {
    display: block;
  }

  .branch_box-list .box-head .box-head-toggle .contact {
    margin-top: 0px;
  }

  .branch_box-list .box-head .box-head-toggle .contact > span {
    display: block;
    line-height: 1.5;
  }

  .branch_box-list .box-head .box-head-toggle .contact em {
    color: #e50012;
    margin-right: 3px;
  }

  .branch_box-list .box-head .btn-call {
    margin-top: 8px;
    display: block;
    width: 100px;
    height: 35px;
    padding: 0;
    border: 1px solid #ccc;
    font-size: 13px;
    color: #000;
    text-align: center;
  }

  .branch_box-list .box-head .link-call {
 /* text-decoration: underline;  color: $colorMain; */
    display: inline-block;
    vertical-align: middle;
  }

  .branch_box-list .box-body {
    display: none;
    padding: 10px 10px 40px;
    font-size: 13px;
    line-height: 21px;
  }

  .branch_box-list .box-body .map-sample {
    position: relative;
    min-height: 230px;
  }

  .branch_box-list .box-body .map-sample .imgfull {
    height: 230px;
  }

  .branch_box-list .box-body .map-sample .map_img {
    height: 100%;
  }

  .branch_box-list .branch-detail {
    margin-top: 15px;
  }

  .branch_box-list .branch-detail .branch-info {
    margin-top: 0;
    float: none;
    width: 100%;
  }

  .branch_box-list .branch-detail .branch-info .tit {
    font-size: 13px;
    line-height: 1;
    margin-bottom: 5px;
  }

  .branch_box-list .branch-detail .branch-info .cont {
    font-size: 11px;
    line-height: 21px;
  }

  .branch_box-list .branch-detail .branch-info .cont p {
    padding-left: 0.6em;
  }

  .branch_box-list .branch-detail .branch-info .cont p:after {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #666666;
  }

  .branch_box-list .branch-detail .branch-slider {
    margin-top: 15px;
    float: none;
    width: 100%;
    padding: 0 40px 20px;
    position: relative;
  }

  .branch_box-list .branch-detail .branch-slider .swiper-slide {
    text-align: center;
  }

  .branch_box-list .branch-detail .branch-slider .swiper-button-next, .branch_box-list .branch-detail .branch-slider .swiper-button-prev {
    margin-top: -8.5px;
  }

  .branch_box-list .branch-detail .branch-slider .swiper-button-next {
    right: 12px;
  }

  .branch_box-list .branch-detail .branch-slider .swiper-button-prev {
    left: 12px;
  }

  .branch_box-list .branch-detail .branch-slider .swiper-pagination {
    margin-top: 10px;
  }

  .branch_box-list .branch-detail .branch-slider .swiper-pagination span.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .branch_box-list .branch-detail .branch-slider .swiper-pagination span.swiper-pagination-bullet + span.swiper-pagination-bullet {
    margin-left: 8px;
  }
}

/* ui_common.scss */
/* ====== 버튼 ====== */
.btn {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding: 9px 20px 9px;
  margin-bottom: 0;
  min-width: 80px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
  letter-spacing: 0px;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btn:disabled {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3;
  pointer-events: none;
}

.btn.btn_default {
  font-size: 14px;
  background: #fff;
  border: 1px solid #555555;
  color: #000000;
}

.btn.btn_gray {
  font-size: 16px;
  min-width: 160px;
  background: #777777;
  border: 1px solid #777777;
  color: #fff;
}

.btn.btn_darkgray {
  font-size: 16px;
  min-width: 160px;
  background: #444444;
  border: 1px solid #444444;
  color: #fff;
}

.btn.btn_black {
  font-size: 16px;
  min-width: 160px;
  background: #000000;
  border: 1px solid #000000;
  color: #fff;
}

.btn.btn_black_b {
  background: #121212;
  border: 1px solid #121212;
  color: #fff;
}

.btn.btn_red {
  background: #e50012;
  color: #fff;
}

.btn.btn_bd_gray {
  background: #fff;
  border: 1px solid #ccc;
  color: #000;
}

.btn.btn_bd_dgrady {
  background: #fff;
  border: 1px solid #656262;
  color: #000;
}

.btn.btn_bd_black {
  border: 1px solid #000;
  color: #000;
}

@media screen and (max-width: 1023px) {
  .btn {
    min-width: 100px;
  }

  .btn.btn_default {
    font-size: 13px;
    padding: 10px 20px 9px;
  }
}

.btn.btn_default:hover {
  background: #f8f8f8;
  border-color: #111111;
}

.btn.btn_gray:hover {
  background: #444444;
  border-color: #444444;
}

.btn.btn_red:hover {
  background: #ff1818;
  color: #fff;
}

.btn.btn_black:hover {
  background: #333333;
  border-color: #333333;
}

.search-btn:hover {
  background: #f8f8f8;
  border-color: #111111;
}

@media (hover: none) {
  .btn.btn_default:hover {
    background: #fff;
    border-color: #555555;
  }

  .btn.btn_gray:hover {
    background: #777777;
    border-color: #777777;
  }

  .btn.btn_red:hover {
    background: #e50012;
    color: #fff;
  }

  .btn.btn_black:hover {
    background: #000000;
    border-color: #000000;
  }
}

.btn.btn_lg {
  padding: 11px 20px 12px;
  min-width: 200px !important;
  font-size: 18px;
  line-height: 25px;
}

.btn.btn_sm {
  padding: 6px 10px 7px;
  min-width: auto;
  font-size: 14px;
}

.btn.btn_md {
  padding: 9px 25px 10px;
  font-size: 17px;
}

.btnset_bottom {
  margin-top: 50px;
}

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

.btn_set .btng-c {
  text-align: center;
}

.btn_set .btng-c .btn + .btn {
  margin: 0 5px;
}

.btn_set .btng-l {
  float: left;
}

.btn_set .btng-r {
  float: right;
}

.btn_set .btng-r .btn + .btn {
  margin-left: 5px;
}

.btn_set-center {
  text-align: center;
}

.btn_set-single {
  text-align: center;
  padding: 0px;
}

.btn_set-single .btn_item a, .btn_set-single .btn_item button, .btn_set-single .btn_item input[type="button"] {
  width: 100%;
}

.btn_set-double {
  padding: 0px;
 /*  */;
}

.btn_set-double::after {
  content: "";
  display: block;
  clear: both;
}

.btn_set-double .btn_item {
  position: relative;
  width: 50%;
  float: left;
}

.btn_set-double .btn_item a {
  width: 100%;
}

.btn_set-double .btn_item:first-child {
  padding-right: 2px;
}

.btn_set-double .btn_item:last-child {
  padding-left: 2px;
}

.btn_set-triple {
  padding: 0px;
}

.btn_set-triple::after {
  content: "";
  display: block;
  clear: both;
}

.btn_set-triple .btn_item {
  position: relative;
  width: 33.3333%;
  padding: 0 2px;
  float: left;
}

.btn_set-triple .btn_item a {
  width: 100%;
}

.btn_set-triple .btn_item:first-child {
  padding-left: 0px;
}

.btn_set-triple .btn_item:last-child {
  padding-right: 0px;
}

@media screen and (max-width: 1023px) {
  .btnset_bottom {
    margin-top: 25px;
  }

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

  .btn_set .btng-c {
    text-align: center;
  }

  .btn_set .btng-l {
    float: left;
  }

  .btn_set .btng-r .btn + .btn {
    margin-left: 0px;
  }
}

.btn.btn_md {
  padding: 9px 25px 10px;
  font-size: 17px;
}

.btn.btn_xlg {
  padding: 14px 20px;
  min-width: 230px;
  font-size: 18px;
}

.btn.btn_xsm {
  padding: 3px 10px 4px;
  min-width: auto;
}

.btn.btn_arrow .icon-bt_arrow_white, .btn.btn_arrow .icon-bt_arrow {
  margin-left: 16px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.btn.btn_download {
  font-size: 16px !important;
  width: 100%;
  padding: 15px 20px 16px;
}

@media screen and (max-width: 1023px) {
  .btn.btn_md {
    padding: 6px 25px 7px;
    font-size: 13px;
  }

  .btn.btn_xlg {
    padding: 12px 20px;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
  }

  .btn.btn_arrow .icon-bt_arrow_white, .btn.btn_arrow .icon-bt_arrow {
    margin-left: 6px;
    margin-bottom: 1px;
  }

  .btn.btn_download {
    font-size: 13px !important;
    width: 100%;
    padding: 10px 20px 12px;
  }
}

/* ====== PAGING ====== */
.paging-area {
  width: 100%;
  clear: both;
  position: relative;
  margin: 10px 0 20px;
  letter-spacing: 0px;
  text-align: center;
 /*     .paging a:hover { background:#ddd;} .paging a:focus { background:#ddd;} */;
}

.paging-area .paging {
  position: relative;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.paging-area .paging a, .paging-area .paging strong {
  position: relative;
  display: inline-block;
  min-width: 30px;
  height: 34px;
  text-decoration: none;
  vertical-align: top;
  padding: 0 10px;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #5e5e5e;
  box-sizing: border-box;
}

.paging-area .paging a em, .paging-area .paging strong em {
  font-style: normal;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #5e5e5e;
}

.paging-area .paging strong.on {
  font-size: 18px;
  color: #e50012;
  font-weight: 500;
}

.paging-area .paging strong.on::after {
  content: "";
  display: block;
  width: calc(100% - 10px);
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: calc( (100% - 10px) / 2 * -1);
  background-color: #e50012;
}

.paging-area .paging a.prev, .paging-area .paging a.prev_end, .paging-area .paging a.next, .paging-area .paging a.next_end {
  width: 34px;
  height: 34px;
  font-size: 0;
  line-height: 0;
 /* border:1px solid #d9d9d9; box-sizing: border-box; */;
}

.paging-area .paging a.prev i, .paging-area .paging a.prev_end i, .paging-area .paging a.next i, .paging-area .paging a.next_end i {
  display: block;
  padding: 7px 6px;
}

.paging-area .paging a.prev {
  padding: 0px;
  text-indent: -9999px;
  margin-right: 10px;
}

.paging-area .paging a.prev_end {
  padding: 0px;
  margin-right: 0px;
  text-indent: -9999px;
}

.paging-area .paging a.prev:hover {
 /* &:after { @include sp_icons($icon-page_prev-on) };     */;
}

.paging-area .paging a.prev_end:hover {
 /* &:after { @include sp_icons($icon-page_prevprev-on) }; */;
}

.paging-area .paging a.next {
  padding: 0px;
  margin-left: 0px;
  text-indent: -9999px;
  margin-left: 10px;
}

.paging-area .paging a.next_end {
  padding: 0px;
  margin-left: 0px;
  text-indent: -9999px;
}

.paging-area .paging a.next:hover {
 /* &:after { @include sp_icons($icon-page_prev-on) };     */;
}

.paging-area .paging a.next_end:hover {
 /* &:after { @include sp_icons($icon-page_prevprev-on) }; */;
}

@media screen and (max-width: 1023px) {
  .paging-area {
    margin: 0px 0 5px;
 /*     .paging a:hover { background:transparent;} .paging a:focus { background:transparent;} */;
  }

  .paging-area .paging a, .paging-area .paging strong {
    position: relative;
    display: inline-block;
    color: #666;
    min-width: 20px;
    height: 30px;
    text-decoration: none;
    vertical-align: top;
    padding: 0 5px;
    font-size: 0px;
    font-weight: 0;
    line-height: 0;
    border: 1px solid transparent;
    box-sizing: border-box;
  }

  .paging-area .paging a em, .paging-area .paging strong em {
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #979797;
  }

  .paging-area .paging strong.on {
    min-width: 30px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 28px;
  }

  .paging-area .paging strong.on::after {
    content: "";
    display: block;
    width: calc(100% - 15px);
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: calc( (100% - 15px) / 2 * -1);
    background-color: #e50012;
  }

  .paging-area .paging a.prev, .paging-area .paging a.prev_end, .paging-area .paging a.next, .paging-area .paging a.next_end {
    width: 30px;
    height: 30px;
  }

  .paging-area .paging a.prev i, .paging-area .paging a.prev_end i, .paging-area .paging a.next i, .paging-area .paging a.next_end i {
    display: block;
    padding: 5px 4px;
  }

  .paging-area .paging a.prev {
    margin-right: 0px;
  }

  .paging-area .paging a.next {
    margin-right: 0px;
  }
}

/* ================== TAB MENU */
.tab-wrap .typesub_tab-area {
  padding-bottom: 55px;
}

.tab-wrap .typesub_tab-area .tab-list.tab_typedot {
  padding-bottom: 10px;
}

@media screen and (max-width: 1023px) {
  .tab-wrap .responsive_scrollx {
    position: relative;
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 10px;
  }
}

.tab-wrap .tab-header {
  text-align: center;
  margin-bottom: 45px;
}

.tab-wrap .tab-header .title {
  font-size: 32px;
  font-weight: bold;
  color: #151515;
}

.tab-wrap.tab_typesub-wrap {
  margin-top: 0;
}

.tab-wrap.tab_typesub-wrap .tab-area {
  height: 45px;
  width: 200px;
  margin: 0 auto 0;
}

.tab-wrap.tab_typesub-wrap .tab-area::after {
  display: none;
}

.tab-wrap.tab_typesub-wrap .tab-area.area_full {
  width: 100%;
}

.tab-wrap.tab_typesub-wrap .tabcon_items .con-area {
  display: none;
}

.tab-wrap.tab_typesub-wrap .tabcon_items .con-area.on {
  display: block;
}

.tab-area {
  position: relative;
  text-align: center;
  height: 64px;
 /*  height: 73px; */;
}

.tab-area:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
}

.tab-list {
  display: inline-block;
  position: relative;
  padding: 0;
 /* 2020-01-26 김수한 */ /* 2020-01-26 김수한 */ /* ============================= nth  */ /* //============================= nth  */ /* ================== TAB MENU tab_typedot */ /* ================== TAB MENU tab_typesub */ /* ================== TAB MENU setting */ /* 2020-01-26 김수한 */;
}

.tab-list > li {
  display: inline;
  width: 100%;
  list-style: none;
  box-sizing: border-box;
}

.tab-list > li .btn-area {
  height: 64px;
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 2;
  color: #000;
}

.tab-list > li .btn-area a {
  position: relative;
  padding-top: 1px;
  color: #6b6b6b;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.tab-list > li .btn-area a .tab_name {
  font-family: "Noto Sans KR";
  font-size: 21px;
  font-weight: 500;
}

.tab-list > li .btn-area a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.tab-list > li .st_table {
  display: table;
  width: 100%;
  height: 100%;
}

.tab-list > li .st_table a {
  display: table-cell;
  vertical-align: middle;
}

.tab-list > li > .con-area {
  display: none;
  width: 100%;
  margin-top: 50px;
  margin-left: 0px;
  left: 0px;
  border: 0px solid #ccc;
  padding: 0 0px;
}

.tab-list > .on .btn-area a {
  color: #e50012;
}

.tab-list > .on .btn-area a:after {
  background-color: #e50012;
}

.tab-list > .on > .con-area {
  display: block;
}

.tab-list.tabover_inline .trp-tabitem {
  float: none;
  display: inline-block;
  width: auto;
}

.tab-list.tabover_inline .trp-tabitem .tab_btn {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

.tab-list.tabover_inline .btn-area a:after {
  left: 0;
}

.tab-list.tab_item2 {
  display: inline-flex;
  width: auto;
}

.tab-list.tab_item2 .trp-tabitem {
  display: block;
  width: auto;
}

.tab-list.tab_item2 .trp-tabitem .btn-area a {
  padding: 0 30px;
}

.tab-list.tab_item2 .trp-tabitem .btn-area a::after {
  left: 50%;
  transform: translateX(-50%);
}

.tab-list.tab_item2 .trp-tabitem .btn-area a .tab_name {
  display: inline-block;
  line-height: 1.4;
}

.tab-list.tab_item3 {
  width: 600px;
}

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

.tab-list.tab_item3 .trp-tabitem {
  float: left;
  width: 33.3333%;
}

.tab-list.tab_item4 {
  width: 800px;
}

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

.tab-list.tab_item4 .trp-tabitem {
  float: left;
  width: 25%;
}

.tab-list.tab_item5 {
  width: 100%;
}

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

.tab-list.tab_item5 .trp-tabitem {
  float: left;
  width: 20%;
}

.tab-list.tab_item5.tab_inline .trp-tabitem {
  float: none;
  display: inline-block;
  width: auto;
}

.tab-list.tab_item5.tab_inline .trp-tabitem .tab_btn {
  padding-left: 35px;
  padding-right: 35px;
  text-align: center;
}

.tab-list.tab_item5.tab_inline .btn-area a:after {
  left: 0;
}

.tab-list.tab_item6 {
  width: 100%;
}

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

.tab-list.tab_item6 .trp-tabitem {
  float: left;
  width: 16.6666667%;
}

.tab-list.tab_item7 {
  width: 100%;
}

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

.tab-list.tab_item7 .trp-tabitem {
  float: left;
  width: 14.285714%;
}

.tab-list.tab_item7.tab_inline .trp-tabitem {
  float: none;
  display: inline-block;
  width: auto;
}

.tab-list.tab_item7.tab_inline .trp-tabitem .tab_btn {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}

.tab-list.tab_item7.tab_inline .btn-area a:after {
  left: 0;
}

.tab-list.tab_item8 {
  width: 100%;
}

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

.tab-list.tab_item8 .trp-tabitem {
  float: left;
  width: 12.5%;
}

.tab-list.tab_item8.tab_inline .trp-tabitem {
  float: none;
  display: inline-block;
  width: auto;
}

.tab-list.tab_item8.tab_inline .trp-tabitem .tab_btn {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}

.tab-list.tab_item8.tab_inline .btn-area a:after {
  left: 0;
}

.tab-list.tab_item_nth.tab_typedot {
  width: 100%;
  display: flex;
}

.tab-list.tab_item_nth.tab_typedot:after {
  content: '';
  display: block;
  clear: both;
}

.tab-list.tab_item_nth.tab_typedot .trp-tabitem {
  float: none;
  display: inline-block;
  width: auto;
}

.tab-list.tab_item_nth.tab_typedot .trp-tabitem .btn-area {
  height: 64px;
}

.tab-list.tab_item_nth.tab_typedot .trp-tabitem .tab_btn {
  padding-left: 35px;
  padding-right: 35px;
  text-align: center;
  font-size: 0;
  line-height: 1;
}

.tab-list.tab_item_nth.tab_typedot .trp-tabitem .tab_btn .tab_name {
  line-height: 1.2;
}

.tab-list.tab_item_nth.tab_typedot .trp-tabitem .tab_btn::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

@media screen and (max-width: 1023px) {
  .tab-list.tab_item_nth.tab_typedot {
 /* max-width: 650px; */;
  }

  .tab-list.tab_item_nth.tab_typedot .trp-tabitem .btn-area {
    height: 50px;
  }

  .tab-list.tab_item_nth.tab_typedot .trp-tabitem .tab_btn {
    padding: 0 20px;
  }

  .tab-list.tab_item_nth.tab_typedot .trp-tabitem .tab_btn .tab_name {
    line-height: 1.3;
  }
}

.tab-list.tab_item_nth.tab_typesub {
  display: flex;
  position: absolute;
  width: 200px;
}

.tab-list.tab_typedot {
  padding-bottom: 10px;
}

.tab-list.tab_typedot > .on .btn-area a::before {
  position: absolute;
  bottom: -8px;
  left: calc( 50% - 4px);
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid #e50013;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.tab-list.tab_typedot > .on.none_sub .btn-area a::before {
  display: none;
}

.tab-list.tab_typesub:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
}

.tab-list.tab_typesub > li .btn-area {
  height: 45px;
}

.tab-list.tab_typesub > li .btn-area a .tab_name {
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: bold;
}

.tab-list.tab_typesub > .on .btn-area a {
  color: #e50012;
}

.tab-list.tab_typesub > .on .btn-area a:after {
  background-color: #e50012;
}

.tab-list.tab_typesub > .on > .con-area {
  display: block;
}

.tab-list.tab_typesub.tab_item1_2 {
  width: 200px;
}

.tab-list.tab_typesub.tab_item1_2:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
}

.tab-list.tab_typesub.tab_item1_2.fr {
  margin: 0 -50% 0 0;
}

.tab-list.tab_typesub.tab_item1_2 .trp-tabitem {
  display: block;
  width: 50%;
  float: left;
}

.tab-list.tab_typesub.tab_item2 {
  width: 200px;
  margin-left: -100%;
}

.tab-list.tab_typesub.tab_item2:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
}

.tab-list.tab_typesub.tab_item2.fr {
  margin: 0 -50% 0 0;
}

.tab-list.tab_typesub.tab_item3 {
  width: 300px;
  margin-left: -150%;
}

.tab-list.tab_typesub.tab_item3:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
}

.tab-list.tab_typesub.tab_item3.fr {
  margin: 0 -50% 0 0;
}

.tab-list.tab_col2 > li .btn-area {
  top: 0;
  left: 0;
  width: 50%;
}

.tab-list.tab_col2 > li:nth-child(1) .btn-area {
  left: 0;
}

.tab-list.tab_col2 > li:nth-child(2) .btn-area {
  left: 50%;
}

.tab-list.tab_col3 > li .btn-area {
  top: 0;
  left: 0;
  width: 33.333333333%;
  border-left: 1px solid #cccccc;
}

.tab-list.tab_col3 > li:nth-child(1) .btn-area {
  left: 0;
  border-left: none;
}

.tab-list.tab_col3 > li:nth-child(2) .btn-area {
  left: 33.3333333333%;
}

.tab-list.tab_col3 > li:nth-child(3) .btn-area {
  left: 66.6666666666%;
}

.tab-list.tab_col4 > li .btn-area {
  top: 0;
  left: 0;
  width: 25%;
}

.tab-list.tab_col4 > li:nth-child(1) .btn-area {
  left: 0;
}

.tab-list.tab_col4 > li:nth-child(2) .btn-area {
  left: 25%;
}

.tab-list.tab_col4 > li:nth-child(3) .btn-area {
  left: 50%;
}

.tab-list.tab_col4 > li:nth-child(4) .btn-area {
  left: 75%;
}

.tab-list.tab_col5 > li .btn-area {
  top: 0;
  left: 0;
  width: 20%;
}

.tab-list.tab_col5 > li:nth-child(1) .btn-area {
  left: 0;
}

.tab-list.tab_col5 > li:nth-child(2) .btn-area {
  left: 20%;
}

.tab-list.tab_col5 > li:nth-child(3) .btn-area {
  left: 40%;
}

.tab-list.tab_col5 > li:nth-child(4) .btn-area {
  left: 60%;
}

.tab-list.tab_col5 > li:nth-child(5) .btn-area {
  left: 80%;
}

.tab-list.tab_col6 > li .btn-area {
  top: 0;
  left: 0;
  width: 16.666666%;
}

.tab-list.tab_col6 > li:nth-child(1) .btn-area {
  left: 0;
}

.tab-list.tab_col6 > li:nth-child(2) .btn-area {
  left: 16.666666%;
}

.tab-list.tab_col6 > li:nth-child(3) .btn-area {
  left: 33.333333%;
}

.tab-list.tab_col6 > li:nth-child(4) .btn-area {
  left: 50%;
}

.tab-list.tab_col6 > li:nth-child(5) .btn-area {
  left: 66.666666%;
}

.tab-list.tab_col6 > li:nth-child(6) .btn-area {
  left: 83.333333%;
}

@media screen and (max-width: 1023px) {
  .tab-wrap .tab-header {
    text-align: center;
    margin-bottom: 15px;
  }

  .tab-wrap .tab-header .title {
    font-size: 16px;
  }

  .tab-wrap .typesub_tab-area {
    padding-bottom: 50px;
  }

  .tab-wrap .responsive_scrollx .tab-list.tab_typedot {
    padding-bottom: 0;
  }

  .tab-wrap.tab_typesub-wrap.tab_typedot .tab-area {
    width: 50%;
    height: 40px;
    margin: 0px;
  }

  .tab-wrap.tab_typesub-wrap .tab-list > li a {
    padding-top: 0;
  }

  .tab-area {
    height: 50px;
  }

  .tab-list {
 /* 2020-01-26 김수한 */ /* ================== TAB MENU tab_type1 */ /* ================== TAB MENU tab_typedot */ /* ================== TAB MENU tab_typesub */;
  }

  .tab-list > li .btn-area {
    height: 50px;
  }

  .tab-list > li .btn-area a {
    position: relative;
    padding-top: 10px;
    white-space: normal;
    word-wrap: normal;
    word-break: break-all;
  }

  .tab-list > li .btn-area a .tab_name {
    font-size: 15px;
    font-weight: 500;
  }

  .tab-list > .on .btn-area a {
    color: #e50012;
  }

  .tab-list > .on .btn-area a:after {
    background-color: #e50012;
  }

  .tab-list > .on > .con-area {
    display: block;
  }

  .tab-list.tab_item2 {
    width: 100%;
  }

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

  .tab-list.tab_item2 .trp-tabitem {
    float: left;
    width: 50%;
  }

  .tab-list.tab_item3 {
    width: 100%;
  }

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

  .tab-list.tab_item3 .trp-tabitem {
    float: left;
    width: 33.3333%;
  }

  .tab-list.tab_item4 {
    width: auto;
    white-space: nowrap;
  }

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

  .tab-list.tab_item4 .trp-tabitem {
    float: none;
    width: auto;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
  }

  .tab-list.tab_item4 .trp-tabitem .tab_btn {
    position: relative;
    padding: 10px 30px 0;
  }

  .tab-list.tab_item4 .trp-tabitem .tab_btn::after {
    left: 0;
  }

  .tab-list.tab_item6 {
    width: auto;
    white-space: nowrap;
  }

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

  .tab-list.tab_item6 .trp-tabitem {
    float: none;
    display: inline-block;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
  }

  .tab-list.tab_item6 .trp-tabitem .tab_btn {
    position: relative;
    padding: 10px 25px 0;
  }

  .tab-list.tab_item6 .trp-tabitem .tab_btn::after {
    left: 0;
  }

  .tab-list.tab_item7 {
    width: auto;
    white-space: nowrap;
  }

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

  .tab-list.tab_item7 .trp-tabitem {
    float: none;
    display: inline-block;
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
  }

  .tab-list.tab_item7 .trp-tabitem .tab_btn {
    position: relative;
    padding: 10px 20px 0;
  }

  .tab-list.tab_item7 .trp-tabitem .tab_btn::after {
    left: 0;
  }

  .tab-list.tab_item5 {
    width: auto;
    white-space: nowrap;
  }

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

  .tab-list.tab_item5 .trp-tabitem {
    float: left;
    width: 20%;
  }

  .tab-list.tab_item5.tab_inline .trp-tabitem {
    float: none;
    display: inline-block;
    width: auto;
  }

  .tab-list.tab_item5.tab_inline .trp-tabitem .tab_btn {
    padding-left: 35px;
    padding-right: 35px;
    text-align: center;
  }

  .tab-list.tab_item5.tab_inline .btn-area a:after {
    left: 0;
  }

  .tab-list.tab_item_nth {
    display: flex;
    width: 100%;
  }

  .tab-list.tab_typedot > .on .btn-area a::before {
    bottom: -6px;
    border-top: 6px solid #e50013;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }

  .tab-list.tab_typesub > li .btn-area {
    height: 40px;
  }

  .tab-list.tab_typesub > li .btn-area a .tab_name {
    font-family: "Noto Sans KR";
    font-size: 13px;
    font-weight: bold;
  }

  .tab-list.tab_typesub > .on .btn-area a {
    color: #e50012;
  }

  .tab-list.tab_typesub > .on .btn-area a:after {
    background-color: #e50012;
  }

  .tab-list.tab_typesub > .on > .con-area {
    display: block;
  }

  .tab-list.tab_typesub.tab_item2 {
    width: 100%;
    margin-left: 0;
  }

  .tab-list.tab_typesub.tab_item2.fr {
    margin: 0 -100% 0 auto;
  }
}

/* 컬럼2단 row2 */
.tab-area.tab_row2 {
  height: 128px;
}

.tab-area.tab_row2::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 64px;
}

@media screen and (max-width: 1023px) {
  .tab-area.tab_row2 {
    height: 50px;
  }

  .tab-area.tab_row2::before {
    content: "";
    display: none;
  }
}

/* ================== 겔러리  (모터스포츠 , 광고홍보채널 상세 )*/
.gallery_view {
  position: relative;
}

.gallery_view .gallery_center {
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.gallery_view .gallery_prev, .gallery_view .gallery_next {
  position: absolute;
  top: calc( 50% - 29px);
  width: 58px;
  padding: 16px;
  background-color: #e50012;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}

.gallery_view .gallery_prev i, .gallery_view .gallery_next i {
  overflow: hidden;
  text-indent: 100px;
  font-size: 0;
  line-height: 0;
}

.gallery_view .bx-controls {
 /* width: 58px; height: 58px; */;
}

.gallery_view .bx-controls .bx-prev, .gallery_view .bx-controls .bx-next {
  position: absolute;
  top: calc( 50% - 29px);
  width: 58px;
  height: 58px;
  padding: 16px;
  background-color: #e50012;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
}

.gallery_view .gallery_prev {
  left: 0px;
}

.gallery_view .gallery_next {
  right: 0px;
}

.gallery_view .gallery_pageing {
  position: relative;
  padding: 25px 0 30px;
}

.gallery_view .gallery_pageing .progress_bar {
  width: calc( 100% - 80px);
}

.gallery_view .gallery_pageing .progress_bar .bar-box {
  position: relative;
  height: 3px;
  border-bottom: 1px solid #b2b2b2;
}

.gallery_view .gallery_pageing .progress_bar .bar {
  position: absolute;
  left: 0;
  height: 3px;
  padding: 0 3px;
  -webkit-transition: width 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  -ms-transition: width 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

.gallery_view .gallery_pageing .progress_bar .bar span {
  display: block;
  height: 3px;
  background-color: #ef0010;
}

.gallery_view .gallery_pageing .progress_bar .bar::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 3px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 3px solid #ef0010;
}

.gallery_view .gallery_pageing .progress_bar .bar::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 3px solid #ef0010;
  border-left: 0px solid transparent;
  border-right: 3px solid transparent;
}

.gallery_view .gallery_pageing .progress_count {
  position: absolute;
  top: 16px;
  right: 0;
}

.gallery_view .gallery_pageing .progress_count span {
  font-size: 16px;
  color: #cacaca;
  font-weight: 400;
}

.gallery_view .gallery_pageing .progress_count .current {
  color: #000;
}

.gallery_view .gallery_pagination {
  display: block;
  position: relative;
  margin-top: 15px;
  text-align: center;
}

.gallery_view .gallery_pagination .bx-pager {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.gallery_view .gallery_pagination .bx-pager .bx-pager-item {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.gallery_view .gallery_pagination .bx-pager .bx-pager-item a {
  margin: 5px 8px;
  overflow: hidden;
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 0;
  background: #382424;
  opacity: 1;
  font-size: 0;
  line-height: 0;
  text-indent: 100px;
}

.gallery_view .gallery_pagination .bx-pager .bx-pager-item a.active {
  opacity: 1;
  background: #e50012;
}

.gallery_view .gallery_paginations {
  margin-top: 15px;
}

.gallery_view .gallery_paginations .swiper-pagination-bullet {
  margin: 5px 8px;
  overflow: hidden;
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 0;
  background: #382424;
  opacity: 1;
  font-size: 0;
  line-height: 0;
  text-indent: 100px;
}

.gallery_view .gallery_paginations .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e50013;
}

@media screen and (max-width: 1023px) {
  .gallery_view .gallery_prev, .gallery_view .gallery_next {
    position: absolute;
    top: calc( 50% - 20px);
    padding: 8px 7px 7px 8px;
  }

  .gallery_view .gallery_prev {
    left: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
  }

  .gallery_view .gallery_next {
    right: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
  }

  .gallery_view .bx-controls .bx-prev, .gallery_view .bx-controls .bx-next {
    position: absolute;
    top: calc( 50% - 20px);
    width: 40px;
    height: 40px;
    padding: 14px 12px 12px 13px;
  }

  .gallery_view .gallery_pageing {
    position: relative;
    padding: 25px 0 30px;
  }

  .gallery_view .gallery_pageing .progress_bar {
    width: calc( 100% - 50px);
  }

  .gallery_view .gallery_pageing .progress_count {
    position: absolute;
    top: 14px;
    right: 0;
  }

  .gallery_view .gallery_pageing .progress_count span {
    font-size: 13px;
    color: #cacaca;
    font-weight: 400;
  }

  .gallery_view .gallery_pagination {
    margin-top: 10px;
  }

  .gallery_view .gallery_pagination .bx-pager {
    text-align: center;
    font-size: 0;
    line-height: 0;
  }

  .gallery_view .gallery_pagination .bx-pager .bx-pager-item a {
    margin: 5px 4px;
    width: 8px;
    height: 8px;
  }

  .gallery_view .gallery_paginations {
    margin-top: 10px;
  }

  .gallery_view .gallery_paginations .swiper-pagination-bullet {
    margin: 5px 4px;
    width: 8px;
    height: 8px;
  }
}

/* ================== accordion MENU */
.accordion-wrap.noneline {
  border-top: 0;
}

.accordion-wrap {
  border-top: 2px solid #000000;
}

.accordion-list > li {
  border-bottom: 1px solid #e1e1e1;
}

.accordion-list > li .header-area {
  position: relative;
  background-color: #f8f8f8;
}

.accordion-list > li .header-area .accordion_name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.accordion-list > li .header-area .acc_btn {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 20px 50px 20px 20px;
}

.accordion-list > li .header-area .acc_btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  right: 15px;
  width: 30px;
  height: 30px;
  background-position: -524px -108px;
}

.accordion-list > li > .con-area {
  display: none;
  padding: 30px 20px;
}

.accordion-list > li.on .header-area .acc_btn:after {
  width: 30px;
  height: 30px;
  background-position: -524px -158px;
}

.faq_box-list > ul {
  border-top: 1px solid #e5e5e5;
}

.faq_box-list > ul > li {
  border-bottom: 1px solid #e5e5e5;
}

.faq_box-list > ul > li.open {
 /* .box-body { display: block; } */;
}

.faq_box-list > ul > li.open .box-head:after {
  transform: rotate(180deg);
}

.faq_box-list .box-type {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  color: inherit;
}

.faq_box-list .box-head {
  display: block;
  position: relative;
  padding: 0 55px 0 165px;
}

.faq_box-list .box-head .box-type {
  left: 0;
  top: 0;
  width: 165px;
  padding: 0 10px 0 20px;
  line-height: 54px;
  text-align: left;
  color: #e50012;
  box-sizing: border-box;
}

.faq_box-list .box-head .box-type i {
  margin-right: 10px;
}

.faq_box-list .box-head .box-type b {
  font-weight: normal;
  font-size: 16px;
}

.faq_box-list .box-head .box-title {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  line-height: 24px;
  color: #5e5e5e;
}

.faq_box-list .box-head i.icon-faq_arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: 23px;
  margin-top: -15px;
}

.faq_box-list .box-body {
  display: none;
  position: relative;
  background: #f6f6f6;
  border-top: 1px solid #e5e5e5;
  padding: 34px 130px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.faq_box-list .box-body .box-type {
  top: 34px;
  line-height: 28px;
  left: 98px;
}

.faq_box-list .box-body .box-body_cont.typeA {
  position: relative;
}

.faq_box-list .box-body .box-body_cont.typeA:after {
  content: "A";
  display: block;
  position: absolute;
  top: 0px;
  left: -30px;
  font-size: 18px;
  font-weight: bold;
  color: inherit;
}

@media screen and (max-width: 1023px) {
  .faq_box-list .box-type {
    position: absolute;
    font-size: 13px;
  }

  .faq_box-list .box-head {
    display: block;
    padding: 13px 40px 13px 32px;
  }

  .faq_box-list .box-head .box-type {
    position: static;
    display: block;
    width: auto;
    padding: 0;
    line-height: 18px;
    text-align: left;
    color: #e50012;
  }

  .faq_box-list .box-head .box-type i {
    margin-right: 0;
    font-size: 17px;
    line-height: 1;
    font-weight: bold;
    position: absolute;
    top: 11px;
    left: 0;
    width: 32px;
    text-align: center;
  }

  .faq_box-list .box-head .box-type b {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
  }

  .faq_box-list .box-head .box-title {
    margin-top: 4px;
    display: block;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
  }

  .faq_box-list .box-body {
    padding: 13px 32px;
    font-size: 13px;
    line-height: 18px;
  }

  .faq_box-list .box-body .box-type {
    top: 9px;
    line-height: 28px;
    left: 0;
    width: 32px;
    text-align: center;
  }

  .faq_box-list .box-body .box-type i {
    font-size: 17px;
    line-height: 1;
    font-weight: bold;
  }

  .faq_box-list .box-body .box-body_cont.typeA:after {
    top: 0px;
    left: -20px;
    font-size: 17px;
  }
}

/* ================== 팝업 레이아웃 */
/** //popup-wrap **/
.popup-dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 90000;
}

.trp.popupfixed-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 90000;
  -webkit-overflow-scrolling: touch;
 /* 차량 정보확인 */;
}

.trp.popupfixed-wrap .popup-dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 0;
 /*background: #000000;opacity: 0.5;filter: alpha(opacity=50);*/;
}

.trp.popupfixed-wrap .popup-align {
  display: table;
  *display: block;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
}

.trp.popupfixed-wrap .popup-vertical {
  display: table-cell;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
}

.trp.popupfixed-wrap .popup-layer {
  position: relative;
  z-index: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.trp.popupfixed-wrap .btn_close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  padding: 10px;
  margin: 0;
  font-size: 0px;
  line-height: 1;
  color: transparent;
  box-sizing: border-box;
}

.trp.popupfixed-wrap .pop_tit {
  padding: 15px 30px 15px;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
  text-align: left;
  font-family: "Noto Sans JP";
  background: #e50012;
}

.trp.popupfixed-wrap .popup-layer.option {
  position: relative;
  top: 0px;
  min-width: 290px;
  height: auto;
  text-align: left;
  background: #fff;
}

.trp.popupfixed-wrap .popup-layer.alert_default {
  max-width: 500px;
  position: relative;
  top: 0px;
  min-width: 290px;
  height: auto;
  text-align: left;
  background: #fff;
  font-size: 16px;
}

.trp.popupfixed-wrap .popup-layer.alert_default .section {
  padding: 30px 25px;
}

.trp.popupfixed-wrap .popup-layer.alert_default p {
  line-height: 1.7;
}

.trp.popupfixed-wrap .popup-layer.alert_default p + p {
  margin-top: 7px;
}

.trp.popupfixed-wrap .popup-layer.alert_default .btnset_bottom {
  margin-top: 35px;
}

.trp.popupfixed-wrap .section.default_pd {
  padding: 30px 25px;
}

.trp.popupfixed-wrap .section {
  position: relative;
  padding: 30px 16px;
  background-color: #fff;
  word-wrap: break-word;
  word-break: keep-all;
}

.trp.popupfixed-wrap .section .pop_custum_scroll_y {
  max-height: 80vh;
}

.trp.popupfixed-wrap .section .pop_custum_scroll_y .section-inner {
  padding-right: 15px;
}

.trp.popupfixed-wrap .section.strong_type .txt {
  font-size: 22px;
  color: #000;
  font-weight: 500;
}

.trp.popupfixed-wrap .section.strong_type .txt em {
  color: #e50012;
}

.trp.popupfixed-wrap .section.strong_type .gray-box {
  margin-top: 25px;
  padding: 25px;
  background-color: #f6f6f6;
  font-size: 26px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
}

.trp.popupfixed-wrap .section.strong_type .txt_alert {
  margin-top: 25px;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 1.4;
  text-align: center;
}

.trp.popupfixed-wrap .section.strong_type .btn_set.btnset_bottom a {
  min-width: 160px;
}

.trp.popupfixed-wrap .btn_bottom {
  margin-top: 20px;
}

.trp.popupfixed-wrap .btn_bottom .btng-c .btn {
  min-width: 160px;
  font-weight: 500;
}

.trp.popupfixed-wrap .txt_alert {
  color: #e50012;
  padding-bottom: 10px;
}

.trp.popupfixed-wrap .mark_char-list li {
  padding-left: 1em;
  text-indent: -1em;
  word-wrap: break-word;
  word-break: keep-all;
}

.trp.popupfixed-wrap .mark_char-list li + li {
  margin-top: 10px;
}

.trp.popupfixed-wrap .checkbox_bottom {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #d9d9d9;
  text-align: left;
}

.trp.popupfixed-wrap .img_box {
  border: 1px solid  #e7e7e7;
}

.trp.popupfixed-wrap .img_box img {
  width: 100%;
  max-width: 548px;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap {
 /* 모바일 팝업 좌우.. */ /* 차량 정보확인 */;
  }

  .trp.popupfixed-wrap .btn_close {
    right: 0px;
    width: 36px;
    height: 40px;
    padding: 10px 6px;
  }

  .trp.popupfixed-wrap .pop_tit {
    padding: 10px 16px 10px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
  }

  .trp.popupfixed-wrap .section {
    padding: 20px 16px 20px;
  }

  .trp.popupfixed-wrap .popup-vertical {
    padding: 20px 15px;
  }

  .trp.popupfixed-wrap .popup-layer.alert_default {
    font-size: 13px;
  }

  .trp.popupfixed-wrap .popup-layer.alert_default .section {
    padding: 16px 16px;
  }

  .trp.popupfixed-wrap .popup-layer.alert_default .btnset_bottom {
    margin-top: 17px;
  }

  .trp.popupfixed-wrap .section {
    position: relative;
    padding: 16px 16px;
  }

  .trp.popupfixed-wrap .section .pop_custum_scroll_y {
    max-height: 65vh;
  }

  .trp.popupfixed-wrap .section.strong_type .txt {
    font-size: 14px;
  }

  .trp.popupfixed-wrap .section.strong_type .gray-box {
    margin-top: 15px;
    padding: 15px;
    font-size: 16px;
  }

  .trp.popupfixed-wrap .section.strong_type .txt_alert {
    margin-top: 14px;
    font-size: 12px;
    color: #5e5e5e;
    text-align: center;
  }

  .trp.popupfixed-wrap .section.strong_type .btn_set.btnset_bottom a {
    min-width: 100px;
  }

  .trp.popupfixed-wrap .btn_bottom {
    margin-top: 30px;
  }

  .trp.popupfixed-wrap .btn_bottom .btng-c .btn {
    min-width: 100px;
  }

  .trp.popupfixed-wrap .checkbox_bottom {
    margin-top: 30px;
    padding-top: 15px;
    font-size: 13px;
  }
}

/* 2020-01-19 게시판 리스트 */
.list-wrap .con-header {
  position: relative;
}

.list-wrap .con-header .search-area {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* 2020-01-26 검색 영역 공통화*/
.search-area .col_search {
  font-size: 0;
}

.search-area .col_search:after {
  content: "";
  display: table;
  clear: both;
}

.search-area .col_search .colitem {
  display: inline-block;
  vertical-align: middle;
}

.search-area .col_search .colitem .select-box {
  width: 140px;
}

.search-area .col_search .colitem .formsearch-box {
  width: 346px;
}

.search-area .col_search .colitem + .colitem {
  margin-left: 10px;
}

@media screen and (max-width: 1023px) {
  .list-wrap .con-header .search-area {
    position: static;
    bottom: auto;
    right: auto;
  }

  .search-area .col_search {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }

  .search-area .col_search .colitem {
    margin-left: 0px;
    width: 100%;
  }

  .search-area .col_search .colitem .select-box {
    width: 100%;
  }

  .search-area .col_search .colitem .formsearch-box {
    width: 100%;
  }

  .search-area .col_search .colitem + .colitem {
    margin-left: 0px;
    margin-top: 10px;
  }
}

/* ======= 2020-01-26 페이지 상단 search_box  =======*/
.page-search_box {
  overflow: hidden;
  margin: 60px 0;
}

.page-search_box .page-search_box-inner {
  padding: 38px 0;
  text-align: center;
  background: #f6f6f6;
}

.page-search_box .search-area .col_search {
  font-size: 0;
}

.page-search_box .search-area .col_search:after {
  content: "";
  display: table;
  clear: both;
}

.page-search_box .search-area .col_search .colitem {
  display: inline-block;
  vertical-align: middle;
}

.page-search_box .search-area .col_search .colitem .select-box {
  display: none;
 /* 깜박임 */
  width: 192px;
}

.page-search_box .search-area .col_search .colitem .select-box .select2-container > .selection .select2-selection--single, .page-search_box .search-area .col_search .colitem .select-box .select2-container.select2-container--below > .selection .select2-selection--single {
  height: 52px;
}

.page-search_box .search-area .col_search .colitem .select-box .select2-container > .selection .select2-selection--single .select2-selection__rendered, .page-search_box .search-area .col_search .colitem .select-box .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__rendered {
  height: 50px;
  line-height: 50px;
}

.page-search_box .search-area .col_search .colitem .select-box .select2-container > .selection .select2-selection--single .select2-selection__arrow, .page-search_box .search-area .col_search .colitem .select-box .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__arrow {
  height: 50px;
}

.page-search_box .search-area .col_search .colitem .formsearch-box {
  width: 600px;
  height: 52px;
}

.page-search_box .search-area .col_search .colitem .formsearch-box input {
  width: 100%;
  z-index: 1;
  padding: 14px 115px 14px 15px;
  height: 52px;
}

.page-search_box .search-area .col_search .colitem .formsearch-box .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 52px;
  width: 100px;
  color: #fff;
  font-weight: bold;
  background-color: #e50012;
}

.page-search_box .search-area .col_search .colitem + .colitem {
  margin-left: 12px;
}

@media screen and (max-width: 1023px) {
  .page-search_box {
    margin: 30px 0 35px;
  }

  .page-search_box .body-inner {
    padding: 0;
  }

  .page-search_box .page-search_box-inner {
    padding: 25px 15px;
  }

  .page-search_box .search-area .col_search {
    font-size: 0;
    margin-bottom: 0;
  }

  .page-search_box .search-area .col_search:after {
    content: "";
    display: table;
    clear: both;
  }

  .page-search_box .search-area .col_search .colitem {
    display: inline-block;
    vertical-align: middle;
  }

  .page-search_box .search-area .col_search .colitem .select-box {
    width: 100%;
  }

  .page-search_box .search-area .col_search .colitem .select-box .select2-container > .selection .select2-selection--single, .page-search_box .search-area .col_search .colitem .select-box .select2-container.select2-container--below > .selection .select2-selection--single {
    height: 40px;
  }

  .page-search_box .search-area .col_search .colitem .select-box .select2-container > .selection .select2-selection--single .select2-selection__rendered, .page-search_box .search-area .col_search .colitem .select-box .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__rendered {
    height: 38px;
    line-height: 38px;
    font-size: 13px;
  }

  .page-search_box .search-area .col_search .colitem .select-box .select2-container > .selection .select2-selection--single .select2-selection__arrow, .page-search_box .search-area .col_search .colitem .select-box .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__arrow {
    height: 38px;
  }

  .page-search_box .search-area .col_search .colitem .formsearch-box {
    width: 100%;
    height: 40px;
  }

  .page-search_box .search-area .col_search .colitem .formsearch-box input {
    width: 100%;
    z-index: 1;
    padding: 0 90px 0 15px;
    height: 40px;
    font-size: 13px;
  }

  .page-search_box .search-area .col_search .colitem .formsearch-box .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 75px;
    color: #fff;
    font-weight: bold;
    background-color: #e50012;
  }

  .page-search_box .search-area .col_search .colitem + .colitem {
    margin-left: 0;
  }
}

/* ======================== input text  */
/* placeholder */
input[type="text"].placeholdersjs, input[type="password"].placeholdersjs, input[type="number"].placeholdersjs, input[type="url"].placeholdersjs, input[type="email"].placeholdersjs, input[type="search"].placeholdersjs, textarea.placeholdersjs {
  color: #a0a0a0;
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0a0a0;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a0a0a0;
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0a0a0;
}

em.star {
  display: inline-block;
  height: 14px;
  padding: 0 5px;
  color: #f24848;
  font-weight: bold;
}

input[type="text"], input[type="password"] {
  width: 100%;
  height: 40px;
  padding: 8px 15px 8px;
  font-size: 16px;
  vertical-align: middle;
  border: 1px solid #cccccc;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="text"].h36, input[type="password"].h36, input[type="number"].h36, input[type="url"].h36, input[type="email"].h36, input[type="search"].h36 {
  height: 36px;
}

/* ======================== focus, ,disabled, input_error */
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="search"]:focus {
  border-color: #3e73d1;
}

input[type="text"]:read-only, input[type="password"]:read-only, input[type="number"]:read-only, input[type="url"]:read-only, input[type="email"]:read-only, input[type="search"]:read-only {
  background: #f8f8f8;
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="url"]:disabled, input[type="email"]:disabled, input[type="search"]:disabled {
  background: #f8f8f8;
}

input[type="text"].input_error, input[type="password"].input_error, input[type="number"].input_error, input[type="url"].input_error, input[type="email"].input_error, input[type="search"].input_error {
  border-color: #dd4c5c;
}

.input-box {
  position: relative;
  vertical-align: top;
}

.input-box .check_byte-w {
  padding-right: 90px !important;
}

.input-box .check_byte-h {
  padding-bottom: 50px !important;
}

.input-box label, .input-box .dash {
  display: inline-block;
  padding: 8px 20px 8px;
  box-sizing: border-box;
}

.input-box label:frist-child {
  padding-left: 0;
}

.input-box .dash {
  padding: 8px 0px 8px 0px;
}

.input-box input[type="text"], .input-box input[type="password"], .input-box input[type="number"], .input-box input[type="url"], .input-box input[type="email"], .input-box input[type="search"] {
  padding: 8px 15px 8px;
}

.input-box input[type="text"].input_lg, .input-box input[type="password"].input_lg, .input-box input[type="number"].input_lg, .input-box input[type="url"].input_lg, .input-box input[type="email"].input_lg, .input-box input[type="search"].input_lg {
  padding: 13px 15px 13px;
  height: 50px;
}

.input-box .btn {
  margin-top: -1px;
}

.input-box .byte_check {
  position: absolute;
  top: 10px;
  right: 15px;
}

.input-box .byte_check em {
  vertical-align: middle;
  font-size: 14px;
  color: #e90000;
}

.input-box .byte_check span {
  vertical-align: middle;
  font-size: 14px;
}

/* input 삭제 */
.input_del {
  position: relative;
  width: 100%;
  display: inline-block;
}

.input_del input {
  padding-right: 25px;
}

.input_del button {
  display: none;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -8px;
}

.input_del button:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -40px -126px;
}

/* input 검색 */
.formsearch-box {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  min-width: 120px;
  height: 40px;
}

.formsearch-box input {
  width: 100%;
  padding-right: 100px;
  z-index: 1;
 /* 버튼 영역 padding 수정*/
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.formsearch-box .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 85px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
  z-index: 1;
  background-color: #666666;
}

.formsearch-box.w_ss {
  min-width: 100px;
}

/* ======================== textarea  */
.textarea-box {
  border: 1px solid #cccccc;
  padding: 10px 13px 10px;
}

.textarea-box textarea {
  width: 100%;
  height: 150px;
  border: 0;
  line-height: 1.4;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.textarea-box .byte_check {
  margin-top: 0px;
  height: 20px;
  text-align: right;
}

.textarea-box .byte_check em {
  vertical-align: bottom;
  font-size: 12px;
  color: #e90000;
}

.textarea-box .byte_check span {
  vertical-align: bottom;
  font-size: 12px;
}

/* ========================  input radio */
.trp.radio-box {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  min-height: 20px;
}

.trp.radio-box label {
  display: inline-block;
  height: 20px;
  margin-left: 0px;
}

.trp.radio-box em {
  display: inline-block;
  height: 20px;
  text-indent: 0px;
}

.trp.radio-box input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
 /*  width:100%; */
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.trp.radio-box input[type="radio"] + i {
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0px;
}

.trp.radio-box input[type="radio"] + i:after {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background-position: -120px -126px;
}

.trp.radio-box input[type="radio"]:checked + i:after {
  width: 20px;
  height: 20px;
  background-position: -167px 0px;
}

.trp.radio-box input[type="radio"]:disabled + i {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.trp.radio-box input[type="radio"]:disabled + i:after {
  display: block;
  content: '';
 /* @include sp_form($radio-dim); */;
}

.trp.radio-box input[type="radio"]:disabled + i + label {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
 /*  color:$colorL; */;
}

.trp.radio-box.red input[type="radio"]:checked + i:after {
  width: 21px;
  height: 20px;
  background-position: -86px -41px;
}

.trp.radio-box.re label {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  text-indent: 0px;
}

.trp.radio-box.re input[type="radio"] + i {
  position: relative;
}

/* ========================  input checkbox */
.trp.checkbox-box {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  min-height: 20px;
}

.trp.checkbox-box label {
  display: inline-block;
  line-height: 20px;
  margin-left: 3px;
  vertical-align: top;
}

.trp.checkbox-box em {
  display: inline-block;
  height: 20px;
  text-indent: 0px;
}

.trp.checkbox-box input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
 /*  width:100%; */
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.trp.checkbox-box input[type="checkbox"] + i {
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0px;
}

.trp.checkbox-box input[type="checkbox"] + i:after {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background-position: -40px -86px;
}

.trp.checkbox-box input[type="checkbox"]:checked + i:after {
  width: 20px;
  height: 20px;
  background-position: -80px -86px;
}

.trp.checkbox-box input[type="checkbox"]:disabled + i {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.trp.checkbox-box input[type="checkbox"]:disabled + i:after {
  display: block;
  content: '';
 /* @include sp_form($checkbox-dim); */;
}

.trp.checkbox-box input[type="checkbox"]:disabled + i + label {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
 /* color:$colorL; */;
}

.trp.checkbox-box.red input[type="checkbox"]:checked + i:after {
  width: 20px;
  height: 20px;
  background-position: -127px 0px;
}

.trp.checkbox-box.re label {
  display: inline-block;
  height: 20px;
  text-indent: 0px;
}

.trp.checkbox-box.re input[type="checkbox"] + i {
  position: relative;
}

@media screen and (max-width: 1023px) {
  .trp.radio-box input[type="radio"] + i {
    top: 0;
  }

  .trp.checkbox-box input[type="checkbox"] + i {
    top: 0;
  }
}

/* ========================  select */
.select-box {
  position: relative;
 /* display: none; */ /* 2020-01-29 이 부분때문에 푸터 영역 길어집니다. 참고하셔요 */;
}

.select-box .select2Basic, .select-box .select2Basic50, .select-box .select2Footer42, .select-box .select2Basic_pop {
  width: 100%;
  min-width: 100%;
}

.select2-container {
  text-align: left;
}

.select2-container > .selection .select2-selection--single, .select2-container.select2-container--below > .selection .select2-selection--single {
  height: 40px;
  border: 1px solid #cccccc;
  border-radius: 0px;
}

.select2-container > .selection .select2-selection--single .select2-selection__rendered, .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  padding: 0 30px 0 15px;
  font-size: 16px;
  font-weight: 400;
}

.select2-container > .selection .select2-selection--single .select2-selection__arrow, .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__arrow {
  right: 0px;
  height: 38px;
  width: 30px;
}

.select2-container > .selection .select2-selection--single .select2-selection__arrow b, .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__arrow b {
  border-color: #656262 transparent transparent transparent;
}

.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container.select2-container--below.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #656262 transparent transparent transparent;
  border-width: 5px 4px 0 4px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.select2Footer42 + .select2-container > .selection .select2-selection--single {
  height: 42px;
  background-color: #343434;
  border: 1px solid #343434;
  border-radius: 0px;
}

.select2Footer42 + .select2-container > .selection .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  padding: 0 30px 0 15px;
  font-size: 14px;
  font-weight: 400;
  color: #b6b6b6;
}

.select2Footer42 + .select2-container > .selection .select2-selection--single .select2-selection__arrow {
  right: 10px;
  height: 40px;
  width: 30px;
}

.select2Footer42 + .select2-container > .selection .select2-selection--single .select2-selection__arrow b {
  border-color: #b6b6b6 transparent transparent transparent;
}

.select2Footer42 + .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #e90000 transparent transparent transparent;
}

.select2Basic50 + .select2-container > .selection .select2-selection--single {
  height: 50px;
  border: 1px solid #cccccc;
  border-radius: 0px;
}

.select2Basic50 + .select2-container > .selection .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
  padding: 0 30px 0 15px;
  font-size: 16px;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  .select2Basic50 + .select2-container > .selection .select2-selection--single .select2-selection__rendered {
    padding: 0 25px 0 10px;
    font-size: 13px;
  }
}

.select2Basic50 + .select2-container > .selection .select2-selection--single .select2-selection__arrow {
  right: 0px;
  height: 48px;
  width: 30px;
}

.select2Basic50 + .select2-container > .selection .select2-selection--single .select2-selection__arrow b {
  border-color: #656262 transparent transparent transparent;
}

.select2-container.select2-container--open > .select2-dropdown.selectFooter_42 {
  background-color: #343434;
  border: 0;
  border-top: 1px solid #202020;
  border-bottom: 1px solid #202020;
}

.select2-container.select2-container--open > .select2-dropdown.selectFooter_42 .select2-results {
  height: 230px;
  overflow-y: auto;
}

.select2-container.select2-container--open > .select2-dropdown.selectFooter_42 .select2-results > .select2-results__options {
  max-height: 230px;
}

.select2-container.select2-container--open > .select2-dropdown.selectFooter_42 ul.select2-results__options {
  background-color: #343434;
  overflow-y: initial;
  max-height: auto;
}

.select2-container.select2-container--open > .select2-dropdown.selectFooter_42 ul.select2-results__options li.select2-results__option {
  font-size: 14px;
  color: #b6b6b6;
  background-color: #343434;
}

.select2-container.select2-container--open > .select2-dropdown.selectFooter_42 ul.select2-results__options li.select2-results__option.select2-results__option--highlighted {
  background-color: #535353;
  color: #b6b6b6;
}

.select2-container.select2-container--open {
 /* select_50  */ /* select2Footer42 */;
}

.select2-container.select2-container--open > .select2-dropdown--below, .select2-container.select2-container--open > .select2-dropdown--above {
  border-radius: 0;
}

.select2-container.select2-container--open > .select2-dropdown--below .select2-results__options, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options {
  background-color: #f8f8f8;
}

.select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option, .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option {
  padding: 10px 15px;
  line-height: 1.3;
 /* line-height: $formH; */;
}

.select2-container.select2-container--open > .select2-dropdown--below .select2-results__option--highlighted[aria-selected], .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option--highlighted[aria-selected] {
  color: #5e5e5e;
  background-color: #e3e3e3;
 /* hover */;
}

.select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true], .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true] {
  color: #5e5e5e;
  background-color: #e3e3e3;
}

.select2-container.select2-container--open > .select2-dropdown--below.select_50, .select2-container.select2-container--open > .select2-dropdown--above.select_50 {
  border: 0;
  box-shadow: 2px 5px 10px 0 rgba(0, 0, 0, 0.08), 2px 5px 10px 0 rgba(0, 0, 0, 0.08);
}

.select2-container.select2-container--open > .select2-dropdown--below.select_50 .select2-results__options .select2-results__option, .select2-container.select2-container--open > .select2-dropdown--above.select_50 .select2-results__options .select2-results__option {
  padding: 0 15px;
  line-height: 50px;
}

/* =====  2020-01-27 input, select 폰트 사이즈 조절 ===== */
@media screen and (max-width: 1023px) {
  input[type="text"], input[type="password"] {
    font-size: 13px;
  }

  .textarea-box textarea {
    font-size: 13px;
    line-height: 1.5;
  }

  .select2-container {
    font-size: 12px;
  }

  .select2-container > .selection .select2-selection--single .select2-selection__rendered, .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
  }
}

.select2-dropdown.increasedzindexclass_pop {
  z-index: 99000;
}

/* ========================  input file */
.trp.file-box {
  position: relative;
}

.trp.file-box label.screen-reader-text {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.trp.file-box .trp-Filetext {
  width: calc( 100% - 120px);
  height: 40px;
  padding: 8px 10px 8px 10px;
  font-size: 16px;
  vertical-align: middle;
  border: 1px solid #cccccc;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.trp.file-box .btn {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 110px;
  height: 40px;
  background: #757575;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.trp.file-box .trp-Filehidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

/* ========================  jQuery datepicker */
.datepicker-box {
  position: relative;
  display: inline-block;
  min-width: 155px;
  height: 40px;
  background-color: #fff;
}

.datepicker-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  background-color: transparent;
}

.datepicker-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 23px;
  height: 23px;
  background-position: 0px -43px;
}

.ui-datepicker.ui-widget {
  border: 1px solid #f3f3f3;
  padding: 0;
  z-index: 10000 !important;
  box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.05), 0px 0px 25px 0 rgba(0, 0, 0, 0.05);
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0;
  height: 40px;
  background-color: #ffffff;
}

.ui-datepicker-title {
  height: 40px;
  line-height: 38px;
}

.ui-datepicker-title .ui-datepicker-month {
  line-height: 38px;
  color: #e50012;
}

.ui-datepicker-title .ui-datepicker-year {
  line-height: 38px;
  color: #e50012;
}

.ui-datepicker .ui-datepicker-header {
  border: 0;
  border-bottom: 1px solid #f3f3f3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  top: 7px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-image: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 7px;
  background-color: #999999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 7px;
  background-color: #999999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 7px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-image: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 8px;
  background-color: #999999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 8px;
  background-color: #999999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui-datepicker-calendar tbody tr td {
  height: auto;
}

.ui-datepicker-calendar tbody tr td .ui-state-default {
  width: 25px;
  height: 25px;
  padding-top: 5px;
  text-align: center;
  border: 0;
  background-color: #fff;
  color: #777777;
  box-sizing: border-box;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today .ui-state-default {
  color: #fff;
  background-color: #a0a0a0;
  border-radius: 50%;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-week-end:first-child .ui-state-default {
  color: #e50012;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-week-end.ui-datepicker-today .ui-state-default {
  color: #ffffff;
}

/* 커스텀 카운터 인풋 박스 */
.ui-count {
  position: relative;
  display: inline-block;
  border-radius: 0;
}

.ui-count .ui-countTxt {
  width: 60px;
  padding-right: 30px;
  padding-left: 10px;
  text-align: right;
  background: #fff;
}

.ui-count:before {
  content: '';
  position: absolute;
  right: 1px;
  top: 1px;
}

.ui-count > a {
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
}

.ui-count > a::after {
  content: "";
  position: absolute;
  right: 5px;
}

.ui-count .arrow_up {
  top: 1px;
  right: 0;
  border-left: 1px solid #cccccc;
}

.ui-count .arrow_up::after {
  top: 7px;
  border-style: solid;
  border-width: 0px 4px 5px 4px;
  height: 0;
  border-color: transparent transparent #5e5e5e transparent;
}

.ui-count .arrow_down {
  bottom: 0px;
  right: 0;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.ui-count .arrow_down::after {
  top: 8px;
  border-style: solid;
  border-width: 5px 4px 0px 4px;
  height: 0;
  border-color: #5e5e5e transparent transparent transparent;
}

/* ========================  timepicker */
.ui-ampm {
  position: relative;
  display: inline-block;
  width: 50px;
  min-width: 50px;
  height: 40px;
  padding: 8px 10px 8px;
  border: 1px solid #bfbfbf;
  text-align: center;
  background: #fff;
}

.timepicker-area {
  position: relative;
  display: inline-block;
}

.timepicker-area .trp-timepicker {
  display: none;
  position: absolute;
  top: 40px;
  width: 170px;
  z-index: 10;
}

.timepicker-box {
  position: relative;
  display: inline-block;
  min-width: 150px;
  width: 160px;
  height: 40px;
  background-color: #fff;
}

.timepicker-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  background-color: transparent;
}

.timepicker-box input.br {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.timepicker-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 23px;
  height: 23px;
  background-position: -43px 0px;
  z-index: 1;
}

/* ========================  starpoint */
.starpoint-box .star {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.starpoint-box .star:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -127px -80px;
}

.starpoint-box .star.on:after {
  width: 20px;
  height: 20px;
  background-position: 0px -126px;
}

/* ========================  jQuery tooltip */
/* icon_tooltip */
.icon_tooltip {
  display: inline-block;
  width: 21px;
  height: 21px;
}

.icon_tooltip:after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background-position: -86px 0px;
}

.ui-tooltip {
  font-size: 14px;
  color: #000000;
}

.ui-tooltip.ui-widget-shadow {
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.16);
}

.ui-tooltip.ui-widget.ui-widget-content {
  padding: 15px;
  border: 1px solid #aaaaaa;
  border-radius: 0;
}

.ui-tooltip.ui-widget.ui-widget-content .ui-tooltip-content {
  font-size: 14px;
  color: #000000;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.ui-tooltip .arrow {
  position: absolute;
  left: 50%;
  bottom: -15px;
  overflow: hidden;
  box-shadow: 0;
  width: 13px;
  height: 15px;
  background-position: -167px -75px;
}

.ui-tooltip .arrow.top {
  top: -15px;
  bottom: auto;
  width: 13px;
  height: 15px;
  background-position: -167px -40px;
}

.ui-tooltip .arrow.top:after {
  bottom: -15px;
  top: auto;
}

.ui-tooltip.tooltip_big {
  max-width: 500px;
}

.ui-tooltip.tooltip_big .h5 {
  margin-bottom: 15px;
}

.ui-tooltip.tooltip_big .numbar-list li {
  font-size: 14;
  letter-spacing: -1px;
}

.ui-tooltip.tooltip_big table th, .ui-tooltip.tooltip_big table td {
  padding: 5px 10px;
  font-size: 12px;
  vertical-align: top;
  font-size: 14px;
  text-align: left;
  line-height: 1.4;
}

.ui-tooltip.tooltip_big table th i, .ui-tooltip.tooltip_big table td i {
  margin-right: 5px;
}

.ui-tooltip.tooltip_big table th .text_state, .ui-tooltip.tooltip_big table td .text_state {
  font-size: 14px;
}

body {
 /* 가로 horizontal */;
}

body .mCustomScrollBox {
 /* ===  컨텐츠 영역  === */ /* === 스크롤 바 영역 === */ /* 세로  */;
}

body .mCustomScrollBox .mCSB_container {
  margin-right: 0px;
}

body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.7);
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_draggerRail, body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.2);
}

body .mCustomScrollBox .mCSB_scrollTools {
  opacity: 1;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger {
  opacity: 1;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  right: 0px;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.7);
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0;
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical {
  width: 11px;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger {
  right: 0px;
  width: 11px;
  box-sizing: border-box;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  width: 7px;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 11px;
}

body .mCustomScrollbar_x {
  overflow-x: auto;
  white-space: nowrap;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 5px;
  opacity: 1;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  bottom: 0px;
  height: 5px;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 5px;
  margin: 0px auto;
}

body .mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 5px;
  margin: 0;
}

.ui-widget-content {
  background-color: #ffffff;
}

.ui-widget-header {
  background-color: #5ba429;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  background-color: #ffffff;
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
  background-color: #686868;
}

/* header.scss */
#header {
  z-index: 99;
 /*  GNB */ /* sub_menu */ /* 언어 팩 */ /* 햄버거 메뉴  */ /* location */;
}

#header .gnb-wrap {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

#header .gnb-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
}

#header .gnb-wrap .gnb_col3 {
  position: relative;
}

#header .gnb-wrap .gnb_col3:after {
  content: '';
  display: block;
  clear: both;
}

#header .gnb-wrap .gnb_col3 .colitem1 {
  float: left;
  width: 235px;
  padding-left: 30px;
}

#header .gnb-wrap .gnb_col3 .colitem2 {
  float: left;
  width: calc( 100% - 455px);
}

#header .gnb-wrap .gnb_col3 .colitem3 {
  float: left;
  width: 220px;
  padding-right: 40px;
}

#header .gnb-wrap .logo {
  position: relative;
  padding: 13px 0 7px;
}

#header .gnb-wrap .logo a {
  display: block;
}

#header .gnb-wrap .logo .imgfull {
  display: block;
  width: 180px;
  height: 60px;
  background: url(/resources/images/common/menu_logo.svg) center no-repeat;
}

#header .gnb-wrap .menu {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 0%;
}

#header .gnb-wrap .menu .menu-list {
  position: relative;
 /* 690px */;
}

#header .gnb-wrap .menu .menu-list:after {
  content: '';
  display: block;
  clear: both;
}

#header .gnb-wrap .menu .menu-list li {
  float: left;
  width: 20%;
}

#header .gnb-wrap .menu .menu-list li.on a {
  color: #cc0000;
}

#header .gnb-wrap .menu .menu-list a {
  display: block;
  padding: 0;
  text-align: center;
  font-size: 18px;
  color: #4a4a49;
  font-weight: bold;
  line-height: 50px;
}

#header .gnb-wrap .menu:hover li a:hover {
  color: #cc0000;
}

#header .gnb-wrap .menu:hover .sub_menu-area {
  visibility: visible;
  opacity: 1;
}

@media (hover: none) {
  #header .gnb-wrap li a:hover {
    color: #4a4a49;
  }

  #header .gnb-wrap .sub_menu-area:hover {
    visibility: hidden;
    opacity: 0;
  }
}

#header .gnb-wrap .other {
  padding: 15px 0;
  text-align: right;
}

#header .gnb-wrap .other .lang_dropdown-area {
  position: relative;
  display: inline-block;
}

#header .gnb-wrap .other .lang_dropdown-area .dropdown-box {
  padding: 10px;
  cursor: pointer;
}

#header .gnb-wrap .other .lang_dropdown-area .dropdown-box i, #header .gnb-wrap .other .lang_dropdown-area .dropdown-box button {
  vertical-align: top;
}

#header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
  position: relative;
  padding: 0px 0;
  height: 20px;
  box-sizing: border-box;
  margin-right: 12px;
}

#header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn span {
  font-family: "Noto Sans KR";
  line-height: 1.1;
}

#header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn i {
  margin-top: -3px;
  float: right;
}

#header .gnb-wrap .other .hamburger_menu {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 15px;
  margin-right: -15px;
}

@media screen and (max-width: 1023px) {
  #header .location-wrap {
    display: none;
  }

  #header .gnb-wrap .gnb_col3 {
    position: relative;
  }

  #header .gnb-wrap .gnb_col3:after {
    content: '';
    display: block;
    clear: both;
  }

  #header .gnb-wrap .gnb_col3 .colitem1 {
    width: 100px;
    padding-left: 14px;
  }

  #header .gnb-wrap .gnb_col3 .colitem2 {
    display: none;
  }

  #header .gnb-wrap .gnb_col3 .colitem3 {
    float: right;
    width: 200px;
    padding-right: 14px;
  }

  #header .gnb-wrap .logo {
    padding: 8px 0 2px;
  }

  #header .gnb-wrap .logo .imgfull {
    width: 100px;
    height: 40px;
    background: url(/resources/images/common/menu_logo.svg) center no-repeat;
    background-size: 100px 40px;
  }

  #header .gnb-wrap .other {
    padding: 0px 0;
  }

  #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
    margin-right: 0;
  }
}

#header .sub_menu-area {
  visibility: hidden;
  opacity: 0;
 /* display: block; */
  border-top: 1px solid #f0f0f0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background: #f7f7f7;
  z-index: 30;
}

#header .sub_menu-area .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 15px;
}

#header .sub_menu-area .sub_menu {
  width: calc( 100% - 455px);
  margin: 0 auto;
  padding: 28px 0;
}

#header .sub_menu-area .sub-list {
  position: relative;
  border-left: 1px solid #d6d6d6;
}

#header .sub_menu-area .sub-list li a {
  position: relative;
  display: block;
  padding: 3px 14px;
  font-size: 14px;
  color: #000;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
}

#header .sub_menu-area .sub-list li a i {
  margin-bottom: -1px;
  margin-left: 3px;
}

#header .sub_menu-area .sub-list li + li {
  margin-top: 13px;
}

#header .sub_menu-area .sub-list > li > a:hover {
  color: #e50012;
}

#header .sub_menu-area .sub-list > li > a:hover::after {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  background-color: #e50012;
  position: absolute;
  top: 0;
  left: 0px;
}

@media (hover: none) {
  #header .sub_menu-area .sub-list li a:hover {
    color: #e50012;
  }

  #header .sub_menu-area .sub-list li a:hover::after {
    content: "";
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  #header .sub_menu-area {
    display: none;
  }
}

#header .language_pack-area {
  visibility: hidden;
  opacity: 0;
  height: calc( 100% - 80px);
  overflow-y: auto;
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  bottom: -6px;
  width: 100%;
  background: #303030 url("/resources/images/common/bg_language.png") no-repeat center 135px;
  z-index: 50;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#header .language_pack-area.open {
  visibility: visible;
  opacity: 1;
}

#header .language_pack-area .inner {
  position: relative;
  text-align: left;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 20px 40px 20px;
  color: #b5b5b5;
}

#header .language_pack-area .inner .in_box {
  max-width: 960px;
  margin: 0 auto;
}

#header .language_pack-area .inner .language_close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
}

#header .language_pack-area .inner .tit {
  text-align: center;
  color: #fff;
  font-size: 44px;
  font-weight: 700;
}

#header .language_pack-area .official_list {
  margin: 50px 0 0;
}

#header .language_pack-area .official_list .tit_s {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  width: 370px;
  display: inline-block;
}

#header .language_pack-area .official_list .list {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

#header .language_pack-area .official_list .list a {
  margin: 0 20px;
  vertical-align: top;
}

#header .language_pack-area .official_list .list .ms_tire img {
  width: auto;
  padding-top: 3px;
}

#header .language_pack-area .network_list > .col2 .colitem:first-child {
  padding-right: 9px;
}

#header .language_pack-area .network_list > .col2 .colitem:last-child {
  padding-left: 9px;
}

#header .language_pack-area .network_list.dealer_site ul > li {
  border-bottom: 1px solid #2e2e2e;
}

#header .language_pack-area .network_list.dealer_site ul > li dl dd > ul > li {
  border-bottom: 0;
  width: 50%;
}

#header .language_pack-area .network_list ul > li {
  margin-top: 34px;
}

#header .language_pack-area .network_list ul > li dl dt {
  font-size: 18px;
  font-weight: 700;
  display: block;
  border-bottom: 1px solid #4c4c4c;
  padding-bottom: 15px;
  text-transform: uppercase;
}

#header .language_pack-area .network_list ul > li dl dd {
  overflow: hidden;
}

#header .language_pack-area .network_list ul > li dl dd > ul > li {
  float: left;
  width: 25%;
  margin: 10px 0;
}

#header .language_pack-area .network_list ul > li dl dd > ul > li a {
  text-transform: uppercase;
}

#header .language_pack-area .network_list ul > li dl dd > ul > li a img {
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 10px;
}

#header .language_pack-area .network_list ul.two {
  margin-top: 40px;
}

#header .language_pack-area .network_list ul.two > li dl dt {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  #header .language_pack-area {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    background: #202020 !important;
  }

  #header .language_pack-area .inner {
    padding: 0 0 0 0;
  }

  #header .language_pack-area .inner .in_box {
    max-width: 100%;
  }

  #header .language_pack-area .inner .tit {
    display: none;
  }

  #header .language_pack-area .inner .colitem {
    margin-top: 0px;
    float: none;
    width: 100%;
  }

  #header .language_pack-area .inner .language_close-btn {
    position: fixed;
    top: 0px;
    right: 0px;
    padding: 15px;
    width: 100%;
    height: 50px;
    background: #303030;
    z-index: 10;
    text-align: right;
    box-sizing: border-box;
  }

  #header .language_pack-area .official_list {
    margin: 0 0 0 !important;
  }

  #header .language_pack-area .official_list .tit_s {
    font-size: 18px !important;
    font-weight: 700;
    color: #fff;
    width: 100% !important;
    display: inline-block;
    background: #303030;
    padding: 65px 15px 20px;
  }

  #header .language_pack-area .official_list .list {
    font-size: 15px !important;
    display: block !important;
    padding: 0 15px;
  }

  #header .language_pack-area .official_list .list a {
    border-bottom: 1px solid #2e2e2e;
    display: block;
    margin: 0 !important;
    padding: 18px 20px;
  }

  #header .language_pack-area .official_list .list .ms_tire img {
    width: 140px;
    padding-top: auto;
    vertical-align: top;
  }

  #header .language_pack-area .network_list > .col2 .colitem:first-child {
    padding-right: 0px;
  }

  #header .language_pack-area .network_list > .col2 .colitem:last-child {
    padding-left: 0px;
  }

  #header .language_pack-area .network_list.dealer_site ul > li dl dd > ul > li {
    width: 100% !important;
  }

  #header .language_pack-area .network_list ul {
    margin: 0 14px;
 /* &.two { margin: 0 !important; >li { dl { dt {font-size: 18px !important; font-weight: 700; color: #fff; width: 100% !important; display:inline-block; background:#303030; border-bottom: 0px !important; padding: 15px 15px 15px;} dd { display: block; border-top: 0px !important} } } } */;
  }

  #header .language_pack-area .network_list ul > li {
    margin-top: 0 !important;
    border-top: 1px solid #2e2e2e;
 /* &:last-child { dt { border: 0; } dd { border: 0; } } */;
  }

  #header .language_pack-area .network_list ul > li:first-child {
    border-top: 0px !important;
  }

  #header .language_pack-area .network_list ul > li.on dt .icon-hamburger_arrow {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  #header .language_pack-area .network_list ul > li dl dt {
    position: relative;
    padding: 18px 14px 18px 20px;
    font-size: 15px !important;
 /* border-bottom:1px solid #2e2e2e ;  */
    border-bottom: 0px;
  }

  #header .language_pack-area .network_list ul > li dl dt .dep1-btn {
    visibility: visible;
    z-index: 10;
  }

  #header .language_pack-area .network_list ul > li dl dt .icon-hamburger_arrow {
    display: block;
    position: absolute;
    top: 17px;
    right: 10px;
  }

  #header .language_pack-area .network_list ul > li dl dt .js-language {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }

  #header .language_pack-area .network_list ul > li dl dd {
    padding: 10px 20px;
    display: none;
    border-top: 1px solid #2e2e2e;
 /* border-bottom:1px solid #2e2e2e; */;
  }

  #header .language_pack-area .network_list ul > li dl dd > ul {
    margin: 0px;
  }

  #header .language_pack-area .network_list ul > li dl dd > ul > li {
    width: 50% !important;
    margin: 13px 0 !important;
    border-top: 0px;
  }

  #header .language_pack-area .network_list ul > li dl dd > ul > li a {
    font-size: 13px;
  }

  #header .language_pack-area .network_list ul > li dl dd > ul > li a img {
    width: 26px;
    height: 26px;
    margin-right: 15px;
  }

  #header .language_pack-area .official_list.two p {
    padding-top: 20px;
  }
}

#header .hamburger-area {
  visibility: hidden;
  opacity: 0;
  height: calc( 100% - 80px);
  overflow-y: auto;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background-color: #303030;
  z-index: 50;
}

#header .hamburger-area.open {
  visibility: visible;
  opacity: 1;
}

#header .hamburger-area .inner {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 20px 40px 55px;
}

#header .hamburger-area .inner .colitem {
  margin-top: 40px;
}

#header .hamburger-area .inner .hamburger_close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
}

#header .hamburger-area .dep1 .tit {
  position: relative;
}

#header .hamburger-area .dep1 .tit a, #header .hamburger-area .dep1 .tit span {
  font-size: 22px;
  font-weight: 900;
  color: #fff;
}

#header .hamburger-area .dep1 .tit .dep1-btn {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#header .hamburger-area .dep1 .tit .icon-hamburger_arrow {
  display: none;
}

#header .hamburger-area .dep2-list {
  margin-top: 30px;
  display: block;
  position: relative;
}

#header .hamburger-area .dep2-list::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  width: 1px;
  height: calc( 100% - 20px);
  background-color: #454545;
}

#header .hamburger-area .dep2-list li {
  padding: 3px 10px;
}

#header .hamburger-area .dep2-list a {
  display: block;
  padding: 3px 8px 2px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
}

#header .hamburger-area .dep2-list a i {
  margin-bottom: -2px;
  margin-left: 3px;
}

#header .hamburger-area .dep2-list a:hover {
  background: #e50012;
}

@media (hover: none) {
  #header .hamburger-area .dep2-list a:hover {
    background: transparent;
  }
}

#header .hamburger-area .dep3-list {
  margin-top: 5px;
}

#header .hamburger-area .dep3-list li {
  padding: 3px 0px;
}

#header .hamburger-area .dep3-list a {
  padding: 4px 8px 4px 38px;
  font-size: 12px;
  font-weight: 400;
  color: #969696;
  line-height: 1.5;
}

#header .hamburger-area .dep3-list a:hover {
  background: #202020;
  color: #fff;
}

@media (hover: none) {
  #header .hamburger-area .dep3-list a:hover {
    background: transparent;
    color: #969696;
  }
}

@media screen and (max-width: 1023px) {
  #header .hamburger-area.open {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: auto;
  }

  #header .hamburger-area.open .inner {
    padding: 50px 0 0 0;
  }

  #header .hamburger-area.open .inner .colitem {
    margin-top: 0px;
    float: none;
    width: 100%;
  }

  #header .hamburger-area.open .inner .hamburger_close-btn {
    position: fixed;
    top: 0px;
    right: 0px;
    padding: 15px;
    width: 100%;
    height: 50px;
    background: #303030;
    z-index: 10;
    text-align: right;
    box-sizing: border-box;
  }

  #header .hamburger-area.open .dep1 .tit {
    position: relative;
    border-bottom: 1px solid #202020;
    padding: 13px 14px;
  }

  #header .hamburger-area.open .dep1 .tit .dep1-btn {
    visibility: visible;
    z-index: 10;
  }

  #header .hamburger-area.open .dep1 .tit .icon-hamburger_arrow {
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
  }

  #header .hamburger-area.open .dep1 .tit a, #header .hamburger-area.open .dep1 .tit span {
    font-size: 18px;
  }

  #header .hamburger-area.open .dep2-list {
    display: none;
    margin-top: 0;
    padding: 10px 0;
    background-color: #202020;
  }

  #header .hamburger-area.open .dep2-list::after {
    display: none;
  }

  #header .hamburger-area.open .dep2-list li {
    padding: 0px 14px;
  }

  #header .hamburger-area.open .dep2-list a {
    display: block;
    padding: 10px 20px 10px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
  }

  #header .hamburger-area.open .dep2-list a:hover {
    background-color: transparent;
    color: #fff;
  }

  #header .hamburger-area.open .dep3-list {
    margin-top: 0px;
    padding: 5px 0;
  }

  #header .hamburger-area.open .dep3-list li {
    padding: 0px;
  }

  #header .hamburger-area.open .dep3-list a {
    position: relative;
    padding: 10px 55px 10px;
    font-size: 13px;
    color: #979797;
  }

  #header .hamburger-area.open .dep3-list a:after {
    content: "-";
    display: block;
    position: absolute;
    top: 8px;
    left: 45px;
  }

  #header .hamburger-area.open .dep3-list a:hover {
    background-color: transparent;
    color: #979797;
  }

  #header .hamburger-area.open .on .tit .icon-hamburger_arrow {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

#header .location-wrap {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 20;
  background-color: #333;
 /* background-color: rgba($color: #000000, $alpha: 0.45); */;
}

#header .location-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  height: 55px;
}

#header .location-wrap .location-list:after {
  content: '';
  display: block;
  clear: both;
}

#header .location-wrap .location-list > li {
  float: left;
  position: relative;
  padding-left: 30px;
}

#header .location-wrap .location-list > li .arrow_div {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 30px;
  height: 55px;
}

#header .location-wrap .location-list > li .arrow_div::before, #header .location-wrap .location-list > li .arrow_div::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  position: absolute;
  left: -5px;
  background-color: #fff;
  z-index: 1;
  opacity: 0.2;
}

#header .location-wrap .location-list > li .arrow_div::before {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 13px;
}

#header .location-wrap .location-list > li .arrow_div::after {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 41px;
}

#header .location-wrap .location-list > li:first-child {
  min-width: 95px;
  padding-left: 0px;
}

#header .location-wrap .location-list > li:first-child .arrow_div {
  display: none;
}

#header .location-wrap .location-list > li:first-child .location_dropdown-area {
  position: relative;
  display: inline-block;
}

#header .location-wrap .location-list > li:first-child .location_dropdown-area .dropdown-box .select-btn {
  padding-left: 0px;
}

#header .location-wrap .location-list .location_dropdown-area {
  position: relative;
  display: inline-block;
}

#header .location-wrap .location-list .location_dropdown-area .dropdown-box i, #header .location-wrap .location-list .location_dropdown-area .dropdown-box button {
  vertical-align: top;
}

#header .location-wrap .location-list .location_dropdown-area .dropdown-box .select-btn {
  position: relative;
  padding: 20px 40px 20px 20px;
  min-width: 125px;
  height: 55px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-align-last: left;
}

#header .location-wrap .location-list .location_dropdown-area .dropdown-box .select-btn i {
  position: absolute;
  top: 18px;
  right: 10px;
}

#header .location-wrap .location-list .location_dropdown-area .dropdown-box .select-btn.active span {
  color: #ff051a;
  font-size: 15px;
  font-weight: bold;
}

#header .location-wrap .location-list .location_dropdown-area .dropdown-box .select-btn.active .icon-location_select_arrow {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#header .location-wrap .location-list .location_dropdown-area .trp-dropdown_list-box {
  display: none;
  position: absolute;
  top: 55px;
  left: 0px;
  padding: 10px 0;
  width: 100%;
  width: 230px;
  border: 1px solid #252525;
  background-color: #252525;
}

#header .location-wrap .location-list .location_dropdown-area .trp-dropdown_list-box ul li a {
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  text-align: left;
  text-align: left;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

#header .location-wrap .location-list .location_dropdown-area .trp-dropdown_list-box ul li a:hover {
  background-color: #363636;
}

@media (hover: none) {
  #header .location-wrap .location-list .location_dropdown-area .trp-dropdown_list-box ul li a:hover {
    background-color: transparent;
  }
}

.is_mb.hamburger_open {
  overflow: hidden;
}

/* footer.scss */
#footer .footer-wrap {
  background-color: #202020;
}

#footer .footer-wrap.tire_search {
  padding-bottom: 0px;
}

#footer .inner {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 20px 40px 50px;
}

#footer .footerlink-area {
  position: relative;
  padding: 10px 300px 10px 0;
}

#footer .footerlink-area .link-list:after {
  content: '';
  display: block;
  clear: both;
}

#footer .footerlink-area .link-list li {
  position: relative;
  float: left;
}

#footer .footerlink-area .link-list li:after {
  content: "";
  display: block;
  width: 2px;
  height: 10px;
  background-color: #373737;
  position: absolute;
  top: 7px;
  right: 20px;
}

#footer .footerlink-area .link-list li:first-child a {
  padding-left: 0;
}

#footer .footerlink-area .link-list li:last-child:after {
  display: none;
}

#footer .footerlink-area .link-list a {
  display: block;
  padding: 0 20px 0 0;
  margin-right: 20px;
  font-size: 15px;
  color: #b6b6b6;
  font-weight: 300;
  line-height: 1.5;
  text-transform: uppercase;
}

#footer .globalsite-area {
  position: absolute;
  top: 20px;
  right: 40px;
}

#footer .globalsite-area .title {
  display: inline-block;
  font-size: 16px;
  color: #888888;
  font-weight: 400;
  margin-right: 20px;
}

#footer .globalsite-area .select-box {
  display: inline-block;
  width: 230px;
}

#footer .globalsite-area .select-box .select2Footer42 + .select2-container > .selection .select2-selection--single {
  outline: 0;
}

#footer .globalsite-area .site-list {
  text-align: left;
  margin-top: 20px;
}

#footer .globalsite-area .site-list li {
  margin-right: 30px;
  padding: 7px 0;
  display: inline-block;
}

#footer .globalsite-area .site-list a {
  display: block;
  font-size: 15px;
  color: #616161;
}

#footer .globalsite-area .ms_tire {
  display: block;
  position: absolute;
  top: 80px;
  right: 170px;
  line-height: 0;
  z-index: 10;
}

#footer .globalsite-area .ms_tire img {
  width: 160px;
}

#footer .footerbottom-area {
  position: relative;
  margin-top: 20px;
}

#footer .footerbottom-area .sns-list {
  position: absolute;
  top: 5px;
  right: -5px;
  font-size: 0;
  line-height: 0;
}

#footer .footerbottom-area .sns-list:after {
  content: '';
  display: block;
  clear: both;
}

#footer .footerbottom-area .sns-list li {
  float: left;
  padding: 0 5px;
}

#footer .footerbottom-area .address-box span {
  margin-right: 10px;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 15px;
  color: #888888;
  font-weight: 300;
  text-transform: uppercase;
}

#footer .footerbottom-area .address-box .copy {
  display: block;
  margin-top: 10px;
  font-variant: unset;
}

#footer .scroll_top {
  display: none;
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 55px;
  height: 55px;
  margin: 0 0 0 540px;
  cursor: pointer;
  z-index: 100;
}

#footer .scroll_top a {
  position: relative;
  display: block;
  width: 55px;
  height: 55px;
  background-color: #fff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  border: 1px solid #efefef;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
}

#footer .scroll_top a:after {
  content: "^";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 23px;
 /* @include sp_icons($icon_scroll_top); */;
}

#footer .scroll_top a span {
  display: block;
  position: absolute;
  top: 22px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  #footer .footer-wrap {
    background-color: #202020;
 /* padding-bottom: 55px; */;
  }

  #footer .footer-wrap.tire_search {
    padding-bottom: 50px;
  }

  #footer .inner {
    max-width: auto;
    padding: 0 14px;
  }

  #footer .footerlink-area {
    border-top: 0px solid #292929;
    padding: 15px 0;
  }

  #footer .footerlink-area .link-list:after {
    content: '';
    display: block;
    clear: both;
  }

  #footer .footerlink-area .link-list li:after {
    width: 2px;
    height: 12px;
    position: absolute;
    top: 4px;
    right: 10px;
  }

  #footer .footerlink-area .link-list a {
    padding: 0 12px 0 0;
    margin-right: 10px;
    font-size: 13px;
  }

  #footer .globalsite-area {
    position: relative;
    top: 0px;
    right: auto;
    padding: 5px 0 0;
  }

  #footer .globalsite-area .title {
    display: block;
    font-size: 13px;
    margin-right: 0px;
  }

  #footer .globalsite-area .select-box {
    display: block;
    width: 100%;
    margin-top: 15px;
  }

  #footer .globalsite-area .ms_tire {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 15px;
  }

  #footer .globalsite-area .ms_tire img {
    width: 130px;
  }

  #footer .footerbottom-area .sns-list {
    position: relative;
    top: 0px;
    right: auto;
    padding: 15px 0 25px;
    text-align: center;
  }

  #footer .footerbottom-area .sns-list:after {
    content: '';
    display: block;
    clear: both;
  }

  #footer .footerbottom-area .sns-list li {
    float: none;
    display: inline-block;
    padding: 0 7px;
  }

  #footer .footerbottom-area .address-box span, #footer .footerbottom-area .copyright-box span {
    font-size: 14px;
    line-height: 1.8;
  }

  #footer .footerbottom-area .address-box {
    margin-top: 0px;
  }

  #footer .footerbottom-area .address-box span {
    margin-right: 5px;
  }

  #footer .footerbottom-area .address-box .add {
    display: block;
  }
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>> ==================== new ========================= */
.sticky_type_number-wrap {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 49;
 /* display: none; */
  padding: 13px 0 0;
 /* min-height: 63px; */
  font-size: 0;
  line-height: 0;
 /* 차 검색 결과 */;
}

.sticky_type_number-wrap .tire_search-area {
  position: relative;
  z-index: 7;
  text-align: center;
  background: #000 url(/resources/images/common/sticky-bg.png) center center no-repeat;
  background-size: cover;
}

.sticky_type_number-wrap .tire_search-area .body-inner {
  height: 0;
}

.sticky_type_number-wrap .tire_search-area .quick-btn {
  position: absolute;
  top: -110px;
  right: 0;
  display: block;
  color: #fff;
  font-size: 0px;
  line-height: 0px;
}

.sticky_type_number-wrap .tire_search-area .intro-box {
  display: inline-block;
  padding: 0;
  width: 100%;
  height: 0px;
  overflow: hidden;
  text-align: center;
}

.sticky_type_number-wrap .tire_search-area .intro-box .intro_item {
  position: relative;
  display: inline-block;
  padding: 35px 0;
  font-size: 18px;
  color: #fff;
}

.sticky_type_number-wrap .tire_search-area .intro-box a {
  display: block;
  padding: 0 40px;
}

.sticky_type_number-wrap .tire_search-area .intro-box a i {
  vertical-align: top;
}

.sticky_type_number-wrap .tire_search-area .intro-box a i.icon-stichy_item_arrow {
  margin-top: 10px;
}

.sticky_type_number-wrap .tire_search-area .intro-box a span {
  display: inline-block;
  padding: 0 10px;
  vertical-align: top;
  margin-top: 20px;
}

.sticky_type_number-wrap .tire_search-area .intro-box .btn.icon_one {
  position: absolute;
  top: 33px;
  right: 0;
  padding: 0;
  width: 44px;
  min-width: auto;
}

.sticky_type_number-wrap .tire_search-area .intro-box .btn.icon_one i {
  margin-top: 7px;
}

.sticky_type_number-wrap .tire_search-area .intro-box .intro_item:nth-child(2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 45px;
  left: 0;
  width: 1px;
  height: 20px;
  background-color: #505050;
}

.sticky_type_number-wrap .tire_search-area .formsearch-box {
  display: none;
  padding: 0;
  width: 100%;
  height: 110px;
  overflow: hidden;
}

.sticky_type_number-wrap .tire_search-area .formsearch-box .select-box .select2-container--default .select2-selection--single .select2-selection__clear {
  display: none;
}

.sticky_type_number-wrap .tire_search-area .formsearch-box .select-box .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option.select2-results__message {
  display: none;
}

.sticky_type_number-wrap .tire_search-area .formsearch-box .sticky_notice {
  position: relative;
  margin-top: 13px;
  text-align: center;
  font-size: 14px;
  color: #787878;
}

.sticky_type_number-wrap .tire_search-area .formsearch-box .sticky_notice i, .sticky_type_number-wrap .tire_search-area .formsearch-box .sticky_notice span {
  vertical-align: top;
}

.sticky_type_number-wrap .tire_search-area .formsearch-box .sticky_notice span {
  line-height: 20px;
}

.sticky_type_number-wrap .tire_search-area.on .quick-btn {
  display: none;
}

.sticky_type_number-wrap .tire_search-area.on .body-inner {
  height: auto;
}

.sticky_type_number-wrap .tire_search-area.on .intro-box {
  display: inline-block;
  height: 110px;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sticky_type_number-wrap .tire_search-area.on.step_on .intro-box {
  display: none;
}

.sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box {
  display: inline-block;
  padding: 33px 0;
  width: 100%;
  height: 110px;
 /*  padding: 23px 0 43px;  */ /* height: 110px; */
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box.search_col4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box.search_col4 .formsearch-inner-box {
  width: calc(100% - 144px);
  max-width: none;
}

.sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box.search_col4 .formsearch-inner-box .tire_search-form.on {
  display: block;
}

.sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box.search_col4 .formsearch-inner-box .tire_search-method {
  display: flex;
  width: 100%;
}

.sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box.search_col4 .formsearch-inner-box .tire_search-method .tire_search-box {
  width: 25%;
  max-width: none;
}

.sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box.search_col4 .btn_set {
  width: 144px;
}

.sticky_type_number-wrap .tire_search-area .swiper-pagination {
  display: none;
}

.sticky_type_number-wrap .tire_search-area .swiper-button-prev, .sticky_type_number-wrap .tire_search-area .swiper-button-next {
  display: none;
}

.sticky_type_number-wrap .tire_search-area .btn_set {
  display: inline-block;
  vertical-align: top;
  width: 188px;
  height: 44px;
  margin-left: 10px;
  text-align: left;
}

.sticky_type_number-wrap .tire_search-area .btn_set .btn.icon_one {
  width: 44px;
  height: 44px;
  min-width: auto;
}

.sticky_type_number-wrap .tire_search-area .btn_set .btn.icon_one i {
  margin-top: 7px;
}

.sticky_type_number-wrap .tire_search-area .btn {
  padding: 0;
  line-height: 42px;
  width: 80px;
  font-size: 16px;
  box-sizing: border-box;
}

.sticky_type_number-wrap .tire_search-area .btn + .btn {
  margin-left: 10px;
}

.sticky_type_number-wrap .formsearch-inner-box {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  max-width: calc(100% - 198px);
  width: auto;
  height: auto;
}

.sticky_type_number-wrap .tire_search-form {
  display: none;
}

.sticky_type_number-wrap .tire_search-form.on {
  display: inline-block;
  vertical-align: top;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box {
  display: inline-block;
  vertical-align: top;
  width: 195px;
  height: 44px;
  max-width: calc( ( 100% - 40px ) /5);
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box + .tire_search-box {
  margin-left: 10px;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tit {
  width: 0;
  height: 0;
  overflow: hidden;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .select2-container > .selection .select2-selection--single, .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .select2-container.select2-container--below > .selection .select2-selection--single {
  background-color: #424242;
  border-color: #424242;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .select2-container > .selection .select2-selection--single .select2-selection__rendered, .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__rendered {
  color: #adadad;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-carnumber {
  position: relative;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-carnumber .input-box {
  width: 100%;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-carnumber .input-box input {
  height: 44px;
  font-size: 16px;
  background: #fff;
  border-color: #fff;
  color: #5e5e5e;
 /* background: #424242;border-color: #424242;color: #adadad; */;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-carnumber .btn {
  position: absolute;
  top: 0;
  right: 0;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-check {
  margin-left: 30px;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-check label {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-check .checkbox-box {
  vertical-align: top;
  margin-top: 10px;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-check .link_line {
  margin-left: 30px;
  vertical-align: top;
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
  color: #cccccc;
  line-height: 1.5;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-certified .btn_t_line {
  color: #fff;
  width: 112px;
  height: 44px;
  border: 1px solid #6c6c6c;
  background-color: transparent;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-certified .i_arrow_r {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-certified .i_arrow_r::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  border-top: 4px solid transparent;
  border-left: 5px solid #c2c2c2;
  border-bottom: 4px solid transparent;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select-box, .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select2-box {
  display: inline-block;
  vertical-align: top;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select-box .select2-container > .selection .select2-selection--single, .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select-box .select2-container.select2-container--below > .selection .select2-selection--single, .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select2-box .select2-container > .selection .select2-selection--single, .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select2-box .select2-container.select2-container--below > .selection .select2-selection--single {
  background-color: #121212;
  border-color: #121212;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select-box .select2-container > .selection .select2-selection--single .select2-selection__rendered, .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select-box .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__rendered, .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select2-box .select2-container > .selection .select2-selection--single .select2-selection__rendered, .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select2-box .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__rendered {
  color: #adadad;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method.search3 .tire_search-box {
  max-width: calc( ( 100% - 40px ) /5);
}

.sticky_type_number-wrap .tire_search-form .tire_search-method.search1 .tire_search-box {
  width: 195px;
  max-width: calc( ( 100% - 10px ) /2);
}

.sticky_type_number-wrap .tire_search-form .tire_search-method.searchfull .tire_search-box {
  max-width: none;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method.searchfull .tire_search-box.full {
  max-width: calc( 100% - 500px);
  width: 822px;
 /*  width: 410px;  */;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method.searchfull .tire_search-box.check_cell {
  width: 350px;
  padding: 2px 0;
  text-align: left;
}

.sticky_type_number-wrap .tire_search-form .tire_search-method.searchfull .tire_search-box.certified_cell {
  width: 130px;
}

@media screen and (max-width: 1200px) {
  .sticky_type_number-wrap .tire_search-form .tire_search-method.searchfull .tire_search-box.full {
    max-width: calc( 100% - 550px);
    width: 772px;
  }
}

.sticky_type_number-wrap .select2-container > .selection .select2-selection--single, .sticky_type_number-wrap .select2-container.select2-container--below > .selection .select2-selection--single {
  height: 44px;
}

.sticky_type_number-wrap .select2-container > .selection .select2-selection--single .select2-selection__rendered, .sticky_type_number-wrap .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__rendered {
  line-height: 42px;
  font-size: 16px;
}

.sticky_type_number-wrap .select2-container > .selection .select2-selection--single .select2-selection__arrow, .sticky_type_number-wrap .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__arrow {
  height: 42px;
}

@media screen and (max-width: 1023px) {
  .sticky_type_number-wrap {
 /*  검색폼  */;
  }

  .sticky_type_number-wrap.open .tire_search-area {
 /* display: none; */
    min-height: 55px;
  }

  .sticky_type_number-wrap .select2-container > .selection .select2-selection--single, .sticky_type_number-wrap .select2-container.select2-container--below > .selection .select2-selection--single {
    height: 40px;
  }

  .sticky_type_number-wrap .select2-container > .selection .select2-selection--single .select2-selection__rendered, .sticky_type_number-wrap .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    font-size: 12px;
  }

  .sticky_type_number-wrap .select2-container > .selection .select2-selection--single .select2-selection__arrow, .sticky_type_number-wrap .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__arrow {
    height: 38px;
  }

  .sticky_type_number-wrap .tire_search-area {
    padding: 0px;
    min-height: auto;
    background-color: #272525;
    background-image: none;
  }

  .sticky_type_number-wrap .tire_search-area .body-inner {
    padding: 0;
  }

  .sticky_type_number-wrap .tire_search-area .quick-btn {
    top: -55px;
    display: inline-block;
    padding: 0px 0;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
  }

  .sticky_type_number-wrap .tire_search-area .intro-box .intro_item:nth-child(2)::before {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    width: 1px;
    height: 80px;
    background-color: #505050;
  }

  .sticky_type_number-wrap .tire_search-area .intro-box .intro_item {
    text-align: center;
    line-height: 1.3;
    padding: 25px 0;
  }

  .sticky_type_number-wrap .tire_search-area .intro-box .intro_item > a {
    width: 100%;
    max-width: 150px;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .sticky_type_number-wrap .tire_search-area .intro-box .intro_item i {
    display: inline-block;
  }

  .sticky_type_number-wrap .tire_search-area .intro-box .intro_item span {
    margin-top: 10px;
    font-size: 14px;
  }

  .sticky_type_number-wrap .tire_search-area .intro-box .intro_item .icon-stichy_item_arrow {
    display: none;
  }

  .sticky_type_number-wrap .tire_search-area .intro-box .btn.icon_one {
    top: 0px;
    right: 0;
    width: 40px;
  }

  .sticky_type_number-wrap .tire_search-area .intro-box .btn.icon_one i {
    margin-top: 5px;
  }

  .sticky_type_number-wrap .tire_search-area.on .intro-box {
    display: block;
    height: 135px;
  }

  .sticky_type_number-wrap .tire_search-area.on.step_on .intro-box {
    display: none;
  }

  .sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box {
    display: block;
    padding: 15px 30px 15px;
    width: 100%;
    height: 135px;
  }

  .sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box.search_col4 {
    display: block;
  }

  .sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box.search_col4 .formsearch-inner-box {
    width: 100%;
  }

  .sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box.search_col4 .btn_set {
    width: 100%;
  }

  .sticky_type_number-wrap .tire_search-area.on.step_on .formsearch-box.search_col4 .btn_set .btn.btn_red {
    width: calc(100% - 50px);
  }

  .sticky_type_number-wrap .tire_search-area .swiper-pagination {
    display: block;
    position: absolute;
    top: auto;
    bottom: -15px;
    left: 0;
    right: 0;
    text-align: center;
  }

  .sticky_type_number-wrap .tire_search-area .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #635f5f;
    opacity: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin: 0 4px;
  }

  .sticky_type_number-wrap .tire_search-area .swiper-pagination .swiper-pagination-bullet-active {
    background: #b6b6b6;
    opacity: 1;
  }

  .sticky_type_number-wrap .tire_search-area .swiper-button-prev, .sticky_type_number-wrap .tire_search-area .swiper-button-next {
    display: block;
    position: absolute;
    margin-top: -8px;
  }

  .sticky_type_number-wrap .tire_search-area .swiper-button-next {
    right: -18px;
  }

  .sticky_type_number-wrap .tire_search-area .swiper-button-prev {
    left: -18px;
  }

  .sticky_type_number-wrap .tire_search-area .btn_set {
    position: relative;
    margin-top: 25px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 44px;
    margin-left: 0;
  }

  .sticky_type_number-wrap .tire_search-area .btn_set:after {
    content: '';
    display: block;
    clear: both;
  }

  .sticky_type_number-wrap .tire_search-area .btn_set .btn.btn_red {
    width: calc( 100% - 100px);
  }

  .sticky_type_number-wrap .tire_search-area .btn_set .btn.icon_one {
    width: 40px;
    height: 40px;
    min-width: auto;
  }

  .sticky_type_number-wrap .tire_search-area .btn_set .btn.icon_one i {
    margin-top: 5px;
  }

  .sticky_type_number-wrap .tire_search-area .btn {
    float: left;
    padding: 0;
    line-height: 38px;
    width: 100%;
    font-size: 14px;
  }

  .sticky_type_number-wrap .tire_search-area .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
 /* Fix of Webkit flickering */
    z-index: 1;
  }

  .sticky_type_number-wrap .tire_search-area .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }

  .sticky_type_number-wrap .tire_search-area .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }

  .sticky_type_number-wrap .formsearch-inner-box {
    display: block;
    max-width: none;
    width: 100%;
  }

  .sticky_type_number-wrap .tire_search-form-wrap {
    margin-left: 0;
    height: 40px;
  }

  .sticky_type_number-wrap .tire_search-form {
    display: none;
    width: 100%;
    max-width: none;
    margin-left: 0;
    position: relative;
  }

  .sticky_type_number-wrap .tire_search-form.on {
    display: block;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box {
    width: 100%;
    max-width: none;
    height: 40px;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box + .tire_search-box {
    margin-left: 0;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select-box, .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box.method-select2-box {
    display: block;
    width: 100%;
    max-width: none;
    height: 40px;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-carnumber .input-box input {
    font-size: 12px;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-check .checkbox-box {
    vertical-align: top;
    margin-top: 0;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-check label {
    font-size: 14px;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-check .link_line {
    margin-left: 10px;
    margin-top: 0;
    display: inline-block;
    font-size: 13px;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-certified .btn_t_line {
    width: 100%;
    height: 40px;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method .tire_search-box .tire_search-certified .i_arrow_r {
    width: 11px;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method.search3 .tire_search-box {
    max-width: none;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method.search1 .tire_search-box {
    max-width: none;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method.searchfull .tire_search-box.full {
    max-width: none;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method.searchfull .tire_search-box.check_cell {
    padding: 12px 0;
    text-align: center;
  }

  .sticky_type_number-wrap .tire_search-form .tire_search-method.searchfull .tire_search-box.check_cell .tire_search-check {
    margin-left: 0px;
  }
}

.sticky_type_number-wrap.open .tire_search-panel {
  bottom: 110px;
}

.sticky_type_number-wrap .tire_search-panel {
  position: absolute;
  bottom: -510px;
  width: 100%;
  height: 510px;
  background-color: #fff;
  -webkit-transition: bottom 0.37s ease-out;
  -moz-transition: bottom 0.37s ease-out;
  -ms-transition: bottom 0.37s ease-out;
  -o-transition: bottom 0.37s ease-out;
  transition: bottom 0.37s ease-out;
  box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.05), 0 -3px 10px 0 rgba(0, 0, 0, 0.05);
  z-index: 5;
  line-height: 1.3;
}

.sticky_type_number-wrap .tire_search-panel .body-inner {
  padding: 25px 40px 30px;
}

.sticky_type_number-wrap .tire_search-panel .con-header {
  height: 46px;
  padding-top: 0px;
}

.sticky_type_number-wrap .tire_search-panel .con-header .title {
  vertical-align: top;
  margin-top: 0px;
  line-height: 1.4;
  display: block;
  height: 41px;
  padding-right: 410px;
}

.sticky_type_number-wrap .tire_search-panel .con-header .title .count {
  color: #000;
}

.sticky_type_number-wrap .tire_search-panel .con-header .title .count em {
  color: #e50012;
  font-weight: bold;
}

.sticky_type_number-wrap .tire_search-panel .con-header .car_num {
  display: inline-block;
  padding: 0px 15px;
  height: 36px;
  margin-right: 5px;
  border-radius: 18px;
  border: 1px solid #000000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 34px;
  box-sizing: border-box;
}

.sticky_type_number-wrap .tire_search-panel .con-header .car_tit {
  font-size: 20px;
  font-weight: 400;
  margin-right: 20px;
}

.sticky_type_number-wrap .tire_search-panel .con-header .car_tit em {
  color: #e50012;
  font-weight: bold;
}

.sticky_type_number-wrap .tire_search-panel .con-header .search_totals {
  width: 100%;
}

.sticky_type_number-wrap .tire_search-panel .con-header .search_totals .table_col {
  word-wrap: break-word;
  word-break: keep-all;
}

.sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes {
  top: 0;
  left: 230px;
  width: calc(100% - 460px);
}

.sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 0;
  height: 21px;
  vertical-align: top;
  margin-right: 8px;
}

.sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming b {
  display: inline-block;
  padding: 0 8px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  line-height: 21px;
  background-color: #000;
  vertical-align: top;
}

.sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming i {
  display: inline-block;
  width: 11px;
  height: 21px;
  line-height: 21px;
}

.sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming i.ll::before, .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming i.rr::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  font-size: 0;
  line-height: 0;
}

.sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming i.ll::before {
  border-left: 11px solid #fff;
  border-right: 0px solid transparent;
  border-bottom: 21px solid #000000;
}

.sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming i.rr::after {
  border-left: 0px solid #fff;
  border-right: 11px solid transparent;
  border-top: 21px solid #000000;
}

.sticky_type_number-wrap .tire_search-panel .con-header .btn_set .btn + .btn {
  margin-left: 5px;
}

.sticky_type_number-wrap .tire_search-panel .con-header .btn_set .icon_left {
  padding: 0 20px;
  line-height: 44px;
  height: 46px;
  text-align: center;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #808080;
}

.sticky_type_number-wrap .tire_search-panel .con-header .btn_set .icon_left.btn_black {
  width: 100px;
  min-width: 100px;
  color: #fff;
}

.sticky_type_number-wrap .tire_search-panel .con-footer .info-box {
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
  color: #a0a0a0;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list {
  position: relative;
  margin-top: 26px;
  overflow: hidden;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list {
  margin: 0;
 /* width: calc( 100% + 14px); margin-left: -7px; */;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list li {
  padding: 0;
 /* padding: 7px; */;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .brand {
  margin-top: 10px;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .brand img {
  height: 20px;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .type {
  margin-top: 5px;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .img {
  width: auto;
  text-align: center;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .img img {
  display: inline-block;
  width: auto;
  height: 180px;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list button {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  z-index: 3;
  width: 45px;
  height: 45px;
  padding: 12px;
  background-color: #e6e6e6;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list .gallery_prev {
  left: 0;
}

.sticky_type_number-wrap .tire_search-panel .tire_simple-list .gallery_next {
  right: 0;
}

@media screen and (max-width: 1023px) {
  .sticky_type_number-wrap {
 /* 차 검색 결과 */;
  }

  .sticky_type_number-wrap.open .tire_search-panel {
    bottom: 125px;
  }

  .sticky_type_number-wrap .tire_search-panel {
    height: 420px;
  }

  .sticky_type_number-wrap .tire_search-panel .body-inner {
    padding: 20px 14px 12px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header {
    padding-top: 0px;
    height: 80px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .title {
    position: relative;
    margin-top: -5px;
    width: 100%;
    padding-right: 0;
    text-align: left;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .car_num {
    height: 29px;
    border-radius: 15px;
    font-size: 13px;
    line-height: 27px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .car_tit {
    font-size: 15px;
    position: absolute;
    top: 10px;
    right: 0;
    margin-right: 0;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .search_totals .count {
    position: relative;
    left: 0;
    right: auto;
    margin-top: 3px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .search_totals .data_simple {
    padding-right: 75px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes {
    top: auto;
    margin-top: 15px;
    position: relative;
    left: 0px;
    width: 100%;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .scroll-inner {
    padding-bottom: 10px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .scroll-inner .table_codes {
    width: auto;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .scroll-inner .table_col {
    padding-right: 10px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 0;
    height: 12px;
    vertical-align: top;
    margin-right: 4px;
    margin-top: 2px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming b {
    display: inline-block;
    padding: 0 2px;
    min-width: 40px;
    box-sizing: border-box;
    font-size: 9px;
    color: #fff;
    font-weight: bold;
    line-height: 12px;
    background-color: #000;
    vertical-align: top;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming i {
    display: inline-block;
    width: 6px;
    height: 12px;
    line-height: 12px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming i.ll::before, .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming i.rr::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    font-size: 0;
    line-height: 0;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming i.ll::before {
    border-left: 6px solid #fff;
    border-right: 0px solid transparent;
    border-bottom: 12px solid #000000;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes .coming i.rr::after {
    border-left: 0px solid #fff;
    border-right: 6px solid transparent;
    border-top: 12px solid #000000;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .btn_set.ab-r {
    position: relative;
    top: -5px;
    right: 0;
    z-index: 5;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .btn_set.ab-r .icon_left {
    padding: 0 5px 0 0px;
    height: 32px;
    margin-left: 0;
    margin-right: 7px;
    line-height: 30px;
    font-size: 13px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .btn_set.ab-r .icon_left i {
    margin-top: 5px;
    margin-left: 4px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .btn_set.ab-r .icon_left.btn_black {
    width: auto;
    min-width: auto;
    position: absolute;
    right: 0;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .btn_set.ab-r .typo_compare {
    position: absolute;
    right: 30px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .btn_set.ab-r .typo_compare i {
    display: inline-block;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .btn_set.ab-r .typo_close {
    font-size: 0;
    line-height: 0;
    padding-right: 0;
    margin-right: 0;
    width: 32px;
    border: 0;
    background-color: transparent;
  }

  .sticky_type_number-wrap .tire_search-panel .con-header .btn_set.ab-r .typo_close i {
    margin: 0px;
    padding: 7px;
  }

  .sticky_type_number-wrap .tire_search-panel .con-footer .info-box {
    text-align: center;
    margin-top: 15px;
    font-size: 10px;
    color: #a0a0a0;
    line-height: 1.5;
  }

  .sticky_type_number-wrap .tire_search-panel .tire_simple-list {
    position: relative;
    margin-top: 5px;
  }

  .sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list li {
    width: 180px !important;
  }

  .sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .brand {
    margin-top: 10px;
  }

  .sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .brand img {
    height: 16px;
  }

  .sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .type {
    margin-top: 5px;
  }

  .sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .img {
    width: auto;
    text-align: center;
  }

  .sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .img img {
    display: inline-block;
    width: auto;
    height: 120px;
  }

  .sticky_type_number-wrap .tire_search-panel .tire_simple-list .tire_item-list .desc {
    display: none;
  }

  .sticky_type_number-wrap .tire_search-panel .controller {
    display: none;
  }
}

.error {
  height: 100%;
}

.error .error-inner {
  text-align: center;
}

.error .title {
  margin-top: 15px;
  font-size: 32px;
  color: #000000;
  font-weight: 700;
}

.error .desc {
  margin: 15px auto 0;
  font-size: 16px;
  max-width: 380px;
}

/* =====================  loading =====================*/
.page_loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 999999;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.page_loading .center_teable {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.page_loading .center_center {
  display: table-cell;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
}

.page_loading .center_center .img {
  display: inline-block;
  background-color: transparent;
}

/* //=====================  loading =====================*/
.main {
 /* 링크 */;
}

.main #header .location-wrap {
  display: none;
}

.main #contents {
  padding-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .main #contents {
    padding-top: 50px;
  }
}

.main .link_arrow-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
}

.main .link_arrow-btn i {
  vertical-align: top;
  margin-top: 1px;
}

.main .keyvisual-wrap .video-area {
  background-color: #000;
}

.main .keyvisual-wrap .video-area video {
  display: none;
}

.main .keyvisual-wrap .video-area img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.main .keyvisual-wrap .video_ui-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 10;
}

.main .keyvisual-wrap .video_ui-area .body-inner {
  position: relative;
}

.main .keyvisual-wrap .video_ui-area .video_content {
  position: absolute;
  bottom: 110px;
  left: 40px;
  width: calc( 100% - 80px);
  max-width: 1200px;
  padding: 0 0px;
}

.main .keyvisual-wrap .video_ui-area .paging_count {
  font-size: 12px;
  color: #cacaca;
  display: none;
}

.main .keyvisual-wrap .video_ui-area .paging_count span {
  display: inline;
}

.main .keyvisual-wrap .video_ui-area .paging_count em {
  color: #fff;
}

.main .keyvisual-wrap .video_ui-area .typo-box {
  display: none;
}

.main .keyvisual-wrap .video_ui-area .typo-box .title {
  margin-top: 20px;
  font-size: 34px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
}

.main .keyvisual-wrap .video_ui-area .typo-box .title span {
  display: block;
}

.main .keyvisual-wrap .video_ui-area .typo-box .desc {
  margin-top: 25px;
  font-size: 16px;
  color: #d2d2d2;
}

.main .keyvisual-wrap .video_ui-area .gallery_pageing {
  display: none;
  position: absolute;
  left: 5px;
  bottom: 0px;
  z-index: 5;
  padding: 25px 0 25px;
  width: 100%;
}

.main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_bar {
  display: none;
  width: calc( 100% - 70px);
}

.main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_bar .bar-box {
  position: relative;
  height: 3px;
  border-bottom: 1px solid #b2b2b2;
}

.main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_bar .bar {
  position: absolute;
  left: 0;
  height: 3px;
  padding: 0 3px;
  -webkit-transition: width 0.27s ease-in-out;
  -moz-transition: width 0.27s ease-in-out;
  -ms-transition: width 0.27s ease-in-out;
  -o-transition: width 0.27s ease-in-out;
  transition: width 0.27s ease-in-out;
}

.main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_bar .bar span {
  display: block;
  height: 3px;
  background-color: #ef0010;
}

.main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_bar .bar::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 3px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 3px solid #ef0010;
}

.main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_bar .bar::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 3px solid #ef0010;
  border-left: 0px solid transparent;
  border-right: 3px solid transparent;
}

.main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_count {
  position: absolute;
  top: 16px;
  right: 0;
}

.main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_count span {
  font-size: 16px;
  color: #cacaca;
  font-weight: 400;
}

.main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_count .current {
  color: #000;
}

.main .keyvisual-wrap .video_ui-area .sound_controll {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 125px;
  margin-left: -50px;
  z-index: 5;
  font-size: 0;
}

.main .keyvisual-wrap .video_ui-area .sound_controll .dem {
  width: 100%;
  text-align: center;
}

.main .keyvisual-wrap .video_ui-area .sound_controll .dem img {
  display: inline-block;
}

.main .keyvisual-wrap .video_ui-area .sound_controll .kv_volume_muted-btn {
  z-index: 5;
  margin-right: 10px;
}

.main .keyvisual-wrap .video_ui-area .sound_controll .kv_volume_muted-btn .symbol-sound-on_off {
  display: block;
  width: 30px;
  height: 30px;
  background: url(/resources/images/main/icon-sound-off.png) 0 0 no-repeat;
  background-size: 100%;
}

.main .keyvisual-wrap .video_ui-area .sound_controll .kv_volume_muted-btn.on .symbol-sound-on_off {
  background: url(/resources/images/main/icon-sound-on.png) 0 0 no-repeat;
  background-size: 100%;
}

.main .keyvisual-wrap .video_ui-area .sound_controll .kv_voluem-box {
  display: inline-block;
  width: 80px;
  height: 3px;
  border: 0;
  background-color: #1a1b1c;
}

.main .keyvisual-wrap .video_ui-area .sound_controll .kv_voluem-box .ui-widget-header {
  background-color: #d6d7d8;
}

.main .keyvisual-wrap .video_ui-area .sound_controll .kv_voluem-box .ui-slider-handle.ui-corner-all.ui-state-default {
  margin-top: -3.5px;
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
}

.main .keyvisual-wrap .video_ui-area .sound_controll .kv_voluem-box .ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
  background-color: #fff;
}

.main .keyvisual-wrap .video_ui-area .paging_controll {
  position: absolute;
  top: 50%;
  width: calc(100% - 80px);
 /*  position: absolute;  right: 0; width: 100%; */;
}

.main .keyvisual-wrap .video_ui-area .paging_controll .kv_arrow_prev-btn {
  position: absolute;
  left: 0;
  margin-top: -80px;
  display: inline-block;
  width: 44px;
  height: 80px;
}

.main .keyvisual-wrap .video_ui-area .paging_controll .kv_arrow_next-btn {
  position: absolute;
  right: 0;
  margin-top: -80px;
  display: inline-block;
  width: 44px;
  height: 80px;
}

.main .keyvisual-wrap .kv-area {
  overflow: hidden;
 /*  background-color: rgba(0,0,0,0.5);  */;
}

.main .keyvisual-wrap .kv_con-list li {
  height: 180px !important;
}

.main .keyvisual-wrap .kv_con-list li .bg-box {
  display: none;
}

@media screen and (max-width: 1023px) {
  .main .keyvisual-wrap .body-inner {
    padding: 0;
  }

  .main .keyvisual-wrap .video_ui-area .video_content {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0px;
  }

  .main .keyvisual-wrap .video_ui-area .paging_count {
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 46px;
    margin-left: -23px;
    z-index: 11;
    font-size: 13px;
    color: #cacaca;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #fff;
    border-radius: 13px;
    text-align: center;
  }

  .main .keyvisual-wrap .video_ui-area .paging_count span {
    display: inline;
  }

  .main .keyvisual-wrap .video_ui-area .paging_count em {
    color: #fff;
  }

  .main .keyvisual-wrap .video_ui-area .title {
    margin-top: 0;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
  }

  .main .keyvisual-wrap .video_ui-area .desc {
    position: relative;
    margin-top: 20px;
    top: auto;
    font-size: 13px;
    text-align: center;
  }

  .main .keyvisual-wrap .video_ui-area .gallery_pageing {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    padding: 25px 15px 25px;
  }

  .main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_bar {
    display: none;
  }

  .main .keyvisual-wrap .video_ui-area .gallery_pageing .paging_controll {
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    z-index: 11;
    width: 100%;
  }

  .main .keyvisual-wrap .video_ui-area .gallery_pageing .paging_controll .kv_arrow_prev-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
  }

  .main .keyvisual-wrap .video_ui-area .gallery_pageing .paging_controll .kv_arrow_next-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
  }

  .main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_count {
    position: absolute;
    top: 16px;
    right: 0;
  }

  .main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_count span {
    font-size: 16px;
    color: #cacaca;
    font-weight: 400;
  }

  .main .keyvisual-wrap .video_ui-area .gallery_pageing .progress_count .current {
    color: #000;
  }

  .main .keyvisual-wrap .video_ui-area .sound_controll {
    position: absolute;
    bottom: 50px;
    width: 100%;
    left: 0;
    margin-left: 0;
    height: 50px;
    z-index: 15;
    text-align: center;
  }

  .main .keyvisual-wrap .video_ui-area .sound_controll .kv_volume_muted-btn {
    margin-right: 0;
  }

  .main .keyvisual-wrap .video_ui-area .sound_controll .kv_voluem-box {
    display: none;
  }

  .main .keyvisual-wrap .video_ui-area .paging_controll {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 16;
  }

  .main .keyvisual-wrap .video_ui-area .paging_controll .kv_arrow_prev-btn {
    left: 20px;
  }

  .main .keyvisual-wrap .video_ui-area .paging_controll .kv_arrow_next-btn {
    right: 20px;
    padding-left: 15px;
  }

  .main .keyvisual-wrap .kv-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
  }

  .main .keyvisual-wrap .kv-area .bx-wrapper {
    height: 100%;
  }

  .main .keyvisual-wrap .kv-area .bx-viewport {
    height: 100%;
  }

  .main .keyvisual-wrap .kv_con-list {
    height: 100%;
  }

  .main .keyvisual-wrap .kv_con-list li {
    height: calc( 100vh - 50px) !important;
    overflow: hidden;
    padding: 0 0px;
  }

  .main .keyvisual-wrap .kv_con-list li .bg-box {
    display: block;
    height: 100%;
  }

  .main .keyvisual-wrap .kv_con-list li .typo-box {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 80%;
    margin-top: -50px;
    margin-left: -40%;
  }
}

.main .quick-wrap .body-inner {
  position: relative;
}

.main .quick-wrap .quick-area {
  position: relative;
 /*  height: 115px; */;
}

.main .quick-wrap .quick3-list {
  position: relative;
 /* position: absolute; top:-115px; */
  z-index: 21;
  width: 100%;
  max-width: 1200px;
}

.main .quick-wrap .quick3-list:after {
  content: '';
  display: block;
  clear: both;
}

.main .quick-wrap .quick3-list li {
  float: left;
  width: 33.3333%;
}

.main .quick-wrap .quick3-list li img {
  width: 100%;
}

.main .quick-wrap .quick3-list li a {
  position: relative;
  display: block;
  height: 230px;
  box-sizing: border-box;
}

.main .quick-wrap .quick3-list li span {
  display: block;
}

.main .quick-wrap .quick3-list li .typo {
  position: absolute;
  bottom: 30px;
  left: 34px;
  max-width: 250px;
}

.main .quick-wrap .quick3-list li .typo .tit {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}

.main .quick-wrap .quick3-list li .typo .quick {
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
}

.main .quick-wrap .quick3-list li .typo .quick span {
  vertical-align: top;
}

.main .quick-wrap .quick3-list li .typo .quick i {
  vertical-align: top;
}

.main .quick-wrap .quick3-list li.quick1 a {
  background: url(/resources/images/main/quick_bg1.jpg) center no-repeat;
  background-size: cover;
  position: relative;
}

.main .quick-wrap .quick3-list li.quick1 a:after {
  content: "";
  display: block;
  width: 58px;
  height: 58px;
  position: absolute;
  bottom: 27px;
  right: 27px;
  background: url(/resources/images/main/icon-magnifier.png) 0 0 no-repeat;
  background-size: cover;
}

.main .quick-wrap .quick3-list li.quick2 a {
  background: url(/resources/images/main/quick_bg2.jpg) center no-repeat;
  background-size: cover;
}

.main .quick-wrap .quick3-list li.quick3 a {
  background: url(/resources/images/main/quick_bg3.jpg) center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1023px) {
  .main .quick-wrap {
    margin-top: 0px;
  }

  .main .quick-wrap .body-inner {
    padding: 0;
  }

  .main .quick-wrap .quick-area {
    overflow: hidden;
    height: auto;
  }

  .main .quick-wrap .quick3-list {
    position: relative;
    top: 0px;
  }

  .main .quick-wrap .quick3-list li {
    width: 80%;
    height: auto;
  }

  .main .quick-wrap .quick3-list li a {
    height: 153px;
  }

  .main .quick-wrap .quick3-list li .typo {
    position: absolute;
    bottom: 20px;
    left: 25px;
    max-width: calc( 100% - 100px);
  }

  .main .quick-wrap .quick3-list li .typo .tit {
    font-size: 18px;
  }

  .main .quick-wrap .quick3-list li .typo .quick {
    font-size: 13px;
  }

  .main .quick-wrap .quick3-list li .typo .quick span {
    vertical-align: top;
  }

  .main .quick-wrap .quick3-list li .typo .quick i {
    vertical-align: top;
    margin-top: -2px;
  }

  .main .quick-wrap .quick3-list li.quick1 a:after {
    width: 44px;
    height: 44px;
    position: absolute;
    bottom: 25px;
    right: 25px;
    background: url(/resources/images/main/icon-magnifier.png) 0 0 no-repeat;
    background-size: cover;
  }
}

.main .ghstory-wrap {
  padding: 90px 0;
}

.main .ghstory-wrap .story-area:after {
  content: '';
  display: block;
  clear: both;
}

.main .ghstory-wrap .story-header {
  float: left;
  width: 25%;
}

.main .ghstory-wrap .story-header .title {
  position: relative;
  font-size: 26px;
  font-weight: 900;
  color: #000000;
}

.main .ghstory-wrap .story-header .title:after {
  content: "";
  position: absolute;
  top: 40px;
  display: block;
  width: 32px;
  height: 2px;
  background-color: #e50012;
}

.main .ghstory-wrap .story-body {
  float: left;
  width: 75%;
  height: 260px;
  box-sizing: border-box;
}

.main .ghstory-wrap .story-body .story_link-list {
 /*    a:hover {  .bg {  &::before { background-color: rgba(255,0 ,0, 0.6); } &::after  {  top: 0; left: 0; } } .txt{ color:$colorP; text-decoration: underline; } } @media (hover: none) { a:hover {  .bg {  &::before { background-color: rgba(255,0 ,0, 0.0); } &::after  {  top: 0; left: -100%; } } .txt{ color:#000; text-decoration: none; } } } */;
}

.main .ghstory-wrap .story-body .story_link-list:after {
  content: '';
  display: block;
  clear: both;
}

.main .ghstory-wrap .story-body .story_link-list li {
  float: left;
  width: 20%;
}

.main .ghstory-wrap .story-body .story_link-list li.story1 .bg {
  background: url(/resources/images/main/ghstory_bg1.jpg) center no-repeat;
}

.main .ghstory-wrap .story-body .story_link-list li.story2 .bg {
  background: url(/resources/images/main/ghstory_bg2.jpg) center no-repeat;
}

.main .ghstory-wrap .story-body .story_link-list li.story3 .bg {
  background: url(/resources/images/main/ghstory_bg3.jpg) center no-repeat;
}

.main .ghstory-wrap .story-body .story_link-list li.story4 .bg {
  background: url(/resources/images/main/ghstory_bg4.jpg) center no-repeat;
}

.main .ghstory-wrap .story-body .story_link-list li.story5 .bg {
  background: url(/resources/images/main/ghstory_bg5.jpg) center no-repeat;
}

.main .ghstory-wrap .story-body .story_link-list li:last-child a {
  border-right: 1px solid #e5e5e5;
}

.main .ghstory-wrap .story-body .story_link-list a {
  display: block;
  padding: 20px 0 0px;
  box-sizing: border-box;
  background: url(/resources/images/main/ghstory_line.jpg) 0 0 repeat-y;
}

.main .ghstory-wrap .story-body .story_link-list a .bg {
  position: relative;
  display: block;
  width: 100%;
  height: 180px;
  box-sizing: border-box;
  overflow: hidden;
}

.main .ghstory-wrap .story-body .story_link-list a .bg::before, .main .ghstory-wrap .story-body .story_link-list a .bg::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1.0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.main .ghstory-wrap .story-body .story_link-list a .bg::before {
  opacity: 0.0;
  background-color: rgba(255, 0, 0, 0.6);
}

.main .ghstory-wrap .story-body .story_link-list a .bg::after {
  position: absolute;
  top: 0;
  left: -100%;
  background: url(/resources/images/main/ts_arrow.png) center no-repeat;
}

.main .ghstory-wrap .story-body .story_link-list a .txt {
  display: block;
  padding: 20px 15px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.main .ghstory-wrap .story-body .paging_controll {
  display: none;
}

.main .ghstory-wrap .story-body .pagination {
  display: none;
}

@media screen and (max-width: 1023px) {
  .main .ghstory-wrap {
    padding: 55px 0 60px;
  }

  .main .ghstory-wrap .body-inner {
    padding: 0;
  }

  .main .ghstory-wrap .story-area {
    overflow: hidden;
  }

  .main .ghstory-wrap .story-header {
    float: none;
    width: 100%;
    text-align: center;
  }

  .main .ghstory-wrap .story-header .title {
    position: relative;
    font-size: 20px;
    height: 38px;
  }

  .main .ghstory-wrap .story-header .title:after {
    top: 36px;
    left: 50%;
    margin-left: -13px;
    width: 26px;
    height: 2px;
  }

  .main .ghstory-wrap .story-body {
    position: relative;
    float: none;
    width: 100%;
  }

  .main .ghstory-wrap .story-body .story_link-list li {
    border: 0;
    width: 68%;
    height: auto;
  }

  .main .ghstory-wrap .story-body .story_link-list a {
    padding: 15px 0 0px;
    background: none;
  }

  .main .ghstory-wrap .story-body .story_link-list a .txt {
    padding: 15px 15px;
    font-size: 13px;
    text-align: center;
  }

  .main .ghstory-wrap .story-body .paging_controll {
 /* display: block; */;
  }

  .main .ghstory-wrap .story-body .paging_controll button {
    position: absolute;
    top: 42%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    z-index: 5;
  }

  .main .ghstory-wrap .story-body .paging_controll .gh_arrow_prev-btn {
    left: 25px;
  }

  .main .ghstory-wrap .story-body .paging_controll .gh_arrow_next-btn {
    right: 25px;
  }

  .main .ghstory-wrap .story-body .pagination {
    display: block;
    width: 100%;
    text-align: center;
  }

  .main .ghstory-wrap .story-body .pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 3px;
    background-color: #bfbfbf;
    border-radius: 0;
  }

  .main .ghstory-wrap .story-body .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e50012;
  }
}

.main .banner-wrap {
  background-color: #efefef;
}

.main .banner-wrap .body-inner .banner_bg {
  height: 244px;
  text-align: center;
 /* background: url(/resources/images/main/main_banner_bg.png) center center no-repeat; background-size: cover; */;
}

.main .banner-wrap .tit {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  font-size: 26px;
  font-weight: bold;
  color: #000;
}

.main .banner-wrap .link_arrow-btn {
  margin-top: 15px;
}

.main .banner-wrap .images {
  text-align: center;
}

.main .banner-wrap .images img {
  display: inline-block;
}

@media screen and (max-width: 1023px) {
  .main .banner-wrap .body-inner {
    padding: 0 0px;
  }

  .main .banner-wrap .body-inner .banner_bg {
    height: 200px;
    padding: 0 30px;
 /*   background: url(/resources/images/main/main_banner_bg-mb.png) center center no-repeat;  background-size: cover; */;
  }

  .main .banner-wrap .tit {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    word-wrap: break-word;
    word-break: keep-all;
  }

  .main .banner-wrap .link_arrow-btn {
    margin-top: 15px;
    font-size: 13;
  }

  .main .banner-wrap .images img {
    width: 320px;
  }
}

.main .mediagallery-wrap {
  background: url(/resources/images/main/mediagallery_bg.jpg) center no-repeat;
  background-size: cover;
 /*     a.img_link:hover {  .photo-box { img { @include scale(1.1)} } .typo-box {  background-color: rgba(0,0,0,0.3); } }  @media (hover: none) { a.img_link:hover {  .photo-box { img { @include scale(1.0)} } .typo-box {  background-color: rgba(0,0,0,0.0); } } } */;
}

.main .mediagallery-wrap .body-inner {
  padding: 0;
}

.main .mediagallery-wrap .body-inner .media-area {
  padding: 120px 0;
}

.main .mediagallery-wrap .media-list:after {
  content: '';
  display: block;
  clear: both;
}

.main .mediagallery-wrap .media-list > li {
  position: relative;
  float: left;
  width: 33.3333%;
  height: 430px;
  overflow: hidden;
}

.main .mediagallery-wrap a.item_link {
  position: relative;
  display: block;
  width: 100%;
  height: 430px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.main .mediagallery-wrap .photo-box {
  position: absolute;
  left: 50%;
  margin-left: -214px;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.main .mediagallery-wrap .photo-box img {
  display: block;
  width: 428px;
  height: 430px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.main .mediagallery-wrap .video-box {
  position: absolute;
  left: 50%;
  margin-left: -214px;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.main .mediagallery-wrap .video-box video {
  display: block;
  width: 430px;
  height: 430px;
}

.main .mediagallery-wrap .video-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 428px;
  height: 430px;
  z-index: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.main .mediagallery-wrap .video_link.on .video-box img {
  opacity: 0.0;
}

.main .mediagallery-wrap .video_link.on .typo-box span {
  opacity: 0;
}

.main .mediagallery-wrap .typo-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.37s ease-in-out;
  -moz-transition: all 0.37s ease-in-out;
  -ms-transition: all 0.37s ease-in-out;
  -o-transition: all 0.37s ease-in-out;
  transition: all 0.37s ease-in-out;
}

.main .mediagallery-wrap .typo-box span {
  font-size: 24px;
  color: #fff;
  line-height: 1.4;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .main .mediagallery-wrap {
 /*  .notice-panel {padding: 35px 14px 10px; .con-header { position: relative; .title { font-size: 19px; color:#000; } .link_arrow-btn { position: absolute; top:5px; right:0; } } .con-body  {   .new-list { margin-top: 20px; li { border-bottom: 1px  dotted #9a9998;} li:last-child { border-bottom: 0px;} } a { display: block; padding: 15px 0; @include clearfix();  .desc {float: none; width: 100%; font-size: 15px; white-space : normal; @include ellipsis-line(2);  } .date {float: none; margin-top: 13px; width: 100%; font-size: 13px; color:#7d7d7d; text-align: left; } } } } */;
  }

  .main .mediagallery-wrap .body-inner {
    padding: 0;
  }

  .main .mediagallery-wrap .body-inner .media-area {
    padding: 0px 0;
  }

  .main .mediagallery-wrap .media-list {
    max-width: 640px;
    margin: 0 auto;
  }

  .main .mediagallery-wrap .media-list > li {
    position: relative;
    float: none;
    width: 100%;
    height: auto;
  }

  .main .mediagallery-wrap a.item_link {
    position: relative;
    display: block;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    overflow: hidden;
  }

  .main .mediagallery-wrap .photo-box {
    position: relative;
    left: auto;
    margin-left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
  }

  .main .mediagallery-wrap .photo-box img {
    display: inline-block;
    width: 100%;
    max-width: 640px;
    height: auto;
  }

  .main .mediagallery-wrap .video-box {
    position: relative;
    left: auto;
    margin-left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
  }

  .main .mediagallery-wrap .video-box video {
    display: none;
    width: 100%;
    max-width: 640px;
    height: auto;
  }

  .main .mediagallery-wrap .video-box img {
    display: inline-block;
    width: 100%;
    max-width: 640px;
    height: auto;
    position: relative;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
  }

  .main .mediagallery-wrap .typo-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }

  .main .mediagallery-wrap .typo-box span {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
  }
}

.main .notice-wrap {
  background-color: #3d3d3d;
}

.main .notice-wrap .notice-panel {
  position: relative;
}

.main .notice-wrap .notice-panel:after {
  content: '';
  display: block;
  clear: both;
}

.main .notice-wrap .notice-header {
  float: left;
  width: 105px;
  padding: 25px 0;
  font-size: 18px;
  font-weight: bold;
  color: #b6b6b6;
  line-height: 30px;
}

.main .notice-wrap .notice-header span {
  display: inline-block;
}

.main .notice-wrap .notice-body {
  float: left;
  width: calc( 100% - 105px);
  padding: 25px 0;
}

.main .notice-wrap .notice-body .swiper-area {
  width: 100%;
  max-width: 500px;
  height: 30px;
  overflow: hidden;
}

.main .notice-wrap .notice-body a {
  display: block;
  height: 30px;
}

.main .notice-wrap .notice-body .subject {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  width: 410px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main .notice-wrap .notice-body .date {
  display: inline-block;
  width: 85px;
  text-align: right;
  font-size: 16px;
  color: #b6b6b6;
  line-height: 30px;
}

.main .notice-wrap .notice-footer .paging_controll {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 1;
  font-size: 0;
  line-height: 0;
}

.main .notice-wrap .notice-footer .paging_controll::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #4c4c4c;
  position: absolute;
  top: 5px;
  left: 50%;
}

.main .notice-wrap .notice-footer .notice_arrow_prev-btn {
  margin-right: 10px;
}

.main .notice-wrap .notice-footer .notice_arrow_next-btn {
  position: relative;
  margin-left: 10px;
}

@media screen and (max-width: 1023px) {
  .main .notice-wrap .notice-header {
    width: 75px;
    padding: 10px 0;
    font-size: 14px;
  }

  .main .notice-wrap .notice-body {
    width: calc( 100% - 160px);
    padding: 10px 0;
  }

  .main .notice-wrap .notice-body .swiper-area {
    position: relative;
    height: 30px;
    overflow: hidden;
  }

  .main .notice-wrap .notice-body a {
    display: block;
    height: 30px;
  }

  .main .notice-wrap .notice-body .subject {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    width: 100%;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .main .notice-wrap .notice-body .date {
    display: none;
  }

  .main .notice-wrap .notice-footer .paging_controll {
    top: 10px;
    right: -5px;
  }
}

/* ========== hover 효과 제한 ===================== */
.is_pc .main .ghstory-wrap .story-body .story_link-list a:hover .bg {
  margin-top: -20px;
  -webkit-transition: margin 0.3s ease-out;
  -moz-transition: margin 0.3s ease-out;
  -ms-transition: margin 0.3s ease-out;
  -o-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}

.is_pc .main .ghstory-wrap .story-body .story_link-list a:hover .bg::before {
  opacity: 1.0;
}

.is_pc .main .ghstory-wrap .story-body .story_link-list a:hover .bg::after {
  top: 0;
  left: 0;
}

.is_pc .main .ghstory-wrap .story-body .story_link-list a:hover .txt {
  color: #e50012;
  text-decoration: underline;
}

.is_pc .main .mediagallery-wrap a.img_link:hover .photo-box img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.is_pc .main .mediagallery-wrap a.img_link:hover .typo-box {
  background-color: rgba(0, 0, 0, 0.3);
}

/* ========================== popup ========================== */
.poparea-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
}

.poparea-wrap .poparea-inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.poparea-wrap .poparea-inner .poparea-box {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

.poparea-wrap .poparea-inner .pop_item {
  display: inline-block;
}

.trp.popupfixed-wrap.main_pop {
  position: relative;
  width: auto;
  height: auto;
  min-height: auto;
  padding: 10px;
}

.trp.popupfixed-wrap.main_pop .popup-vertical {
  padding: 0;
}

.trp.popupfixed-wrap.main_pop .popup-align {
  width: auto;
  height: auto;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_free {
  max-width: none;
  min-width: 290px;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_free .full700-img {
  max-width: 700px;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_free .full700-img img {
  width: 100%;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_free .full600-img {
  max-width: 600px;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_free .full600-img img {
  width: 100%;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_free img {
  width: 100%;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_free .section {
  padding: 0;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_free .checkbox_bottom {
  position: relative;
  margin-top: 0;
  padding: 15px 20px;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_free .checkbox_bottom .btn_default {
  position: absolute;
  top: 5px;
  right: 20px;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.main_pop .popup-layer.alert_free .checkbox_bottom {
    position: relative;
    margin-top: 0;
    padding: 15px 10px;
  }

  .trp.popupfixed-wrap.main_pop .popup-layer.alert_free .checkbox_bottom .btn_default {
    position: absolute;
    top: 5px;
    right: 20px;
    min-width: 60px;
  }
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_sidetop {
  position: fixed;
  top: 100px;
  left: 60%;
  max-width: none;
  min-width: 290px;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_sidetop img {
  width: 100%;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_sidetop .section {
  padding: 0;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_sidetop .checkbox_bottom {
  position: relative;
  margin-top: 0;
  padding: 15px 20px;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_sidetop .checkbox_bottom .btn_default {
  position: absolute;
  top: 5px;
  right: 20px;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.main_pop .popup-layer.alert_sidetop {
    position: relative;
    top: auto;
    left: auto;
  }

  .trp.popupfixed-wrap.main_pop .popup-layer.alert_sidetop .checkbox_bottom {
    position: relative;
    margin-top: 0;
    padding: 15px 10px;
  }

  .trp.popupfixed-wrap.main_pop .popup-layer.alert_sidetop .checkbox_bottom .btn_default {
    position: absolute;
    top: 5px;
    right: 20px;
    min-width: 60px;
  }
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_default .section {
  padding: 0;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_default .section .full-img img {
  width: 100%;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_default .section .checkbox_bottom {
  position: relative;
  margin-top: 0;
  padding: 15px 20px;
}

.trp.popupfixed-wrap.main_pop .popup-layer.alert_default .section .checkbox_bottom .btn_default {
  position: absolute;
  top: 5px;
  right: 20px;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.main_pop .popup-layer.alert_default .section .checkbox_bottom {
    position: relative;
    margin-top: 0;
    padding: 15px 10px;
  }

  .trp.popupfixed-wrap.main_pop .popup-layer.alert_default .section .checkbox_bottom .btn_default {
    position: absolute;
    top: 5px;
    right: 20px;
    min-width: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.main_pop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
  }

  .trp.popupfixed-wrap.main_pop .popup-align {
    width: 100%;
    height: 100%;
  }

  .trp.popupfixed-wrap.main_pop .popup-layer.alert_default {
    margin-right: 0px;
  }
}

.tire {
 /*  타이어  */ /* .keyvisual-wrap {  .visual_bg.mode_sm {  background: url(/resources/images//common/sub_kv-tire.jpg) center center no-repeat; background-size:cover; }  @media screen and (max-width: $G-wMobile){ .visual_bg.mode_sm {  background: url(/resources/images//common/sub_kv-tire-mb.jpg) center center no-repeat; background-size:cover; }  } }   */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
 /* 상단 */ /*====== 상세 ====*/ /* 타이어 상세  */ /*====== 타이어 리스트 ====*/ /* ==== 타이어 검색 ==== */ /* 타이어 검색결과  */ /* ==== 에너지소비효율등급제도 ==== */ /* ==== 타이어기술정보 ==== */ /* // 타이어 기술정보 */;
}

.tire .tab-wrap.tire_energy + .tire_energy-wrap, .tire .tab-wrap + .tire_energy-wrap {
  margin-top: 80px;
}

.tire .tab-wrap.tire_store + .tire_store_map, .tire .tab-wrap.tire_store + .tire_store_form-wrap, .tire .tab-wrap + .tire_store_form-wrap.energy {
  margin-top: 40px;
}

@media screen and (max-width: 1023px) {
  .tire .tab-wrap.tire_store + .tire_store_form-wrap, .tire .tab-wrap.tire_energy + .tire_energy-wrap, .tire .tab-wrap + .tire_energy-wrap, .tire .tab-wrap.tire_store + .tire_store_map, .tire .tire_energy, .tire .tire_technology {
    margin-top: 30px;
  }
}

.tire *, .tire *:before, .tire *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.tire .tire_detail-wrap {
 /* margin-top: 90px; */;
}

.tire .tire_detail-wrap .btnset_bottom.btn_set {
  max-width: 1062px;
  margin: 0 auto;
  margin-top: 50px;
}

.tire .tire_detail-info {
  max-width: 1062px;
  margin: 0 auto 90px;
}

.tire .tire_detail-info:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1023px) {
  .tire .tire_detail-info {
    max-width: 100%;
    margin: 0 auto 45px;
  }
}

.tire .tire_img {
  width: 400px;
  height: 494px;
  padding: 50px 0 0;
  position: relative;
  float: left;
}

.tire .tire_img .mark_item-box {
  position: absolute;
  top: -4px;
  left: 57px;
  right: 57px;
  z-index: 10;
  font-size: 0;
  line-height: 0;
}

.tire .tire_img .mark_item-box span {
  position: relative;
  display: inline-block;
  margin-top: 4px;
  margin-right: 4px;
  height: 21px;
}

.tire .tire_img .mark_item-box span img {
  height: 100%;
}

.tire .tire_img .swiper-button-next, .tire .tire_img .swiper-button-prev {
  position: absolute;
  width: 20px;
  height: 29px;
  padding-top: 5px;
  text-indent: -9999px;
  background: none;
  text-align: left;
  font-size: 0;
  line-height: 0;
}

.tire .tire_img .swiper-button-next {
  right: 0;
  padding-left: 10px;
}

.tire .tire_img .swiper-button-prev {
  left: 0;
  padding-right: 10px;
}

.tire .tire_img .top {
  padding: 20px 0 10px;
  width: 330px;
  height: 330px;
}

.tire .tire_img .top .tire_img-item.swiper-slide {
  width: 330px;
  height: 330px;
  text-align: center;
}

.tire .tire_img .top .tire_img-item.swiper-slide img {
  width: 300px;
  height: 300px;
  display: inline-block;
}

.tire .tire_img .thumbs {
  height: 64px;
  margin: 20px auto 0;
 /*.swiper-wrapper {display: inline-block;width: auto;}*/;
}

.tire .tire_img .thumbs .tire_img-thumb.swiper-slide {
  width: 64px !important;
  height: 64px;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0.5;
}

.tire .tire_img .thumbs .tire_img-thumb.swiper-slide img {
  width: 100%;
  height: 100%;
}

.tire .tire_img .thumbs .tire_img-thumb.swiper-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #d2d2d2;
}

.tire .tire_img .thumbs .tire_img-thumb.swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.tire .tire_img .thumbs .tire_img-thumb.swiper-slide.swiper-slide-thumb-active:after {
  border: 2px solid #e50012;
}

@media screen and (max-width: 1200px) {
  .tire .tire_img {
    width: 350px;
  }
}

@media screen and (max-width: 1023px) {
  .tire .tire_img {
    width: 100%;
    height: auto;
    padding: 0px 0 0;
    position: relative;
    float: none;
    margin: 0 auto;
  }

  .tire .tire_img .mark_item-box {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 10px;
  }

  .tire .tire_img .mark_item-box span {
    margin-left: 4px;
  }

  .tire .tire_img .swiper-button-next, .tire .tire_img .swiper-button-prev {
    position: absolute;
    width: 20px;
    height: 29px;
    padding-top: 5px;
    top: 50%;
    margin-top: -5px;
    text-indent: -9999px;
    background: none;
    text-align: left;
    font-size: 0;
    line-height: 0;
  }

  .tire .tire_img .swiper-button-next {
    right: 0;
    padding-left: 10px;
  }

  .tire .tire_img .swiper-button-prev {
    left: 0;
    padding-right: 10px;
  }

  .tire .tire_img .top {
    padding: 0px 0px 10px;
    width: 215px;
    height: 215px;
  }

  .tire .tire_img .top .tire_img-item.swiper-slide {
    width: 185px;
    height: 185px;
    text-align: center;
 /* img {width: 215px;height: 215px;display: block;} */;
  }

  .tire .tire_img .top .tire_img-item.swiper-slide img {
    width: 185px;
    height: 185px;
    display: inline-block;
  }

  .tire .tire_img .thumbs {
    max-width: 220px;
    height: 40px !important;
    margin: 5px auto 0;
 /*.swiper-wrapper {display: inline-block;width: auto;}*/;
  }

  .tire .tire_img .thumbs .tire_img-thumb.swiper-slide {
    width: 40px !important;
    height: 40px;
  }

  .tire .tire_img .thumbs .tire_img-thumb.swiper-slide.swiper-slide-thumb-active:after {
    border: 1px solid #e50012;
  }
}

.tire .tire_basic {
  position: relative;
  width: 560px;
  min-height: 444px;
  float: right;
  padding: 50px 0 0;
 /* 어워드 */;
}

.tire .tire_basic .name {
  margin-top: 19px;
  border-top: 1px solid #e5e5e5;
  padding-top: 28px;
}

.tire .tire_basic .name h3 {
  font-size: 24px;
  line-height: 28px;
  color: #000;
}

.tire .tire_basic .name h3 span {
  display: inline-block;
  vertical-align: top;
}

.tire .tire_basic .name h3 i {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}

.tire .tire_basic .name h3 i img {
  height: 20px;
}

.tire .tire_basic .desc {
  margin-top: 22px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.tire .tire_basic .btn_set {
  margin-top: 64px;
  font-size: 0;
  line-height: 0;
}

.tire .tire_basic .btn_set .btn {
  width: 160px;
  height: 45px;
  padding: 0;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
  font-weight: 500;
}

.tire .tire_basic .btn_set .btn + .btn {
  margin-left: 20px;
}

.tire .tire_basic .award-list {
  position: absolute;
  top: 45px;
  right: 5px;
  font-size: 0;
  line-height: 0;
}

.tire .tire_basic .award-list li {
  display: inline-block;
}

.tire .tire_basic .award-list li img {
  width: 50px;
  height: 50px;
}

.tire .tire_basic .award-list li + li {
  margin-left: 5px;
}

@media screen and (max-width: 1023px) {
  .tire .tire_basic {
    width: 100%;
    min-height: 0;
    float: none;
    padding: 42px 0 0;
 /* 어워드 */;
  }

  .tire .tire_basic .brand img {
    height: 26px;
  }

  .tire .tire_basic .name {
    margin-top: 11px;
    border-top: 1px solid #e5e5e5;
    padding-top: 12px;
  }

  .tire .tire_basic .name h3 {
    font-size: 18px;
    line-height: 25px;
  }

  .tire .tire_basic .name h3 span {
    display: inline;
  }

  .tire .tire_basic .name h3 i {
    margin-top: 5px;
  }

  .tire .tire_basic .name h3 i img {
    height: 16px;
  }

  .tire .tire_basic .desc {
    margin-top: 12px;
    font-size: 13px;
    line-height: 23px;
  }

  .tire .tire_basic .btn_set {
    margin-top: 35px;
  }

  .tire .tire_basic .btn_set .btn {
    width: 120px;
    height: 34px;
    line-height: 32px;
    font-size: 13px;
  }

  .tire .tire_basic .btn_set .btn + .btn {
    margin-left: 10px;
  }

  .tire .tire_basic .award-list {
    position: absolute;
    top: 20px;
    right: 5px;
    font-size: 0;
    line-height: 0;
  }

  .tire .tire_basic .award-list li {
    display: inline-block;
  }

  .tire .tire_basic .award-list li img {
    width: 50px;
    height: 50px;
  }

  .tire .tire_basic .award-list li + li {
    margin-left: 5px;
  }
}

.tire .tire_detail-video {
  max-width: 1062px;
  margin: 0 auto;
}

.tire .tire_detail-video img, .tire .tire_detail-video video {
  max-width: 100%;
  display: block;
}

@media screen and (max-width: 1023px) {
  .tire .tire_detail-video {
    max-width: 100%;
  }
}

.tire .tire_detail-acc {
  max-width: 1062px;
  margin: 60px auto 0;
}

.tire .tire_detail-acc .tire_detail-list {
  border-top: 1px solid #d9d9d9;
}

.tire .tire_detail-acc .tire_detail-list > li {
  border-bottom: 1px solid #d9d9d9;
}

.tire .tire_detail-acc .tire_detail-list .open .tire_acc-box .box-head a {
  color: #e50012;
}

.tire .tire_detail-acc .tire_detail-list .open .tire_acc-box .box-head a .icon-tire_acc_arrow {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tire .tire_detail-acc .tire_detail-list .open .tire_acc-box .box-head a {
  color: #e50012;
}

.tire .tire_detail-acc .icon-swiper_guide {
  display: none;
}

.tire .tire_detail-acc .tire_acc-box .box-head a {
  position: relative;
  display: block;
  padding: 0 20px;
  line-height: 60px;
  font-size: 20px;
  color: #5e5e5e;
  font-weight: bold;
}

.tire .tire_detail-acc .tire_acc-box .box-head a .icon-tire_acc_arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10px;
}

.tire .tire_detail-acc .tire_acc-box .box-head a .icon-branch_arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -14px;
}

.tire .tire_detail-acc .tire_acc-box .box-body {
  border-top: 1px solid #d9d9d9;
  display: none;
  padding: 0 0 40px;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header {
  padding: 15px 0;
  position: relative;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area {
  position: static;
  float: right;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem {
  display: inline-block;
  vertical-align: middle;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem .select-box {
  width: 180px;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem .select-box .select2-selection__rendered {
  color: #979797;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem .formsearch-box {
  width: 85px;
  min-width: 0;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem + .colitem {
  margin-left: 10px;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header:after {
  content: "";
  display: table;
  clear: both;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body {
  border-top: 2px solid #000000;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .table-wrap {
  padding-top: 0;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .data_table th.inc {
  width: 120px;
  text-align: center;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .data_table th.spec {
  width: 360px;
  text-align: center;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .data_table th.etc {
  width: auto;
  text-align: center;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .data_table .btn {
  padding-left: 16px;
  padding-right: 16px;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-footer .btn_set {
  margin-top: 20px;
}

.tire .tire_detail-acc .tire_acc-box .data_table-panel .con-footer .btn {
  padding: 0;
  width: 85px;
  height: 40px;
  line-height: 38px;
}

.tire .tire_detail-acc .sym-list li {
  height: 64px;
}

.tire .tire_acc-box .box-body .data_table-panel {
  margin-top: 45px;
}

.tire .tire_acc-box .box-body .data_table-panel .mark-list li {
  line-height: 1.5;
}

.tire .tire_acc-box .box-body .data_table-panel .tir_option {
  color: #e50012;
}

.tire .tire_acc-box .box-body .data_table-panel .con-body + .con-body {
  margin-top: 40px;
}

.tire .tire_acc-box .box-body .testurteile-list {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-bottom: 0;
}

.tire .tire_acc-box .box-body .testurteile-list:after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_acc-box .box-body .testurteile-list li {
  float: left;
  width: 33.3333%;
  margin-top: 30px;
}

.tire .tire_acc-box .box-body .testurteile-list li .li-inner {
  position: relative;
  margin: 0 15px;
  border: 1px solid #e5e5e5;
}

.tire .tire_acc-box .box-body .testurteile-list .img-box {
  padding: 35px 10%;
  text-align: center;
  font-size: 0;
}

.tire .tire_acc-box .box-body .testurteile-list .img-box img {
  display: inline-block;
  max-height: 118px;
}

.tire .tire_acc-box .box-body .testurteile-list .typo-box {
  padding: 25px 10%;
  min-height: 205px;
  background-color: #f6f6f6;
}

.tire .tire_acc-box .box-body .testurteile-list .title {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
}

.tire .tire_acc-box .box-body .testurteile-list .desc {
  margin-top: 15px;
  font-size: 16px;
  color: #5e5e5e;
  font-weight: 400;
}

.tire .tire_acc-box .box-body .testurteile-list .desc p {
  font-size: 16px;
  color: #5e5e5e;
  font-weight: 400;
}

.tire .tire_acc-box .box-body .testurteile-list .desc p + p {
  margin-top: 4px;
}

.tire .tire_spec-box {
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative;
}

.tire .tire_spec-box .title {
  position: relative;
}

.tire .tire_spec-box .cont {
  margin-top: 30px;
}

.tire .tire_spec-box.testurteile .cont {
  margin-top: 0px;
}

.tire .tire_spec-box .tire_pcr {
  text-align: center;
}

.tire .tire_spec-box-row {
  margin-top: 20px;
  margin-bottom: 40px;
}

.tire .tire_spec-box-row:after {
  content: "";
  display: table;
  clear: both;
}

.tire .tire_spec-box-row .tire_spec-box {
  margin: 0;
  width: 28.867924528301886792452830188679%;
  float: left;
}

.tire .tire_spec-box-row .tire_spec-box + .tire_spec-box {
  width: 70.754716981132075471698113207547%;
  float: right;
}

.tire .tire_spec-box-row.tire_col2 .tire_spec-box {
  width: 50%;
}

@media screen and (max-width: 1200px) {
  .tire .tire_acc-box .testurteile-list li {
    width: 50%;
  }
}

@media screen and (max-width: 1023px) {
  .tire .tire_acc-box .box-body .data_table-panel {
    margin-top: 0px;
  }

  .tire .tire_acc-box .box-body .data_table-panel .mark_item {
    font-size: 13px;
  }

  .tire .tire_acc-box .box-body .data_table-panel .mark-list li {
    font-size: 13px;
  }

  .tire .tire_acc-box .box-body .data_table-panel .con-body + .con-body {
    margin-top: 30px;
  }

  .tire .tire_acc-box .box-body .testurteile-list {
    width: 100%;
    margin-left: 0;
  }

  .tire .tire_acc-box .box-body .testurteile-list li {
    float: none;
    width: 100%;
  }

  .tire .tire_acc-box .box-body .testurteile-list li .li-inner {
    margin: 0;
  }

  .tire .tire_acc-box .box-body .testurteile-list li .img-box {
    padding: 35px 20px;
  }

  .tire .tire_acc-box .box-body .testurteile-list li .img-box img {
    display: inline-block;
    max-height: 80px;
  }

  .tire .tire_acc-box .box-body .testurteile-list li .typo-box {
    padding: 20px 20px;
    min-height: auto;
  }

  .tire .tire_acc-box .box-body .testurteile-list li .title {
    font-size: 14px;
  }

  .tire .tire_acc-box .box-body .testurteile-list li .desc {
    margin-top: 10px;
    font-size: 13px;
  }

  .tire .tire_spec-box {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .tire .tire_spec-box .cont {
    margin-top: 20px;
    position: relative;
  }

  .tire .tire_spec-box-row {
    padding: 0;
  }

  .tire .tire_spec-box-row .tire_spec-box {
    margin-top: 30px;
    margin-bottom: 0;
    width: 100%;
    float: none;
  }

  .tire .tire_spec-box-row .tire_spec-box + .tire_spec-box {
    width: 100%;
    float: none;
  }

  .tire .tire_spec-box-row.tire_col2 .tire_spec-box {
    width: 100%;
  }

  .tire .tire_graph {
    position: relative;
    padding-right: 2px;
  }

  .tire .tire_graph .line_box {
    position: absolute;
    left: 84px;
    right: 3px;
    top: 0;
    bottom: 0;
    z-index: 1;
  }

  .tire .tire_graph .line_box .line {
    position: absolute;
    top: 13px;
    left: 0;
  }

  .tire .tire_graph .line_box .line:nth-child(2) {
    left: 20%;
  }

  .tire .tire_graph .line_box .line:nth-child(3) {
    left: 40%;
  }

  .tire .tire_graph .line_box .line:nth-child(4) {
    left: 60%;
  }

  .tire .tire_graph .line_box .line:nth-child(5) {
    left: 80%;
  }

  .tire .tire_graph .line_box .line:nth-child(6) {
    left: 100%;
  }

  .tire .tire_graph .line_box .line p {
    height: 183px;
  }

  .tire .tire_graph .line_box .line span {
    position: absolute;
    top: -18px;
    font-size: 9px;
    line-height: 1;
  }

  .tire .tire_graph > ul {
    position: relative;
    z-index: 10;
  }

  .tire .tire_graph > ul li {
    position: relative;
    padding: 10px 0 10px 84px;
  }

  .tire .tire_graph > ul li .tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 84px;
    font-size: 12px;
    line-height: 29px;
    color: #5f5f5f;
  }

  .tire .tire_graph > ul li .graph {
    height: 9px;
  }

  .tire .tire_graph > ul li .graph span {
    height: 9px;
  }
}

.tire .sym-list {
 /* width: 200px; */
  padding-top: 10px;
 /* 2020-01-30 1열에 5개 - 기획서 */;
}

.tire .sym-list li {
  float: left;
  padding-right: 3px;
  padding-bottom: 3px;
  height: 65px;
}

.tire .sym-list li img {
  height: 100%;
}

.tire .sym-list:after {
  content: "";
  display: table;
  clear: both;
}

.tire .tire_list-wrap {
  margin-top: 45px;
}

.tire .tire_list-wrap .tire_list-panel {
  overflow: hidden;
}

.tire .tire_list-wrap .tire_list-panel ul.col3 {
  margin: 0 -15px;
}

.tire .tire_list-wrap .tire_list-panel ul.col3 .colitem {
  padding: 15px;
}

@media screen and (max-width: 1200px) {
  .tire .tire_list-wrap .tire_list-panel ul.col3 .colitem {
    width: 50%;
  }
}

@media screen and (max-width: 1023px) {
  .tire .tire_list-wrap .tire_list-panel ul.col3 .colitem {
    width: 100%;
    padding-top: 0;
  }
}

.tire .tire_list-wrap .con-header {
  position: relative;
  height: 40px;
  margin-bottom: 20px;
}

.tire .tire_list-wrap .con-header .search-area {
  position: absolute;
  top: 0;
  right: 0;
}

.tire .tire_list-wrap .tire_card {
  border: 1px solid #ddd;
  position: relative;
}

.tire .tire_list-wrap .tire_card .brand-box {
  margin-top: 30px;
}

.tire .tire_list-wrap .tire_card .brand-box .brand {
  position: relative;
  height: 35px;
  margin-bottom: 8px;
  text-align: center;
}

.tire .tire_list-wrap .tire_card .brand-box .brand img {
  height: 35px;
}

.tire .tire_list-wrap .tire_card .img-box {
  margin: 30px auto 0;
}

.tire .tire_list-wrap .tire_card .img-box .imgfull {
  text-align: center;
}

.tire .tire_list-wrap .tire_card .img-box a {
  display: inline-block;
  max-height: 190px;
}

.tire .tire_list-wrap .tire_card .img-box img {
  width: auto;
  height: 190px;
}

.tire .tire_list-wrap .tire_card .basic-area {
  margin-top: 35px;
  padding: 0 25px 30px;
  min-height: 350px;
 /* 용도 */ /* 위치 */ /* 어워드  */;
}

.tire .tire_list-wrap .tire_card .basic-area.truck {
  min-height: 400px;
}

.tire .tire_list-wrap .tire_card .basic-area .name {
  font-size: 20px;
  line-height: 22px;
  height: 25px;
  color: #000;
  margin-bottom: 2px;
  letter-spacing: -1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tire .tire_list-wrap .tire_card .basic-area .name a {
  display: flex;
}

.tire .tire_list-wrap .tire_card .basic-area .name span {
  font-size: 20px;
  line-height: 22px;
  height: 24px;
  color: #000;
  margin-bottom: 2px;
  letter-spacing: -1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tire .tire_list-wrap .tire_card .basic-area .name i {
  padding: 3px 0 0 5px;
}

.tire .tire_list-wrap .tire_card .basic-area .name i img {
  height: 17px;
}

.tire .tire_list-wrap .tire_card .basic-area .mark_item-box {
  font-size: 0;
  margin-top: 10px;
  line-height: 0;
 /* min-height: 45px;		 */;
}

.tire .tire_list-wrap .tire_card .basic-area .mark_item-box:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  height: 100%;
}

.tire .tire_list-wrap .tire_card .basic-area .mark_item-box .inner {
  display: inline-block;
  vertical-align: middle;
}

.tire .tire_list-wrap .tire_card .basic-area .mark_item-box span {
  position: relative;
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 5px;
  height: 21px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

.tire .tire_list-wrap .tire_card .basic-area .mark_item-box span img {
  height: 100%;
}

.tire .tire_list-wrap .tire_card .basic-area .desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px;
  height: 42px;
  color: #5e5e5e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tire .tire_list-wrap .tire_card .basic-area .desc > * {
  display: inline;
  vertical-align: top;
}

.tire .tire_list-wrap .tire_card .basic-area .desc.item_line {
  text-overflow: initial;
}

.tire .tire_list-wrap .tire_card .basic-area .desc.item_line a span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tire .tire_list-wrap .tire_card .basic-area .sym-list {
  width: 100%;
  padding-top: 0;
  margin-top: 15px;
  min-height: 124px;
}

.tire .tire_list-wrap .tire_card .basic-area .sym-list li {
  display: inline-block;
}

.tire .tire_list-wrap .tire_card .basic-area .sym-list li img {
  height: 62px;
}

.tire .tire_list-wrap .tire_card .basic-area .sym-list.purpose {
  min-height: 62px;
}

.tire .tire_list-wrap .tire_card .basic-area .sym-list.purpose.max_line1 {
  max-height: 64px;
  overflow: hidden;
}

.tire .tire_list-wrap .tire_card .basic-area .sym-list.position {
  margin-top: 0px;
  min-height: 62px;
}

.tire .tire_list-wrap .tire_card .basic-area .award-list {
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 0;
  line-height: 0;
}

.tire .tire_list-wrap .tire_card .basic-area .award-list li {
  display: inline-block;
}

.tire .tire_list-wrap .tire_card .basic-area .award-list li img {
  width: 50px;
  height: 50px;
}

.tire .tire_list-wrap .tire_card .basic-area .award-list li + li {
  margin-left: 5px;
}

.tire .tire_list-wrap .tire_card .basic-area .link {
  position: absolute;
  bottom: 30px;
  margin-top: 0px;
}

.tire .tire_list-wrap .tire_card .basic-area .link a, .tire .tire_list-wrap .tire_card .basic-area .link span {
  font-size: 14px;
  color: #e50012;
}

.tire .tire_list-wrap .con-footer {
  margin-top: 52px;
}

.tire .tire_list-wrap .con-footer .paging-area {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .tire .tire_list-wrap {
    margin-top: 30px;
  }

  .tire .tire_list-wrap .con-header .search-area {
    position: absolute;
    top: 0;
    right: auto;
    width: 100%;
  }

  .tire .tire_list-wrap .tire_card {
    padding: 10px 15px 28px;
  }

  .tire .tire_list-wrap .tire_card .brand-box {
    margin-top: 18px;
  }

  .tire .tire_list-wrap .tire_card .brand-box .brand {
    height: 29px;
  }

  .tire .tire_list-wrap .tire_card .brand-box .brand img {
    height: 29px;
  }

  .tire .tire_list-wrap .tire_card .img-box {
    position: static;
    margin-top: 27px;
    padding: 0;
  }

  .tire .tire_list-wrap .tire_card .img-box .imgfull {
    max-height: auto;
  }

  .tire .tire_list-wrap .tire_card .img-box img {
    height: 160px;
  }

  .tire .tire_list-wrap .tire_card .basic-area {
    padding: 0;
    padding-bottom: 0px;
    min-height: auto;
 /* 용도 */ /* 위치 */;
  }

  .tire .tire_list-wrap .tire_card .basic-area.truck {
    min-height: auto;
  }

  .tire .tire_list-wrap .tire_card .basic-area .name {
    margin-top: 27px;
    max-height: 46px;
    height: auto;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 23px;
    white-space: initial;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .tire .tire_list-wrap .tire_card .basic-area .name > * {
    display: inline;
    vertical-align: top;
  }

  .tire .tire_list-wrap .tire_card .basic-area .mark_item-box {
    position: relative;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 0;
    line-height: 0;
    height: auto;
  }

  .tire .tire_list-wrap .tire_card .basic-area .mark_item-box:before {
    display: none;
  }

  .tire .tire_list-wrap .tire_card .basic-area .mark_item-box .inner {
    display: block;
  }

  .tire .tire_list-wrap .tire_card .basic-area .mark_item-box span {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 4px;
    height: 23px;
    font-size: 0;
    line-height: 0;
  }

  .tire .tire_list-wrap .tire_card .basic-area .desc {
    margin-top: 5px;
    font-size: 13px;
    line-height: 19px;
    max-height: none;
  }

  .tire .tire_list-wrap .tire_card .basic-area .desc > * {
    display: inline;
  }

  .tire .tire_list-wrap .tire_card .basic-area .sym-list {
    padding-top: 0;
    margin-top: 10px;
    height: auto;
    min-height: auto;
  }

  .tire .tire_list-wrap .tire_card .basic-area .sym-list li {
    float: left;
    height: 65px;
  }

  .tire .tire_list-wrap .tire_card .basic-area .sym-list li img {
    height: 100%;
    width: auto;
  }

  .tire .tire_list-wrap .tire_card .basic-area .sym-list.purpose {
    min-height: 62px;
  }

  .tire .tire_list-wrap .tire_card .basic-area .sym-list.purpose.max_line1 {
    max-height: auto;
    overflow: hidden;
  }

  .tire .tire_list-wrap .tire_card .basic-area .sym-list.position {
    min-height: 62px;
  }

  .tire .tire_list-wrap .tire_card .basic-area .sym-list.position.max_line1 {
    max-height: auto;
    overflow: hidden;
  }

  .tire .tire_list-wrap .tire_card .basic-area .link {
    position: relative;
    margin-top: 15px;
    bottom: auto;
  }

  .tire .tire_list-wrap .tire_card .basic-area .link a {
    font-size: 13px;
    line-height: 1;
    color: #e50012;
  }

  .tire .tire_list-wrap .con-footer {
    margin-top: 52px;
  }

  .tire .tire_list-wrap .con-footer .paging-area {
    margin-top: 0;
  }
}

.tire .tire_search-wrap .tire_search-guide {
  background: #f2f2f2;
  padding: 65px 65px 61px;
  text-align: center;
}

.tire .tire_search-wrap .tire_search-guide h3 {
  font-size: 20px;
  line-height: 1;
  color: #000;
}

.tire .tire_search-wrap .tire_search-guide p {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
  color: #5e5e5e;
}

.tire .tire_search-wrap .tire_search-panel {
  margin-top: 0px;
}

.tire .tire_search-wrap .tire_search-menu {
  text-align: center;
  margin-top: 70px;
}

.tire .tire_search-wrap .tire_search-menu ul {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.tire .tire_search-wrap .tire_search-menu ul li {
  display: inline-block;
  position: relative;
  padding-bottom: 36px;
  border-bottom: 4px solid transparent;
}

.tire .tire_search-wrap .tire_search-menu ul li a {
  display: block;
  width: 146px;
}

.tire .tire_search-wrap .tire_search-menu ul li a span {
  margin-top: 18px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #000;
  display: inline-block;
}

.tire .tire_search-wrap .tire_search-menu ul li + li:before {
  content: "";
  display: block;
  width: 1px;
  height: 54px;
  background: #d3d3d3;
  position: absolute;
  top: 50%;
  margin-top: -47px;
}

.tire .tire_search-wrap .tire_search-menu ul li.on {
  border-bottom: 4px solid #e50013;
}

.tire .tire_search-wrap .tire_search-menu ul li.on:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #e50013 transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -6px;
}

.tire .tire_search-wrap .tire_search-form {
  display: none;
  background: #393939;
  padding: 40px 0;
 /* 차량번호 체크  */;
}

.tire .tire_search-wrap .tire_search-form.type5 {
  padding: 60px 0 60px;
}

.tire .tire_search-wrap .tire_search-form.type5 .tire_search-method-guide {
  margin-top: 0;
}

.tire .tire_search-wrap .tire_search-form.on {
  display: block;
}

.tire .tire_search-wrap .tire_search-form .select-box .select2-dropdown {
  position: relative;
  z-index: 2;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method {
  margin: 0 -14px;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method:after {
  content: "";
  display: table;
  clear: both;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method.search3 {
  width: calc(307px * 3);
  margin: 0 auto;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method.search3 .tire_search-box {
  width: 33.3333%;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method.half {
  width: 614px;
  margin: 0 auto;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method.half .tire_search-box {
  width: 50%;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box {
  width: 25%;
  float: left;
  padding: 0 14px;
  position: relative;
 /* tire icon option */;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .tit {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 25px;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .select-box {
  width: 100%;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box.full {
  width: 100%;
  float: none;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box.full .tit {
  text-align: left;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set {
  padding: 40px 0;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set ul {
  white-space: nowrap;
  text-align: center;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set ul:after {
  content: "";
  display: table;
  clear: both;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set li {
  display: inline-block;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set li + li {
  margin-left: 6.5%;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set .trp.radio-box {
  padding-left: 30px;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set .trp.radio-box label {
  color: #fff;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .tire-icon_option {
  padding: 20px 0 85px;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .tire-icon_option.txt {
  padding: 15px 0;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .tire-icon_option span {
  display: block;
  font-size: 16px;
  line-height: 20px;
}

.tire .tire_search-wrap .tire_search-form .tire_search-box .tire-icon_option i {
  width: 220px;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -110px;
}

.tire .tire_search-wrap .tire_search-form .bottom_line {
  border-bottom: 1px solid #545454;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method-guide {
  margin-top: 30px;
  text-align: center;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method-guide p {
  font-size: 14.4px;
  line-height: 1;
  color: #b2b2b2;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method-guide + .tire_search-method {
  margin-top: 30px;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method-guide .search_notice {
  margin-top: 10px;
  color: #db424e;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method-guide .info_txt {
  position: relative;
  width: 600px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  text-align: left;
  line-height: 1.5;
}

.tire .tire_search-wrap .tire_search-form .tire_search-method-guide .info_txt .info-btn {
  font-size: 14px;
  color: #cccccc;
  padding: 3px 15px;
  border: 1px solid #656262;
  position: absolute;
  bottom: 5px;
  right: 0;
}

.tire .tire_search-wrap .tire_search-form .btn_set {
  margin-top: 30px;
  text-align: center;
}

.tire .tire_search-wrap .tire_search-form .btn_set .btn {
  width: 230px;
  height: 55px;
  line-height: 55px;
  padding: 0;
  text-align: center;
}

.tire .tire_search-wrap .tire_search-form .btn_set .btn.btn_red:disabled, .tire .tire_search-wrap .tire_search-form .btn_set .btn.btn_red.disabled {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  pointer-events: none;
  background-color: #5e5e5e;
  border-color: #5e5e5e;
  color: #aaaaaa;
}

.tire .tire_search-wrap .tire_search-form .btn_set .btn.btn_red:disabled i, .tire .tire_search-wrap .tire_search-form .btn_set .btn.btn_red.disabled i {
  display: none;
}

.tire .tire_search-wrap .tire_search-form .tire_search-check {
  position: relative;
  width: 600px;
  margin: 0 auto;
  position: relative;
}

.tire .tire_search-wrap .tire_search-form .tire_search-check .bottom_line {
  padding: 20px 0;
}

.tire .tire_search-wrap .tire_search-form .tire_search-check .txt_tit {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.tire .tire_search-wrap .tire_search-form .tire_search-check .txt_desc {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #b2b2b2;
  line-height: 1.5;
}

.tire .tire_search-wrap .tire_search-form .tire_search-check .link_line {
  font-size: 14px;
  color: #cccccc;
}

.tire .tire_search-wrap .tire_search-form .tire_search-check .checkbox-box {
  position: absolute;
  top: 20px;
  right: 0;
}

.tire .tire_search-wrap .tire_search-form .tire_search-check .checkbox-box label {
  font-size: 14px;
  color: #cccccc;
}

.tire .tire_search-wrap .tire_search-form .tire_search-check .btn_black {
  position: absolute;
  top: 20px;
  right: 0;
  min-width: initial;
}

.tire .tire_search-wrap .tire_search-form .tire_search-btnbox {
  text-align: center;
  padding-top: 50px;
}

.tire .tire_search-wrap .tire_search-form .tire_search-btnbox .search_big {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.tire .tire_search-wrap .tire_search-form .tire_search-carnumber {
  width: 600px;
  margin: 0 auto;
  position: relative;
  padding-right: 0px;
}

.tire .tire_search-wrap .tire_search-form .tire_search-carnumber .bottom_line {
  padding-bottom: 50px;
}

.tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box input {
  height: 55px;
  padding: 0 10px;
  line-height: 1;
  font-size: 16px;
}

.tire .tire_search-wrap .tire_search-form .tire_search-carnumber .btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 55px;
  line-height: 55px;
  padding: 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  width: 100px;
}

.tire .tire_search-result {
  margin-top: 80px;
  display: none;
}

.tire .tire_search-result.search_end {
  display: block;
}

.tire .tire_search-result .con-header .title {
  position: relative;
}

.tire .tire_search-result .con-header .title .search_totals {
  margin-top: 25px;
}

.tire .tire_search-result .con-header .title .data_simple.codes {
  top: 45px;
}

.tire .tire_search-result .con-header .title .data_simple.codes .coming {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 0;
  height: 21px;
  vertical-align: top;
  margin-right: 8px;
}

.tire .tire_search-result .con-header .title .data_simple.codes .coming b {
  display: inline-block;
  padding: 0 8px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  line-height: 21px;
  background-color: #000;
  vertical-align: top;
}

.tire .tire_search-result .con-header .title .data_simple.codes .coming i {
  display: inline-block;
  width: 11px;
  height: 21px;
  line-height: 21px;
}

.tire .tire_search-result .con-header .title .data_simple.codes .coming i.ll::before, .tire .tire_search-result .con-header .title .data_simple.codes .coming i.rr::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  font-size: 0;
  line-height: 0;
}

.tire .tire_search-result .con-header .title .data_simple.codes .coming i.ll::before {
  border-left: 11px solid #fff;
  border-right: 0px solid transparent;
  border-bottom: 21px solid #000000;
}

.tire .tire_search-result .con-header .title .data_simple.codes .coming i.rr::after {
  border-left: 0px solid #fff;
  border-right: 11px solid transparent;
  border-top: 21px solid #000000;
}

.tire .tire_search-result .con-header .title .btn_set {
  position: absolute;
  top: -12px;
  bottom: auto;
  right: 0;
}

.tire .tire_search-result .con-header .title .btn_set .btn {
  width: 120px;
  padding: 0;
  line-height: 44px;
  height: 46px;
  text-align: center;
  border-color: #808080;
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

.tire .tire_search-result .con-header .title .btn_set .btn:hover {
  background: #f8f8f8;
  border-color: #111111;
}

.tire .tire_search-result .con-header .title .btn_set .btn.btn_bd_gray:disabled, .tire .tire_search-result .con-header .title .btn_set .btn.btn_bd_gray.disabled {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  pointer-events: none;
  background-color: #5e5e5e;
  border-color: #5e5e5e;
  color: #aaaaaa;
}

.tire .tire_search-result .con-body {
  min-height: 200px;
  margin-bottom: 40px;
}

.tire .tire_search-result .con-body .tire_simple-list {
  margin-top: 10px;
}

.tire .tire_search-result .con-body .tire_simple-list ul li {
  float: left;
  width: 25%;
  padding: 8px 8px 7px 7px;
}

.tire .tire_search-result .con-body .tire_simple-list ul:after {
  content: "";
  display: table;
  clear: both;
}

.tire .tire_search-result .con-body .tire_simple-list ul .img {
  padding: 15px 0;
  text-align: center;
}

.tire .tire_search-result .con-body .tire_simple-list ul .img img {
  display: inline-block;
  width: auto;
  height: 220px;
}

.tire .tire_search-result .con-body .tire_simple-list ul .brand {
  margin-top: 10px;
  min-height: 20px;
}

.tire .tire_search-result .con-body .tire_simple-list ul .brand img {
  height: 20px;
}

.tire .tire_search-result .con-body .tire_simple-list ul .type {
  margin-top: 5px;
}

@media screen and (max-width: 1023px) {
  .tire .tire_search-result .con-body .tire_simple-list ul li {
    float: left;
    width: 100%;
    padding: 5px;
  }

  .tire .tire_search-result .con-body .tire_simple-list ul .brand img {
    height: 16px;
  }

  .tire .tire_search-result .con-body .tire_simple-list ul:after {
    content: "";
    display: table;
    clear: both;
  }
}

.tire .tire_search-result .con-footer .info-box {
  text-align: center;
  margin-top: -8px;
  font-size: 14px;
  color: #a0a0a0;
}

@media screen and (max-width: 1023px) {
  .tire {
 /* 타이어 검색결과  */;
  }

  .tire .tire_search-result {
    margin-top: 40px;
  }

  .tire .tire_search-result .con-header .title .search_totals {
    margin-top: 5px;
  }

  .tire .tire_search-result .con-header .title .data_simple.codes {
    top: 0px;
  }

  .tire .tire_search-result .con-header .title .data_simple.codes .scroll-inner {
    padding-bottom: 10px;
  }

  .tire .tire_search-result .con-header .title .data_simple.codes .scroll-inner .table_codes {
    width: auto;
  }

  .tire .tire_search-result .con-header .title .data_simple.codes .scroll-inner .table_col {
    padding-right: 10px;
  }

  .tire .tire_search-result .con-header .title .data_simple.codes .coming {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 0;
    height: 12px;
    vertical-align: top;
    margin-right: 4px;
    margin-top: 2px;
  }

  .tire .tire_search-result .con-header .title .data_simple.codes .coming b {
    display: inline-block;
    padding: 0 2px;
    min-width: 40px;
    box-sizing: border-box;
    font-size: 9px;
    color: #fff;
    font-weight: bold;
    line-height: 12px;
    background-color: #000;
    vertical-align: top;
  }

  .tire .tire_search-result .con-header .title .data_simple.codes .coming i {
    display: inline-block;
    width: 6px;
    height: 12px;
    line-height: 12px;
  }

  .tire .tire_search-result .con-header .title .data_simple.codes .coming i.ll::before, .tire .tire_search-result .con-header .title .data_simple.codes .coming i.rr::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    font-size: 0;
    line-height: 0;
  }

  .tire .tire_search-result .con-header .title .data_simple.codes .coming i.ll::before {
    border-left: 6px solid #fff;
    border-right: 0px solid transparent;
    border-bottom: 12px solid #000000;
  }

  .tire .tire_search-result .con-header .title .data_simple.codes .coming i.rr::after {
    border-left: 0px solid #fff;
    border-right: 6px solid transparent;
    border-top: 12px solid #000000;
  }

  .tire .tire_search-result .con-header .title .btn_set {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 5;
    background: #fff;
  }

  .tire .tire_search-result .con-header .title .btn_set .btn {
    width: 100%;
    padding: 0;
    line-height: 48px;
    height: 50px;
    text-align: center;
    border-color: #e50012;
    background: #e50012;
    color: #fff;
    font-size: 11px;
  }

  .tire .tire_search-result .con-body {
    margin-bottom: 0;
  }

  .tire .tire_search-result .con-footer .info-box {
    text-align: center;
    margin-top: 15px;
    font-size: 10px;
    color: #a0a0a0;
    line-height: 1.5;
  }

  .tire .tire_search-result .paging-area {
    display: none;
  }

  .tire .tire_search-result .more-area {
    display: block;
    margin-top: 5px;
  }

  .tire .tire_search-result .more-area .btn {
    width: 100%;
  }
}

.tire .tire_energy-wrap .energy_cont:first-child {
  padding-top: 0;
}

.tire .tire_energy-wrap .energy_cont {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

.tire .tire_energy-wrap .energy_cont:first-child {
  margin-top: 0;
  border-top: 0px;
}

.tire .tire_energy-wrap .energy_cont .con-body {
  margin-top: 55px;
  line-height: 26px;
}

.tire .tire_energy-wrap .energy_cont .con-body .title.style_line {
  margin-bottom: 30px;
}

.tire .tire_energy-wrap .energy_cont .con-body .col_type1_3:after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_energy-wrap .energy_cont .con-body .col_type1_3 > .colitem {
  float: left;
  width: 284px;
  padding-left: 40px;
}

.tire .tire_energy-wrap .energy_cont .con-body .col_type1_3 > .colitem:first-child {
  float: left;
  width: calc( 100% - 284px);
  padding-left: 0;
  padding-right: 0;
}

.tire .tire_energy-wrap .energy_cont .con-body .cont_txt:after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_energy-wrap .energy_cont .con-body .cont_txt .img {
  width: 244px;
}

.tire .tire_energy-wrap .energy_cont .con-body .cont_txt .img img {
  width: 100%;
}

.tire .tire_energy-wrap .energy_cont .con-body .cont_txt .txt {
  padding-top: 30px;
  color: #5e5e5e;
}

.tire .tire_energy-wrap .energy_cont .con-body .cont_txt .mark_dot-list li {
  position: relative;
  padding-left: 100px;
  font-size: 16px;
}

.tire .tire_energy-wrap .energy_cont .con-body .cont_txt .mark_dot-list li span {
  font-size: 16px;
  color: #5e5e5e;
  width: 100px;
  margin-left: -93px;
}

.tire .tire_energy-wrap .energy_cont .con-body .cont_txt .mark_dot-list li em {
  color: #5e5e5e;
}

.tire .tire_energy-wrap .energy_cont .con-body .box_check {
  background: #f6f6f6;
  padding: 40px;
  margin-top: 40px;
  color: #5e5e5e;
  letter-spacing: -1px;
}

.tire .tire_energy-wrap .energy_cont .con-body .box_check span {
  color: #000;
  margin-top: 15px;
  display: block;
}

.tire .tire_energy-wrap .energy_cont.grip .cont_txt .img {
  margin-top: -10px;
}

.tire .tire_energy-wrap .energy_cont.grip .cont_txt .txt {
  padding-top: 15px;
}

.tire .tire_energy-wrap .energy_cont.noise .table-wrap {
  padding: 30px 0 0px;
}

.tire .tire_energy-wrap .energy_cont.noise .table-wrap > .con-header + .con-body {
  margin-top: 30px;
}

.tire .tire_energy-wrap .energy_cont.noise .box_check {
  position: relative;
  margin-top: 120px;
  padding-right: 250px;
}

.tire .tire_energy-wrap .energy_cont.noise .box_check:after {
  content: '';
  position: absolute;
  right: 65px;
  top: -40px;
  width: 160px;
  height: 182px;
  display: inline-block;
  background: url("/resources//images/tire/img_energy_04.png") no-repeat;
  background-size: 160px 182px;
}

@media screen and (max-width: 1023px) {
  .tire .tire_energy-wrap .energy_cont {
    padding-top: 40px;
    margin-top: 40px;
  }

  .tire .tire_energy-wrap .energy_cont .con-body {
    margin-top: 30px;
    font-size: 13px;
    line-height: 20px;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .title.style_line {
    margin-bottom: 20px;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .col_type1_3:after {
    content: '';
    display: block;
    clear: both;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .col_type1_3 > .colitem {
    float: none;
    width: 168px;
    padding-left: 0;
    margin: 20px auto 0;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .col_type1_3 > .colitem .txt {
    padding-top: 0px;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .col_type1_3 > .colitem:first-child {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .cont_txt .img {
    text-align: center;
    width: 168px;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .cont_txt .img img {
    width: 100%;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .cont_txt .txt {
    padding-top: 20px;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .cont_txt .mark_dot-list {
    margin-top: 20px;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .cont_txt .mark_dot-list li {
    padding-left: 88px;
    font-size: 13px;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .cont_txt .mark_dot-list li span {
    font-size: 13px;
    margin-left: -75px;
  }

  .tire .tire_energy-wrap .energy_cont .con-body .box_check {
    padding: 15px;
    margin-top: 20px;
  }

  .tire .tire_energy-wrap .energy_cont.grip .cont_txt .img {
    margin-top: 0;
  }

  .tire .tire_energy-wrap .energy_cont.grip .cont_txt .txt {
    padding-top: 20px;
  }

  .tire .tire_energy-wrap .energy_cont.grip .box_check {
    margin-top: 40px;
    padding-bottom: 60px;
  }

  .tire .tire_energy-wrap .energy_cont.grip .box_check:after {
    right: 32px;
    top: auto;
    width: 101px;
    height: 115px;
    background-size: 101px 115px;
  }

  .tire .tire_energy-wrap .energy_cont.noise .cont_txt .txt.alt {
    padding-top: 0;
  }

  .tire .tire_energy-wrap .energy_cont.noise .table-wrap {
    padding: 30px 0 0px;
  }

  .tire .tire_energy-wrap .energy_cont.noise .table-wrap > .con-header + .con-body {
    margin-top: 20px;
  }

  .tire .tire_energy-wrap .energy_cont.noise .box_check {
    margin-top: 40px;
    padding-bottom: 60px;
  }

  .tire .tire_energy-wrap .energy_cont.noise .box_check:after {
    right: 32px;
    top: auto;
    width: 101px;
    height: 115px;
    background-size: 101px 115px;
  }
}

.tire .tire_technology-wrap {
  margin-top: 80px;
 /* R&D */ /*테스트결과*/ /*매거진정보*/;
}

@media screen and (max-width: 1280px) {
  .tire .tire_technology-wrap .responsive_scrollx > .data_table {
    min-width: 1200px;
  }
}

@media screen and (max-width: 1023px) {
  .tire .tire_technology-wrap {
    margin-top: 30px;
  }
}

.tire .tire_technology-wrap .rnd_cont .img_Network {
  margin-top: 60px;
  text-align: center;
}

.tire .tire_technology-wrap .rnd_cont .img_Network img {
  max-width: 731px;
}

.tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-header .title {
  line-height: 1.2;
}

.tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body {
  border-top: 0px;
}

.tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body:after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body .img {
  float: left;
  margin-right: 20px;
}

.tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table {
  width: auto;
  border-top: 2px solid #000000;
}

.tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table th {
  width: 15%;
}

.tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table td {
  text-align: left;
  padding: 10px 20px;
  line-height: 25px;
}

.tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table tr:last-child td {
  height: 126px;
  vertical-align: top;
}

@media screen and (max-width: 1023px) {
  .tire .tire_technology-wrap {
 /* R&D */;
  }

  .tire .tire_technology-wrap .rnd_cont .img_Network {
    margin-top: 25px;
  }

  .tire .tire_technology-wrap .rnd_cont .img_Network img {
    width: 100%;
  }

  .tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body .img {
    float: none;
    margin-right: 0px;
    text-align: center;
  }

  .tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body .img img {
    width: 100%;
  }

  .tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table {
    width: 100%;
    margin-top: 10px;
  }

  .tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table th {
    width: 25%;
  }

  .tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table td {
    line-height: 21px;
  }

  .tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table tr:last-child td {
    height: auto;
  }
}

.tire .tire_technology-wrap .technology_cont .technology-list > ul {
  border-top: 1px solid #e5e5e5;
}

.tire .tire_technology-wrap .technology_cont .technology-list > ul > li {
  border-bottom: 1px solid #e5e5e5;
}

.tire .tire_technology-wrap .technology_cont .technology-list > ul > li.open:last-child {
  border-bottom: 0;
}

.tire .tire_technology-wrap .technology_cont .technology-list > ul > li.open .box-head {
  color: #e50013;
}

.tire .tire_technology-wrap .technology_cont .technology-list > ul > li.open .box-head:after {
  transform: rotate(180deg);
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-head {
  display: block;
  position: relative;
  padding: 18px 55px 18px 20px;
  font-size: 20px;
  line-height: 24px;
  color: #5e5e5e;
  font-weight: 700;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-head i.icon-faq_arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -15px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body {
  display: none;
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 40px 20px 70px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .title {
  font-size: 22px;
  font-weight: 700;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .sub_txt {
  font-size: 18px;
  color: #5e5e5e;
  margin-top: 10px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant {
  margin-top: 0;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement {
  margin-top: 0;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont {
  margin-top: 60px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dt {
  font-size: 20px;
  font-weight: 700;
  margin-top: 70px;
  padding-right: 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dt:first-child {
  margin-top: 0;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dt .sub_txt {
  font-size: 16px;
  color: #5e5e5e;
  font-weight: 400;
  margin-top: 7px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd {
  margin-top: 40px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd.guide {
  margin-top: 30px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content {
  width: 900px;
  margin: 0 auto;
  line-height: 26px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .box {
  display: block;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .box::after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .box .img {
  margin-bottom: 10px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .point_txt {
  width: 50%;
  float: left;
  color: #5e5e5e;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .point_txt img {
  display: block;
  margin-bottom: 5px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .point_txt em {
  color: #e50012;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .check_txt {
  width: 45%;
  float: right;
  color: #5e5e5e;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .check_txt ul li {
  position: relative;
  padding-left: 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .img_list {
  margin-top: 30px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .img_list > li {
  display: inline-block;
  color: #5e5e5e;
  text-align: center;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .img_list > li img {
  display: block;
  margin-bottom: 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .img_list > li:nth-child(2) img {
  margin: 0 auto 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .img_list > li:nth-child(3) img {
  margin: 0 0 20px auto;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .deps_cont.line {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #d0d0d0;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .mark_dot-list2 {
  margin-top: 75px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont::after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .img {
  float: left;
  margin-right: 40px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .cont {
  width: auto;
  color: #5e5e5e;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .cont strong {
  font-weight: 400;
  color: #000;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .cont table {
  width: -webkit-fill-available;
  border-top: 2px solid #000;
  margin: 17px 0 13px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .cont table td {
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  color: #000;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .cont .notice {
  font-size: 14px;
  line-height: 21px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont .singimg .img {
  text-align: center;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont .singimg .img img {
  display: inline-block;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership dd {
  margin-top: 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox {
  background-color: #f6f6f6;
  padding: 30px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox .title {
  font-size: 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox .title span {
  vertical-align: top;
  margin-left: 5px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox .title i {
  display: inline-block;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox .mark_dot-list2 {
  line-height: 26px;
  margin-top: 10px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox .mark_dot-list2 span {
  margin-left: 5px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox .mark_dot-list2 em {
  font-weight: bold;
  margin-left: 5px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .sub_txt {
  line-height: 1.7em;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .sub_txt.red {
  color: #e50012;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.run .img_list.col3 > li {
  position: relative;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.run .img_list.col3 > li img {
  margin: 0 auto 20px;
  border: 1px solid #e5e5e5;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.run .img_list.col3 > li:nth-child(2) img {
  margin: 0 auto 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.run .img_list.col3 > li:nth-child(3) img {
  margin: 0 auto 20px !important;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col3 > li {
  position: relative;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col3 > li img {
  margin: 0 auto 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col3 > li:nth-child(2) img {
  margin: 0 auto 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col3 > li:nth-child(3) img {
  margin: 0 auto 20px !important;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 {
  text-align: center;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 li {
  float: none;
  width: auto;
  display: inline-block;
  margin: 0 11px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 li span {
  display: block;
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 li span img {
  margin: 0 auto;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 li:nth-child(2) img {
  margin: 0 auto;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .sub_guide dt {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .sub_guide dt:first-child {
  margin-top: 0;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .sub_guide dd {
  margin-top: 10px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .sub_guide dd .mark_dot-list2 li {
  line-height: 26px;
  color: #5e5e5e;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont {
  display: flex;
  flex-wrap: wrap;
  margin-top: -50px;
 /* &:after { content:''; display:block; clear: both;} */;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li {
 /* float:left; */
  width: 50%;
  margin-top: 50px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li .img {
  display: block;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li .img img {
  border: 1px solid #e5e5e5;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li .mark_dot-list2 {
  width: 416px;
  margin-top: 20px;
  line-height: 26px;
  display: block;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li .mark_dot-list2:after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li .mark_dot-list2 li {
  width: 100%;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont:after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li {
  float: left;
  width: 50%;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .img {
  display: block;
  margin-right: 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .img img {
  border: 1px solid #e5e5e5;
  width: 100%;
  max-width: 464px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .mark_dot-list2 {
  width: 100%;
  max-width: 464px;
  margin-top: 20px;
  line-height: 26px;
  display: block;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .mark_dot-list2:after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .mark_dot-list2 li:nth-child(odd) {
  float: left;
  width: 60%;
  letter-spacing: -1px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .mark_dot-list2 li:nth-child(even) {
  float: left;
  width: 40%;
  letter-spacing: -1px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox {
  border: 1px solid #e5e5e5;
  padding: 40px 50px 30px;
  position: relative;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .product_label {
  font-size: 13px;
  color: #e50012;
  font-weight: bold;
  line-height: 15px;
  position: absolute;
  top: 250px;
  left: 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .awordtitle {
  font-size: 18px;
  color: #222222;
  border-bottom: 2px solid #222222;
  font-weight: bold;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .col4 {
  margin: 0 -10px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .colitem {
  padding: 0 10px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .colitem .hexagonbox {
  text-align: center;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .colitem .hexagonbox .hexagonbox_img {
  display: inline-block;
  width: 93px;
  height: 105px;
  padding-top: 30px;
  background-image: url(/resources/images/tire/img_technology-09-1.png);
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .colitem .hexagonbox .hexagonbox_img .hexagonbox_txt {
  font-size: 18px;
  text-align: center;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .colitem .hexagonbox .hexagonbox_img .hexagonbox_txt em {
  font-size: 42px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .colitem .awordyear {
  margin: 20px 0 10px;
  padding-bottom: 5px;
  color: red;
  border-bottom: 2px solid #e50012;
  font-weight: bold;
  text-align: center;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .colitem .awordtxt {
  font-size: 14px;
  color: #525252;
  margin-bottom: 10px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .singimg {
  text-align: center;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .concepimg_box {
  margin-top: 20px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .concepimg_box .concepimg {
  text-align: center;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .concepimg_box .concepimg > img {
  display: inline-block;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .years_inner {
  width: 856px;
  margin: 0 auto;
  margin-top: -30px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .years_inner .yearproduct_box {
  margin-top: 10px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .concept_label {
  font-size: 12px;
  text-align: right;
  color: #999999;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .img > img {
  border: 1px solid #e5e5e5;
  margin-bottom: 0;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .sub_txt {
  font-size: 16px;
  line-height: 1.7em;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .sub_txt.typea {
  font-size: 14px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin {
  margin-top: 0;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .sub_txt {
  font-size: 16px;
  line-height: 1.7em;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .sub_txt.typea {
  font-size: 14px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .layutbody {
  display: flex;
  margin-top: 60px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .layutbody .text-area {
  width: 50%;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .layutbody .text-area .digitaltwin_cont + .digitaltwin_cont {
  margin-top: 40px;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .layutbody .image-area {
  margin-left: 55px;
  width: 50%;
}

.tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .img-box img {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .tire .tire_technology-wrap .technology_cont .technology-list .box-head {
    padding: 8px 30px 8px 10px;
    font-size: 13px;
    line-height: 24px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-head i.icon-faq_arrow {
    right: 5px;
    margin-top: -7.5px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body {
    padding: 26px 10px 40px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .title {
    font-size: 19px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .sub_txt {
    font-size: 15px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont {
    margin-top: 30px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dt {
    font-size: 17px;
    margin-top: 30px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd {
    margin-top: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd.guide {
    margin-top: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .box .img {
    margin-bottom: 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .box .img img {
    width: 43px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .point_txt {
    width: 100%;
    float: none;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .check_txt {
    width: 100%;
    float: none;
    margin-top: 15px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .check_txt ul li {
    padding-left: 13px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .img_list {
    margin-top: 0px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .img_list > li {
    width: 100%;
    display: block;
    color: #5e5e5e;
    text-align: center;
    margin-top: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .img_list > li img {
    margin: 0 auto 10px;
    width: 100%;
 /* max-width: 280px; */;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .img_list > li:nth-child(2) img {
    margin: 0 auto 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .img_list > li:nth-child(3) img {
    margin: 0 auto 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .deps_cont.line {
    margin-top: 20px;
    padding-top: 0px;
    border-top: 0px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .mark_dot-list2 {
    margin-top: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .content .mark_dot-list2 li:after {
    top: 9px;
    width: 2px;
    height: 2px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont::after {
    content: '';
    display: block;
    clear: both;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .img {
    display: block;
    float: none;
    margin: 0px 0 20px;
    text-align: center;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .img img {
    width: 100%;
    max-width: 467px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .cont {
    width: 100%;
    color: #5e5e5e;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .cont table {
    margin: 15px 0 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont dl > dd .deps_cont .cont .notice {
    font-size: 13px;
    line-height: 19px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership dd {
    margin-top: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox {
    padding: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox .title {
    position: relative;
    font-size: 15px;
    padding-left: 32px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox .title span {
    margin-left: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox .title i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .textbox .mark_dot-list2 {
    line-height: 24px;
    margin-top: 5px;
    font-size: 13px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.leadership .sub_txt {
    font-size: 13px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.run .img_list.col3 > li {
    position: relative;
    width: 100%;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.run .img_list.col3 > li .img {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    text-align: center;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.run .img_list.col3 > li img {
    margin: 0 auto 0px;
    width: 280px;
    border: 0px solid #e5e5e5;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant dl dt .sub_txt {
    font-size: 13px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col3 > li {
    position: relative;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col3 > li img {
    margin: 0 auto 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col3 > li:nth-child(2) img {
    margin: 0 auto 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col3 > li:nth-child(3) img {
    margin: 0 auto 10px !important;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col3.step > li {
    text-align: center;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col3.step > li img {
    max-width: 280px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 {
    text-align: center;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 li {
    float: none;
    width: 100%;
    display: inline-block;
    margin: 15px 0px 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 li:first-child {
    margin-top: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 li span {
    width: 100%;
    max-width: none;
    margin-bottom: 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 li:nth-child(1) span img {
    max-width: 298px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .img_list.col2 li:nth-child(2) span img {
    max-width: 532px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .sub_guide dt {
    margin-top: 20px;
    font-size: 13px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .sub_guide dd {
    margin-top: 7px;
    font-size: 13px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .sub_guide dd .mark_dot-list2 li {
    line-height: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.sealant .sub_guide dd .mark_dot-list2 li:after {
    top: 9px;
    width: 2px;
    height: 2px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont {
    margin-top: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li {
    float: none;
    width: 100%;
    margin-top: 30px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li:first-child {
    margin-top: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li .img {
    display: block;
    border: 1px solid #e5e5e5;
    text-align: center;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li .img img {
    margin: 0 auto;
    border: 0;
    width: 100%;
    max-width: 414px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li .mark_dot-list2 {
    width: 100%;
    margin-top: 10px;
    line-height: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li .mark_dot-list2 li {
    font-size: 13px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.tire .tire_cont > li .mark_dot-list2 li:after {
    top: 9px;
    width: 2px;
    height: 2px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li {
    float: none;
    width: 100%;
    margin-top: 30px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li:first-child {
    margin-top: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .sub_txt {
    font-size: 13px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .img {
    display: block;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin-right: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .img img {
    margin: 0 auto;
    border: 0;
    width: 100%;
    max-width: 414px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .mark_dot-list2 {
    width: 100%;
    margin-top: 10px;
    line-height: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .mark_dot-list2 li {
    font-size: 13px;
    width: 100%;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .mark_dot-list2 li:after {
    top: 9px;
    width: 2px;
    height: 2px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .mark_dot-list2 li:nth-child(odd) {
    width: 100%;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.labeling .labeling_cont > li .mark_dot-list2 li:nth-child(even) {
    width: 100%;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement {
    margin-top: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox {
    border: 1px solid #e5e5e5;
    padding: 15px 20px;
    margin-top: 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .product_label {
    display: none;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .awordtitle {
    font-size: 13px;
    margin-bottom: 20px;
    padding-bottom: 5px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .col4 .colitem {
    width: 50%;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .col4 .colitem .hexagonbox .hexagonbox_img {
    width: 61px;
    height: 69px;
    padding-top: 20px;
    background-image: url(/resources/images/tire/img_technology-09-1_m.png);
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .col4 .colitem .hexagonbox .hexagonbox_img .hexagonbox_txt {
    font-size: 12px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .col4 .colitem .hexagonbox .hexagonbox_img .hexagonbox_txt em {
    font-size: 27px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .col4 .colitem .awordyear {
    margin: 10px 0 5px;
    padding-bottom: 5px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .awordbox .col4 .colitem .awordtxt {
    font-size: 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .concepimg > img {
    max-width: 414px;
    width: 100%;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .years_inner {
    width: 100%;
    text-align: center;
    margin-top: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .years_inner img {
    width: 100%;
    max-width: 414px;
    display: inline-block;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .years_inner .yearproduct_box {
    margin-top: 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .concept_label {
    font-size: 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .singimg {
    margin-top: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .singimg.typeb img {
    max-width: 284px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .img > img {
    max-width: 540px;
    width: 100%;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont dd {
    margin-top: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .sub_txt {
    font-size: 13px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .sub_txt.typea {
    font-size: 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .img {
    border: 1px solid #e5e5e5;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.abatement .abatement_cont .img > img {
    max-width: 414px;
    border: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin {
    margin-top: 0;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .digitaltwin_cont .sub_txt {
    font-size: 13px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .digitaltwin_cont .sub_txt.typea {
    font-size: 10px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .layutbody {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .layutbody .text-area {
    width: 100%;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .layutbody .text-area .digitaltwin_cont + .digitaltwin_cont {
    margin-top: 20px;
  }

  .tire .tire_technology-wrap .technology_cont .technology-list .box-body .technology_cont.digitaltwin .layutbody .image-area {
    margin-top: 30px;
    margin-left: 0px;
    width: 100%;
  }
}

.tire .tire_technology-wrap .test_cont .table-wrap {
  padding-top: 20px;
}

.tire .tire_technology-wrap .test_cont .data_table td {
  padding: 10px 5px;
  line-height: 24px;
}

.tire .tire_technology-wrap .test_cont .data_table td img {
  display: block;
  margin: 0 auto;
}

.tire .tire_technology-wrap .test_cont .data_table td a {
  color: #979797;
  text-decoration: underline;
  display: block;
  margin-top: 3px;
}

.tire .tire_technology-wrap .test_cont .data_table td span {
  color: #979797;
  font-size: 14px;
  display: block;
  margin-top: 3px;
}

.tire .tire_technology-wrap .test_cont .data_table .line {
  border-right: 1px solid #e6e6e6;
}

@media screen and (max-width: 1023px) {
  .tire .tire_technology-wrap {
 /*테스트결과*/;
  }

  .tire .tire_technology-wrap .test_cont .table-wrap {
    padding-top: 10px;
  }

  .tire .tire_technology-wrap .test_cont .data_table td span {
    font-size: 13px;
  }
}

.tire .tire_technology-wrap .magazine_cont {
  margin-top: 20px;
}

.tire .tire_technology-wrap .magazine_cont > ul {
  margin: 0 2.5%;
}

.tire .tire_technology-wrap .magazine_cont > ul:after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_technology-wrap .magazine_cont > ul > li {
  float: left;
  width: 50%;
  vertical-align: top;
  margin: 40px 0 0;
}

.tire .tire_technology-wrap .magazine_cont > ul > li .inner {
  margin: 0 20px;
  border: 1px solid #e5e5e5;
  padding: 6% 7%;
}

.tire .tire_technology-wrap .magazine_cont > ul > li .inner .box:after {
  content: '';
  display: block;
  clear: both;
}

.tire .tire_technology-wrap .magazine_cont > ul > li .inner .box .img {
  float: left;
  margin-right: 20px;
}

.tire .tire_technology-wrap .magazine_cont > ul > li .inner .box dl {
  margin-left: 120px;
}

.tire .tire_technology-wrap .magazine_cont > ul > li .inner .box dl dt {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.tire .tire_technology-wrap .magazine_cont > ul > li .inner .box dl dd {
  color: #5e5e5e;
  margin-top: 9px;
  line-height: 24px;
}

.tire .tire_technology-wrap .magazine_cont > ul > li .inner .box dl dd a {
  text-decoration: underline;
}

.tire .tire_technology-wrap .magazine_cont > ul > li .inner .des {
  width: 100%;
  clear: both;
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px solid #e2e2e2;
  color: #5e5e5e;
  line-height: 26px;
  height: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1023px) {
  .tire .tire_technology-wrap {
 /*매거진정보*/;
  }

  .tire .tire_technology-wrap .magazine_cont {
    margin-top: 0px;
  }

  .tire .tire_technology-wrap .magazine_cont > ul {
    margin: 0;
  }

  .tire .tire_technology-wrap .magazine_cont > ul > li {
    float: none;
    width: 100%;
    margin: 20px 0 0;
  }

  .tire .tire_technology-wrap .magazine_cont > ul > li .inner {
    margin: 0;
    padding: 15px 10px 15px;
  }

  .tire .tire_technology-wrap .magazine_cont > ul > li .inner .box .img img {
    width: 73px;
  }

  .tire .tire_technology-wrap .magazine_cont > ul > li .inner .box dl {
    margin-left: 85px;
  }

  .tire .tire_technology-wrap .magazine_cont > ul > li .inner .box dl dt {
    font-size: 15px;
    font-weight: 700;
    color: #000;
  }

  .tire .tire_technology-wrap .magazine_cont > ul > li .inner .box dl dd {
    font-size: 13px;
    margin-top: 0px;
    line-height: 19px;
  }

  .tire .tire_technology-wrap .magazine_cont > ul > li .inner .box dl dd a {
    text-decoration: underline;
  }

  .tire .tire_technology-wrap .magazine_cont > ul > li .inner .box dl dd .mark_dot-list2 li:after {
    top: 9px;
    width: 2px;
    height: 2px;
  }

  .tire .tire_technology-wrap .magazine_cont > ul > li .inner .des {
    margin-top: 15px;
    padding-top: 15px;
    font-size: 13px;
    line-height: 20px;
    display: block;
    height: auto;
    white-space: normal;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
  }

  .tire .tire_technology-wrap .magazine_cont .only_pc {
    display: none !important;
  }
}

/* 그래프 비교하기 */
.tire_graph {
  position: relative;
  padding-right: 2px;
}

.tire_graph .line_box {
  position: absolute;
  left: 134px;
  right: 3px;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.tire_graph .line_box .line {
  position: absolute;
  top: 13px;
  left: 0;
  height: 100%;
}

.tire_graph .line_box .line:nth-child(2) {
  left: 20%;
}

.tire_graph .line_box .line:nth-child(3) {
  left: 40%;
}

.tire_graph .line_box .line:nth-child(4) {
  left: 60%;
}

.tire_graph .line_box .line:nth-child(5) {
  left: 80%;
}

.tire_graph .line_box .line:nth-child(6) {
  left: 100%;
}

.tire_graph .line_box .line p {
  height: calc( 100% - 37px);
  border-left: 1px dotted #bcbcbc;
}

.tire_graph .line_box .line span {
  position: absolute;
  top: -15px;
  left: 50%;
  width: 20px;
  margin-left: -10px;
  text-align: center;
  color: #1a1a1a;
  font-size: 10px;
  line-height: 1;
}

.tire_graph > ul {
  position: relative;
  z-index: 10;
}

.tire_graph > ul li {
  position: relative;
  padding: 13px 0 13px 134px;
}

.tire_graph > ul li .tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 134px;
  font-size: 16px;
  line-height: 37px;
  color: #5f5f5f;
}

.tire_graph > ul li .graph {
  height: 11px;
}

.tire_graph > ul li .graph span {
  display: block;
  height: 11px;
  background: #e10001;
  background: linear-gradient(90deg, #e10001 0%, #ffa9ab 100%);
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2.select2-container {
  height: 0;
  overflow: hidden;
  display: block;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaa;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--default .select2-results > .select2-results__options {
  height: 307px;
  max-height: 307px;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container .select2-dropdown {
  position: relative;
  z-index: 2;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below {
  border-top: 1px solid #aaa;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options {
  background-color: #f7f7f7;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option {
  font-size: 16px;
  color: #000;
  line-height: 50px;
  padding: 0 20px;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option + .select2-results__option, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option + .select2-results__option {
  border-top: 1px solid #d5d5d5;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option.select2-results__message:hover, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option.select2-results__message, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option.select2-results__message:hover, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option.select2-results__message {
  background-color: #f7f7f7;
  font-size: 0;
  line-height: 0;
  height: 307px;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option.select2-results__message:hover:before, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option.select2-results__message:before, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option.select2-results__message:hover:before, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option.select2-results__message:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option.select2-results__message:hover p, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option.select2-results__message p, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option.select2-results__message:hover p, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option.select2-results__message p {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 1.3;
  color: #5e5e5e;
  text-align: center;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option.select2-results__message:hover p .icon-search_empty, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__options .select2-results__option.select2-results__message p .icon-search_empty, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option.select2-results__message:hover p .icon-search_empty, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__options .select2-results__option.select2-results__message p .icon-search_empty {
  margin-bottom: 15px;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option--highlighted[aria-selected], .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option--highlighted[aria-selected] {
  color: #000;
  background-color: #f7f7f7;
}

.is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option:hover, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--above .select2-results__option[aria-selected=true], .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option:hover, .is_pc .tire .tire_search-wrap .tire_search-form .select2-container.select2-container--open > .select2-dropdown--below .select2-results__option[aria-selected=true] {
  color: #fff;
  background-color: #808080;
}

@media screen and (max-width: 1170px) {
  .tire .tire_search-form .tire_search-box .tire-icon_option i {
    width: 200px;
    margin-left: -100px;
  }
}

@media screen and (max-width: 1023px) {
  .tire {
 /* 상단 */ /* ==== 타이어 검색 ==== */;
  }

  .tire .tire_detail-wrap {
 /* margin-top: 75px; */;
  }

  .tire .tire_detail-acc {
    max-width: 100%;
    margin: 30px auto 0;
  }

  .tire .tire_detail-acc .icon-swiper_guide {
    position: absolute;
    top: 0;
    right: -15px;
    z-index: 10;
    display: block;
  }

  .tire .tire_detail-acc .tire_acc-box .box-head a {
    padding: 0 10px;
    line-height: 45px;
    font-size: 15px;
  }

  .tire .tire_detail-acc .tire_acc-box .box-head a .icon-tire_acc_arrow {
    margin-left: 10px;
    margin-top: -5px;
  }

  .tire .tire_detail-acc .tire_acc-box .box-head a .icon-branch_arrow {
    right: 5px;
    margin-top: -7px;
  }

  .tire .tire_detail-acc .tire_acc-box .box-body {
    padding: 0 0 20px;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header {
    padding: 30px 0 20px;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area {
    position: static;
    float: none;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search {
    margin-bottom: 0;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem {
    width: 36%;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem .select-box {
    width: 100%;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem .formsearch-box {
    width: 68px;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem .formsearch-box .search-btn {
    width: 100%;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem + .colitem {
    margin-left: 5px;
    margin-top: 0;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-header .search-area .col_search .colitem:last-child {
    width: auto;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body {
    position: relative;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .data_table th.inc {
    width: 60px;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .data_table th.spec {
    width: auto;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .data_table th.etc {
    width: 87px;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .data_table td {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .data_table td:last-child {
    padding-left: 0;
    padding-right: 0;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-body .data_table .btn {
    padding-left: 0;
    padding-right: 0;
    width: 87px;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-footer .btn_set {
    margin-top: 20px;
  }

  .tire .tire_detail-acc .tire_acc-box .data_table-panel .con-footer .btn {
    padding: 0;
    width: 68px;
    height: 30px;
    line-height: 28px;
  }

  .tire .tire_detail-acc .sym-list li {
    height: 44px;
  }

  .tire .sym-list {
    width: 100%;
    padding-top: 0;
  }

  .tire .sym-list li {
    height: 65px;
  }

  .tire .sym-list li img {
    height: 100%;
  }

  .tire .tab-wrap.tire_store {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .tire .tire_store_form-wrap {
    margin-top: 30px;
  }

  .tire .tire_store_form-wrap .form_bg {
    background: #393939;
    color: #fff;
    padding: 30px 14px;
  }

  .tire .tire_store_form-wrap .form-area {
    max-width: 100%;
  }

  .tire .tire_store_form-wrap .form-area .form-row {
    padding-left: 0;
  }

  .tire .tire_store_form-wrap .form-area .form-row + .form-row {
    margin-top: 30px;
  }

  .tire .tire_store_form-wrap .form-area .form-row .form-tit {
    display: block;
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    padding-left: 0;
    text-align: left;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 15px;
  }

  .tire .tire_store_form-wrap .form-area .form-row .form-guide {
    margin-top: 10px;
    font-size: 11px;
    line-height: 1;
  }

  .tire .tire_store_form-wrap .form-area .form-element .input-box {
    width: 100%;
  }

  .tire .tire_store_form-wrap .form-area .form-element .select-box {
    float: left;
    width: 100%;
  }

  .tire .tire_store_form-wrap .form-area .form-element .select-box.wc2 {
    width: 100%;
  }

  .tire .tire_store_form-wrap .form-area .form-element .select-box + .select-box {
    margin-left: 0;
    margin-top: 10px;
  }

  .tire .tire_store_form-wrap .form-area .form-element .checkbox-set li {
    float: left;
    width: 40%;
    line-height: 20px;
    margin-top: 15px;
  }

  .tire .tire_store_form-wrap .form-area .form-element .checkbox-set li .checkbox-box {
    vertical-align: middle;
    line-height: 20px;
  }

  .tire .tire_store_form-wrap .form-area .form-element .checkbox-set li .trp.checkbox-box label {
    font-size: 11px;
  }

  .tire .tire_store_form-wrap .form-area .form-element .checkbox-set li:nth-child(-n+2) {
    margin-top: 0;
  }

  .tire .tire_store_form-wrap .form-area .form-element .checkbox-set li:nth-child(2n) {
    width: 60%;
  }

  .tire .tire_store_form-wrap .form-area .form-btn_set {
    margin-top: 30px;
  }

  .tire .tire_store_form-wrap .form-area .form-btn_set .btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
  }

  .tire .tire_store_form-wrap.energy .form-row .select-box.w465 {
    width: 100%;
  }

  .tire .tire_search-wrap .tire_search-guide {
    padding: 50px 15px 46px;
  }

  .tire .tire_search-wrap .tire_search-guide h3 {
    font-size: 15px;
  }

  .tire .tire_search-wrap .tire_search-guide p {
    font-size: 12px;
    line-height: 20px;
  }

  .tire .tire_search-wrap .tire_search-guide p br {
    display: none;
  }

  .tire .tire_search-wrap .tire_search-panel {
    margin-top: 0px;
  }

  .tire .tire_search-wrap .tire_search-menu {
    margin-top: 50px;
    padding: 0 15px;
    position: relative;
  }

  .tire .tire_search-wrap .tire_search-menu .bx-prev, .tire .tire_search-wrap .tire_search-menu .bx-next {
    position: absolute;
    top: 50%;
    margin-top: -22px;
  }

  .tire .tire_search-wrap .tire_search-menu .bx-prev {
    left: 0;
  }

  .tire .tire_search-wrap .tire_search-menu .bx-next {
    right: 0;
  }

  .tire .tire_search-wrap .tire_search-menu ul {
    display: block;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
  }

  .tire .tire_search-wrap .tire_search-menu ul li {
    display: block;
    padding-bottom: 23px;
    width: calc( (100vw - 30px) / 3);
    border-bottom: 4px solid transparent;
  }

  .tire .tire_search-wrap .tire_search-menu ul li a {
    width: 100%;
  }

  .tire .tire_search-wrap .tire_search-menu ul li a span {
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 500;
    color: #000;
    display: inline-block;
  }

  .tire .tire_search-wrap .tire_search-menu ul li + li:before {
    display: none;
  }

  .tire .tire_search-wrap .tire_search-menu ul li.on {
    border-bottom: 4px solid #e50013;
  }

  .tire .tire_search-wrap .tire_search-menu ul li.on:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #e50013 transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
  }

  .tire .tire_search-wrap .tire_search-form {
    display: none;
    background: #393939;
    padding: 26px 0 30px;
 /* 차량번호 체크  */;
  }

  .tire .tire_search-wrap .tire_search-form.type5 {
    padding: 45px 0 40px;
  }

  .tire .tire_search-wrap .tire_search-form.on {
    display: block;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method {
    margin: 0 -14px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method:after {
    content: "";
    display: table;
    clear: both;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method.search3 {
    width: auto;
    margin: 0 -14px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method.search3 .tire_search-box {
    width: 100%;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method.half {
    width: auto;
    margin: 0 -14px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method.half .tire_search-box {
    width: 100%;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box {
    width: 100%;
    float: none;
    padding: 0 14px;
    position: relative;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box + .tire_search-box {
    margin-top: 16px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .tit {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 6px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .select-box {
    position: relative;
    text-align: center;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .select-box .select2-container {
    text-align: center;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .select-box .select2-results__message {
    display: none !important;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .select-box.tire_option-empty .select2-container > .selection .select2-selection--single, .tire .tire_search-wrap .tire_search-form .tire_search-box .select-box.tire_option-empty .select2-container.select2-container--below > .selection .select2-selection--single {
    background: #b1b1b1;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .select-box.tire_option-empty .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #5e5e5e;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set {
    padding: 18px 0;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set ul {
    text-align: left;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set ul:after {
    content: "";
    display: table;
    clear: both;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set li {
    display: block;
    float: left;
    width: 50%;
    padding: 14px 0;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set li + li {
    margin-left: 0;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set .trp.radio-box {
    padding-left: 30px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-box .radio-box_set .trp.radio-box label {
    color: #fff;
    font-size: 13px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method-guide {
    margin-top: 15px;
    text-align: left;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method-guide p {
    font-size: 10px;
    line-height: 1.4;
    color: #b2b2b2;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method-guide + .tire_search-method {
    margin-top: 30px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method-guide .search_notice {
    margin-top: 5px;
    color: #db424e;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method-guide .info_txt {
    width: 100%;
    font-size: 18px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-method-guide .info_txt .info-btn {
    display: inline-block;
    margin-top: 5px;
    padding: 2px 10px;
    border: 1px solid #656262;
    font-size: 12px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .tire .tire_search-wrap .tire_search-form .btn_set {
    margin-top: 15px;
    text-align: center;
  }

  .tire .tire_search-wrap .tire_search-form .btn_set .btn {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-check {
    width: 100%;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-check .bottom_line {
    padding: 17px 0;
    padding-right: 120px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-check .txt_tit {
    font-size: 14px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-check .txt_desc {
    margin-top: 5px;
    font-size: 10px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-check .link_line {
    font-size: 12px;
    color: #cccccc;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-check .checkbox-box {
    position: absolute;
    top: 20px;
    right: 0;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-check .checkbox-box label {
    font-size: 13px;
    color: #cccccc;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-check .btn_black {
    position: absolute;
    top: 17px;
    right: 0;
    min-width: initial;
    padding: 6px 15px 6px;
    font-size: 13px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-btnbox {
    text-align: center;
    padding-top: 30px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-btnbox .search_big {
    font-size: 14px;
    height: 40px;
    width: 100%;
    padding: 9px 20px 10px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-right: 0px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .bottom_line {
    padding-bottom: 30px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box .car_num-label {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 0px 0px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box input {
    margin-top: 10px;
    height: 40px;
    padding: 0 10px;
    line-height: 1;
    font-size: 14px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box input[type="text"] {
    font-size: 12px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box input[type="text"].placeholdersjs {
    font-size: 12px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box input[type="text"] {
    font-size: 12px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box input[type="text"]:-ms-input-placeholder {
    font-size: 12px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box input[type="text"] {
    font-size: 12px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box input[type="text"]::-webkit-input-placeholder {
    font-size: 12px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box input[type="text"] {
    font-size: 12px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .input-box input[type="text"]::-moz-placeholder {
    font-size: 12px;
  }

  .tire .tire_search-wrap .tire_search-form .tire_search-carnumber .btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    width: 65px;
  }
}

/* 육각형 */
.shape-box {
  position: relative;
  width: 100px;
  height: 100px;
}

.shape-box .trp_hexagon {
  position: relative;
  width: 90%;
  height: 50%;
  margin: 25% 0 0 5%;
  background: #941012;
  position: relative;
}

.shape-box .trp_hexagon:before {
  content: "";
  position: absolute;
  top: -50%;
  left: 0;
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-bottom: 25px solid #941012;
}

.shape-box .trp_hexagon:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 25px solid #941012;
}

@media screen and (max-width: 1023px) {
  .shape-box .trp_hexagon {
    width: 90px;
    height: 50px;
    margin: 25px 0 0 5px;
    background: #941012;
    position: relative;
  }

  .shape-box .trp_hexagon:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-bottom: 25px solid #941012;
  }

  .shape-box .trp_hexagon:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 25px solid #941012;
  }
}

/* 비교하기 */
.trp.popupfixed-wrap .popup-layer.option {
  position: relative;
  top: 0px;
  min-width: 320px;
  height: auto;
  text-align: left;
  background: #fff;
}

.trp.popupfixed-wrap .section {
  position: relative;
  padding: 30px 16px;
}

.trp.popupfixed-wrap .btn_bottom {
  margin-top: 20px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel {
  width: 100%;
  max-width: 840px;
  background: #fff;
  text-align: left;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section {
  padding: 40px 26px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .con-header {
  padding: 0 0 20px;
  border-bottom: 2px solid #000;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .con-header h4 {
  font-size: 16px;
  line-height: 1;
  color: #5e5e5e;
  font-weight: normal;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .con-body {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .con-body:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.5px;
  bottom: 0;
  background: #e5e5e5;
  width: 1px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box {
  margin: 0 -7px;
  position: relative;
  z-index: 10;
  padding: 30px 0;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info {
  display: table;
  width: 100%;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item {
  display: table-row;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .cell {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  padding: 12px 37px 5px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .brand {
  text-align: center;
  font-size: 0;
  line-height: 0;
  padding-bottom: 15px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .brand img {
  height: 29px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .img {
  margin: 0 auto;
  padding-bottom: 15px;
  text-align: center;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .img img {
  display: inline-block;
  height: 180px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .name {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: #000;
  padding-bottom: 7px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .mark_item-box {
  font-size: 0;
  line-height: 0;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .mark_item-box span {
  position: relative;
  display: inline-block;
  height: 21px;
  margin: 0 4px 4px 0;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .mark_item-box span img {
  height: 100%;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .sym-list {
  margin: 0 -2px 0 -3px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .sym-list:after {
  content: "";
  display: table;
  clear: both;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .sym-list li {
  width: 20%;
  float: left;
  padding: 2px 2px 3px 3px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .sym-list img {
 /* height: 61px; 임시*/
  height: 58px;
}

.trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .tire_graph {
  padding-top: 7px;
  padding-bottom: 7px;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section {
    padding: 20px 15px;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .con-header {
    padding: 0 0 15px;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .con-header h4 {
    font-size: 13px;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box {
    margin: 0 -5px;
    padding: 10px 0;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .cell {
    padding: 5px 10px;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .brand {
    margin: 0;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .brand img {
    height: auto;
    max-height: 29px;
    max-width: 100%;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .img img {
    max-width: 180px;
    width: 100%;
    height: auto;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .name {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .mark_item-box {
    font-size: 0;
    line-height: 0;
    margin: 0;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .mark_item-box span {
    position: relative;
    display: inline-block;
    height: 23px;
    margin: 0 4px 4px 0;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .mark_item-box span img {
    height: 100%;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .sym-list li {
    width: auto;
    float: left;
    padding: 2px 2px 3px 3px;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .sym-list img {
    height: 56px;
    width: auto;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .tire_graph {
    position: relative;
    padding: 5px 0;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .tire_graph .line_box {
    display: none;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .tire_graph > ul {
    position: relative;
    z-index: 10;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .tire_graph > ul li {
    position: relative;
    padding: 4px 0 4px 0;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .tire_graph > ul li .tit {
    position: static;
    display: block;
    width: 100%;
    font-size: 13px;
    color: #5f5f5f;
    line-height: 1;
    margin-bottom: 10px;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .tire_graph > ul li .graph {
    height: 12px;
  }

  .trp.popupfixed-wrap .popup-layer.tire_comparison-panel .section .tire_compare-box .tire_compare-info .item .tire_graph > ul li .graph span {
    display: block;
    height: 12px;
  }
}

/* 타이어 팝업 */
.popupfixed-wrap.car_list .popup-layer.option {
 /*width:100%;*/
  max-width: 840px;
  height: auto;
}

.popupfixed-wrap.car_list .car-area .car-list:after {
  content: '';
  display: block;
  clear: both;
}

.popupfixed-wrap.car_list .car-area .car-list li {
  float: left;
  width: 25%;
  height: 40px;
  min-width: 200px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
}

.popupfixed-wrap.car_list .car-area .car-list li span, .popupfixed-wrap.car_list .car-area .car-list li a {
  display: block;
  line-height: 38px;
  padding: 0 14px;
  font-size: 14px;
  color: #5e5e5e;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.car_list .car-area .car-list li {
    width: 100%;
    min-width: auto;
  }
}

/* ========= 매장 찾기 ==========*/
/* 매장찾기 타이틀 */
.tire_store_typo-wrap {
  margin-top: 80px;
}

.tire_store_typo-wrap .tire_store-panel .con-header {
  margin-bottom: 0;
}

.tire_store_typo-wrap .tire_store-panel .con-header .title {
  position: relative;
}

.tire_store_typo-wrap .tire_store-panel .con-header .title .btn_set {
  margin-top: 20px;
}

.tire_store_typo-wrap .tire_store-panel .con-header .title .btn_set .btn {
  padding-left: 35px;
  padding-right: 35px;
  border-color: #656565;
  color: #000;
}

.tire_store_typo-wrap .tire_store-panel .con-header .title .line_block + .btn_set {
  padding-left: 150px;
}

.tire_store_typo-wrap + .tab-wrap.tire_store {
  margin-top: 50px;
}

.tire_store_map {
  margin-top: 50px;
}

@media screen and (max-width: 1023px) {
 /* ========= 매장 찾기 ==========*/
  .tire_store_typo-wrap {
    margin-top: 55px;
  }

  .tire_store_typo-wrap .tire_store-panel .con-header {
    margin-bottom: 25px;
  }

  .tire_store_typo-wrap .tire_store-panel .con-header .title {
    position: relative;
  }

  .tire_store_typo-wrap .tire_store-panel .con-header .title .btn_set {
    position: static;
    margin-top: 15px;
  }

  .tire_store_typo-wrap .tire_store-panel .con-header .title .btn_set .btn {
    padding-left: 17px;
    padding-right: 17px;
    border-color: #656565;
    color: #000;
  }

  .tire_store_typo-wrap .tire_store-panel .con-header .title .line_block + .btn_set {
    margin-top: 15px;
    padding-left: 16px;
  }

  .tire_store_typo-wrap + .tab-wrap.tire_store {
    margin-top: 0px;
  }

  .tire_store_map {
    margin-top: 30px;
  }

  .tire_store_map .store_map-box {
    width: 100%;
    height: 100%;
    min-height: 180px;
  }
}

/* ========= 매장 찾기 폼 ==========*/
/* old */
.tire_store_form-wrap {
  margin-top: 50px;
}

.tire_store_form-wrap .form_bg {
  background: #393939;
  color: #fff;
  padding: 45px;
}

.tire_store_form-wrap .form-area {
  max-width: 840px;
  margin: 0 auto;
 /* checkbox-set */;
}

.tire_store_form-wrap .form-area .form-row {
  position: relative;
  padding-left: 196px;
}

.tire_store_form-wrap .form-area .form-row:after {
  content: "";
  display: table;
  clear: both;
}

.tire_store_form-wrap .form-area .form-row + .form-row {
  margin-top: 30px;
}

.tire_store_form-wrap .form-area .form-row .form-tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 196px;
  padding-left: 8px;
  text-align: left;
  font-size: 16px;
  line-height: 40px;
}

.tire_store_form-wrap .form-area .form-row .form-guide {
  margin-top: 5px;
  font-size: 14px;
  line-height: 24px;
  color: #b2b2b2;
}

.tire_store_form-wrap .form-area .form-element .input-box {
  width: 465px;
}

.tire_store_form-wrap .form-area .form-element .select-box {
  float: left;
  width: 220px;
}

.tire_store_form-wrap .form-area .form-element .select-box.wc2 {
  width: 465px;
}

.tire_store_form-wrap .form-area .form-element .select-box + .select-box {
  margin-left: 25px;
}

.tire_store_form-wrap .form-area .form-element .checkbox-set:after {
  content: "";
  display: table;
  clear: both;
}

.tire_store_form-wrap .form-area .form-element .checkbox-set li {
  float: left;
  width: 33.33333%;
  line-height: 40px;
}

.tire_store_form-wrap .form-area .form-element .checkbox-set li .checkbox-box {
  vertical-align: middle;
  line-height: 20px;
}

.tire_store_form-wrap .form-area .form-btn_set {
  margin-top: 40px;
  text-align: center;
}

.tire_store_form-wrap .form-area .form-btn_set .btn {
  width: 230px;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
}

.tire_store_form-wrap.energy .form-row {
  padding-left: 100px;
}

.tire_store_form-wrap.energy .form-row .form-tit {
  width: 100px !important;
}

.tire_store_form-wrap.energy .form-row .select-box.w465 {
  width: 465px;
}

@media screen and (max-width: 1023px) {
  .tire_store_form-wrap .tire_store_form-wrap {
    margin-top: 30px;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form_bg {
    background: #393939;
    color: #fff;
    padding: 30px 14px;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area {
    max-width: 100%;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-row {
    padding-left: 0;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-row + .form-row {
    margin-top: 30px;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-row .form-tit {
    display: block;
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    padding-left: 0;
    text-align: left;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 15px;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-row .form-guide {
    margin-top: 10px;
    font-size: 11px;
    line-height: 1;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-element .input-box {
    width: 100%;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-element .select-box {
    float: left;
    width: 100%;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-element .select-box.wc2 {
    width: 100%;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-element .select-box + .select-box {
    margin-left: 0;
    margin-top: 10px;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-element .checkbox-set li {
    float: left;
    width: 40%;
    line-height: 20px;
    margin-top: 15px;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-element .checkbox-set li .checkbox-box {
    vertical-align: middle;
    line-height: 20px;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-element .checkbox-set li .trp.checkbox-box label {
    font-size: 11px;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-element .checkbox-set li:nth-child(-n+2) {
    margin-top: 0;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-element .checkbox-set li:nth-child(2n) {
    width: 60%;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-btn_set {
    margin-top: 30px;
  }

  .tire_store_form-wrap .tire_store_form-wrap .form-area .form-btn_set .btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
  }

  .tire_store_form-wrap .tire_store_form-wrap.energy .form-row .select-box.w465 {
    width: 100%;
  }
}

/* new */
.tire_store_search_form-wrap {
  margin-top: 50px;
}

.tire_store_search_form-wrap .form_bg {
  background: #f6f6f6;
  color: #000;
  padding: 30px 45px;
}

.tire_store_search_form-wrap .form-area {
  max-width: 840px;
  margin: 0 auto;
 /* checkbox-set */;
}

.tire_store_search_form-wrap .form-area .form-row {
  margin-top: 20px;
}

.tire_store_search_form-wrap .form-area .form-row.tabcon {
  display: none;
  margin-top: 0;
  position: relative;
}

.tire_store_search_form-wrap .form-area .form-row.tabcon.on {
  display: block;
}

.tire_store_search_form-wrap .form-area .form-row.tabcon:after {
  content: "";
  display: table;
  clear: both;
}

.tire_store_search_form-wrap .form-area .form-element {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tire_store_search_form-wrap .form-area .form-element .input-box {
  width: 465px;
}

.tire_store_search_form-wrap .form-area .form-element .select-box {
  width: 300px;
}

.tire_store_search_form-wrap .form-area .form-element .select-box + .select-box {
  margin-left: 12px;
}

.tire_store_search_form-wrap .form-area .form-element .search-box {
  margin-left: 12px;
}

.tire_store_search_form-wrap .form-area .form-element .checkbox-set {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.tire_store_search_form-wrap .form-area .form-element .checkbox-set li {
  margin-right: 15px;
  line-height: 40px;
}

.tire_store_search_form-wrap .form-area .form-element .checkbox-set li .checkbox-box {
  vertical-align: middle;
  line-height: 20px;
}

@media screen and (max-width: 1023px) {
  .tire_store_search_form-wrap .form-area .form-element .checkbox-set {
    justify-content: flex-start;
  }
}

.tire_store_search_form-wrap .form-area .form-btn_set {
  text-align: center;
}

.tire_store_search_form-wrap .form-area .form-btn_set .btn {
  width: auto;
  min-width: 130px !important;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .tire_store_search_form-wrap {
    margin-top: 30px;
  }

  .tire_store_search_form-wrap .form_bg {
    padding: 30px 14px;
  }

  .tire_store_search_form-wrap .form-area {
    max-width: 100%;
  }

  .tire_store_search_form-wrap .form-area .form-row {
    margin-top: 0px;
  }

  .tire_store_search_form-wrap .form-area .form-element .input-box {
    width: 100%;
  }

  .tire_store_search_form-wrap .form-area .form-element .select-box {
    width: 100%;
  }

  .tire_store_search_form-wrap .form-area .form-element .select-box + .select-box {
    margin-left: 5px;
  }

  .tire_store_search_form-wrap .form-area .form-element .search-box {
    margin-left: 5px;
  }

  .tire_store_search_form-wrap .form-area .form-element .checkbox-set li {
    line-height: 20px;
    margin-top: 10px;
  }

  .tire_store_search_form-wrap .form-area .form-element .checkbox-set li .checkbox-box {
    vertical-align: middle;
    line-height: 20px;
  }

  .tire_store_search_form-wrap .form-area .form-element .checkbox-set li .trp.checkbox-box label {
    font-size: 11px;
  }

  .tire_store_search_form-wrap .form-area .form-btn_set .btn {
    min-width: 60px !important;
    font-size: 13px;
  }
}

/* ========= 매장 찾기 결과 ==========*/
.tire_store_list-wrap {
  margin-top: 75px;
}

.tire_store_list-wrap .con-body {
  margin-bottom: 50px;
}

.tire_store_list-wrap .con-body .table-wrap {
  padding-top: 50px;
}

@media screen and (max-width: 1023px) {
  .tire_store_list-wrap {
    margin-top: 50px;
  }

  .tire_store_list-wrap .con-body {
    margin-bottom: 50px;
  }

  .tire_store_list-wrap .con-body .table-wrap {
    padding-top: 25px;
  }

  .tire_store_list-wrap .branch_box-list .box-head .box-head-toggle .name .loc {
    display: block;
    margin-left: 0;
    font-size: 11px;
    margin-top: 4px;
  }

  .tire_store_list-wrap .branch_box-list .box-head .box-head-toggle .contact {
    font-size: 11px;
    line-height: 20px;
  }

  .tire_store_list-wrap .branch_box-list .box-head .box-head-toggle .contact > span {
    display: block;
  }

  .tire_store_list-wrap .branch_box-list .box-head .box-head-toggle .contact em {
    font-weight: bold;
  }
}

/* ========= api_map ==========*/
.api_map-wrap {
  margin-top: 50px;
 /* google api */;
}

.api_map-wrap .store_map-box {
  position: relative;
  width: 100%;
  height: 600px;
}

.api_map-wrap .store_map-box img {
  width: 100%;
  height: 100%;
}

.api_map-wrap .store_map-box .map_store-link {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  padding: 10px 20px;
  font-size: 0;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.9);
}

.api_map-wrap .store_map-box .map_store-link .link-inner {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.api_map-wrap .store_map-box .map_store-link i {
  margin-right: 3px;
}

.api_map-wrap .store_map-box .map_store-link strong {
  font-size: 16px;
  font-weight: 500;
  color: #2b2b2b;
}

@media screen and (max-width: 1023px) {
  .api_map-wrap .store_map-box .map_store-link {
    width: 200px;
    padding: 8px 15px;
  }

  .api_map-wrap .store_map-box .map_store-link strong {
    font-size: 14px;
  }
}

.api_map-wrap .gm-style .gm-style-iw-c {
  border-radius: 0;
  box-shadow: none;
}

/* ----------------- map poup --------------- */
.map_popup-wrap {
  position: absolute;
  z-index: 10;
  display: none;
}

.map_popup-wrap .inner {
  position: relative;
  padding: 17px 20px;
  width: 300px;
  height: auto;
  background-color: #fff;
  box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.07), 3px 3px 15px 0 rgba(0, 0, 0, 0.07);
}

.map_popup-wrap .map-header {
  position: relative;
  margin-bottom: 10px;
}

.map_popup-wrap .map-header .map_close {
  position: absolute;
  padding: 10px;
  top: -6px;
  right: -10px;
}

.map_popup-wrap .map-body {
  padding-top: 10px;
  border-top: 1px solid #d9d9d9;
}

.map_popup-wrap .tit {
  font-size: 16px;
  color: #e50012;
  font-weight: bold;
  padding-right: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.map_popup-wrap .address {
  font-size: 16px;
  color: #5e5e5e;
  font-weight: 400;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 44px;
}

.map_popup-wrap .tel {
  font-size: 16px;
  color: #5e5e5e;
  font-weight: bold;
  line-height: 1.4;
}

.map_popup-wrap .tel .link_call {
  display: none;
}

.map_popup-wrap .view {
  margin-top: 10px;
  font-size: 14px;
  color: #e50012;
  font-weight: 400;
  line-height: 1.4;
}

.map_popup-wrap .dot {
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 14px solid #ffff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

@media screen and (max-width: 1023px) {
  .map_popup-wrap .inner {
    width: 215px;
    padding: 12px 15px;
  }

  .map_popup-wrap .map-header {
    margin-bottom: 7px;
  }

  .map_popup-wrap .map-header .map_close {
    top: -7px;
  }

  .map_popup-wrap .map-body {
    padding-top: 7px;
  }

  .map_popup-wrap .tit {
    font-size: 13px;
  }

  .map_popup-wrap .address {
    font-size: 13px;
  }

  .map_popup-wrap .tel {
    font-size: 13px;
  }

  .map_popup-wrap .tel .pc_num {
    display: none;
  }

  .map_popup-wrap .tel .link_call {
    display: inline-block;
  }

  .map_popup-wrap .view {
    margin-top: 8px;
    font-size: 12px;
  }

  .map_popup-wrap .dot {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-top: 7px solid #ffff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
}

/* ----------------- detail poup --------------- */
.popupfixed-wrap.store_detail_popup {
 /* ----------------- info-area --------------- */ /* ----------------- detail-area --------------- */ /* ----------------- gallery-area --------------- */;
}

.popupfixed-wrap.store_detail_popup .popup-layer.option {
  width: 635px;
  height: auto;
}

.popupfixed-wrap.store_detail_popup .popup-layer.option .popup-head {
  padding: 40px 40px 0;
}

.popupfixed-wrap.store_detail_popup .popup-layer.option .popup-head .btn_close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 34px;
  height: 34px;
  padding: 10px;
}

.popupfixed-wrap.store_detail_popup .popup-layer.option .popup-head .pop_title_logo {
  height: 32px;
}

.popupfixed-wrap.store_detail_popup .popup-layer.option .section {
  padding: 30px 40px 40px;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.store_detail_popup .popup-layer.option {
    width: 100%;
  }

  .popupfixed-wrap.store_detail_popup .popup-layer.option .popup-head {
    padding: 30px 20px 0;
  }

  .popupfixed-wrap.store_detail_popup .popup-layer.option .popup-head .btn_close {
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    padding: 8px;
  }

  .popupfixed-wrap.store_detail_popup .popup-layer.option .popup-head .pop_title_logo {
    height: 24px;
  }

  .popupfixed-wrap.store_detail_popup .popup-layer.option .popup-head .pop_title_logo img {
    height: 24px;
  }

  .popupfixed-wrap.store_detail_popup .popup-layer.option .section {
    padding: 30px 20px 30px;
  }
}

.popupfixed-wrap.store_detail_popup .info-area .area-head {
  margin-bottom: 20px;
}

.popupfixed-wrap.store_detail_popup .info-area .area-head h4 {
  display: flex;
  align-items: center;
}

.popupfixed-wrap.store_detail_popup .info-area .area-head h4::before {
  top: 3px;
}

.popupfixed-wrap.store_detail_popup .info-area .area-head span {
  margin-right: 40px;
  line-height: 1.2;
}

.popupfixed-wrap.store_detail_popup .info-area .area-head .badge {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  padding: 0 10px;
  background-color: #e50012;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 21px;
}

.popupfixed-wrap.store_detail_popup .info-area address {
  font-size: 16px;
  color: #5e5e5e;
  font-style: normal;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.store_detail_popup .info-area .area-head {
    margin-bottom: 10px;
  }

  .popupfixed-wrap.store_detail_popup .info-area .area-head .badge {
    dmargin-top: 3px;
    padding: 0 10px;
    background-color: #e50012;
    border-radius: 3px;
    font-size: 12px;
    line-height: 18px;
  }

  .popupfixed-wrap.store_detail_popup .info-area address {
    font-size: 14px;
  }
}

.popupfixed-wrap.store_detail_popup .detail-area {
  margin-top: 30px;
}

.popupfixed-wrap.store_detail_popup .detail-area h4 {
  font-size: 20px;
}

.popupfixed-wrap.store_detail_popup .detail-area .area-inner {
  padding: 20px;
  background-color: #f6f6f6;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.store_detail_popup .detail-area {
    margin-top: 20px;
  }
}

.popupfixed-wrap.store_detail_popup .gallery-area {
  position: relative;
  margin-top: 30px;
}

.popupfixed-wrap.store_detail_popup .gallery-area .branch-slider {
  position: relative;
  width: 555px;
  padding: 0 44px 35px;
}

.popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-wrapper .swiper-slide img {
  width: 100%;
  max-width: 300px;
}

.popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-button-next, .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
}

.popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-button-next {
  right: 0px;
}

.popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-button-prev {
  left: 0px;
}

.popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-pagination {
  margin-top: 20px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-pagination span.swiper-pagination-bullet {
  opacity: 1;
  width: 15px;
  height: 15px;
  background: #bfbfbf;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-pagination span.swiper-pagination-bullet + span.swiper-pagination-bullet {
  margin-left: 15px;
}

.popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #e50012;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.store_detail_popup .gallery-area {
    margin-top: 20px;
  }

  .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider {
    margin-top: 15px;
    float: none;
    width: 100%;
    padding: 0 20px 20px;
    position: relative;
  }

  .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-slide {
    text-align: center;
  }

  .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-slide img {
    width: 100%;
    margin: 0 auto;
  }

  .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-button-next, .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-button-prev {
    margin-top: -8.5px;
  }

  .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-button-next {
    right: 0px;
  }

  .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-button-prev {
    left: 0px;
  }

  .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-pagination {
    margin-top: 10px;
  }

  .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-pagination span.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .popupfixed-wrap.store_detail_popup .gallery-area .branch-slider .swiper-pagination span.swiper-pagination-bullet + span.swiper-pagination-bullet {
    margin-left: 8px;
  }
}

.popupfixed-wrap.store_detail_popup .info-list {
  margin-top: 10px;
}

.popupfixed-wrap.store_detail_popup .info-list li + li {
  margin-top: 7px;
}

.popupfixed-wrap.store_detail_popup .info-list li {
  position: relative;
  padding-left: 12px;
}

.popupfixed-wrap.store_detail_popup .info-list li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #5e5e5e;
  border-radius: 50%;
}

.popupfixed-wrap.store_detail_popup .info-list li strong {
  color: #5e5e5e;
}

.popupfixed-wrap.store_detail_popup .info-list li span {
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.store_detail_popup .info-list {
    margin-top: 5px;
  }

  .popupfixed-wrap.store_detail_popup .info-list li + li {
    margin-top: 3px;
  }

  .popupfixed-wrap.store_detail_popup .info-list li strong {
    font-size: 14px;
  }

  .popupfixed-wrap.store_detail_popup .info-list li span {
    font-size: 14px;
  }
}

.service {
 /* 고객지원  */
  letter-spacing: -0.025em;
 /* .keyvisual-wrap {  .visual_bg.mode_sm {  background: url(/resources/images//common/sub_kv-service.jpg) center center no-repeat; background-size:cover; }  .visual_typo {  display: inline-block; max-width:740px; } @media screen and (max-width: $G-wMobile){ .visual_bg.mode_sm {  background: url(/resources/images//common/sub_kv-service-mb.jpg) center center no-repeat; background-size:cover; }  } } */ /* 지점 및 서비스센터*/ /* 승용차용 프리미엄 보증제도*/ /* 트럭/버스용 보증제도*/ /* 일반 보증제도*/;
}

.service .con-header {
  margin-bottom: 30px;
}

.service .con-body {
  margin-bottom: 50px;
}

@media screen and (max-width: 1023px) {
  .service .con-header {
    margin-bottom: 15px;
  }

  .service .con-body {
    margin-bottom: 30px;
  }
}

.service .customer_guide {
  margin-top: 80px;
  border: 1px solid #e6e6e6;
  border-width: 1px;
  background: #f6f6f6 url(/resources/images/service/bg_customer_guide_right.png) no-repeat right bottom;
  background-size: 600px auto;
}

.service .customer_guide:after {
  content: "";
  display: table;
  clear: both;
}

.service .customer_guide .tel-box, .service .customer_guide .qna-box {
  float: left;
  position: relative;
  padding: 25px 25px 25px 170px;
  min-height: 168px;
}

.service .customer_guide .tel-box {
  background: url(/resources/images/service/bg_customer_guide_left.png) no-repeat left top;
  background-size: 600px auto;
  width: calc(50% - 12px);
}

.service .customer_guide .tel-box:after {
  content: "";
  position: absolute;
  left: 46px;
  top: 45px;
  width: 80px;
  height: 78px;
  background-position: 0px -130px;
}

.service .customer_guide .qna-box {
  width: calc(50% + 12px);
}

.service .customer_guide .qna-box:after {
  content: "";
  position: absolute;
  left: 46px;
  top: 45px;
  width: 76px;
  height: 68px;
  background-position: -244px 0px;
}

.service .customer_guide .qna-box .bottom {
  margin-top: 20px;
}

.service .customer_guide .qna-box:before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 1px;
  height: 118px;
  background: #e6e6e6;
}

.service .customer_guide .h3 {
  line-height: 26px;
}

.service .customer_guide p {
  font-size: 16px;
  line-height: 27px;
  color: #979797;
  margin-top: 8px;
}

.service .customer_guide .bottom {
  margin-top: 16px;
  line-height: 45px;
}

.service .customer_guide .bottom .tel {
  font-size: 32px;
  font-weight: bold;
  color: #e50012;
}

.service .customer_guide .bottom a.btn.btn-qna {
  display: block;
  width: 200px;
  font-weight: normal;
}

.service .customer_guide .bottom a.btn.btn-tel {
  display: none;
  font-weight: normal;
}

.service .customer_guide .bottom a.btn.btn-qna .icon-bt_arrow {
  margin-left: 25px;
}

@media screen and (max-width: 1023px) {
  .service .customer_guide {
    margin-top: 30px;
    background: #f6f6f6;
  }

  .service .customer_guide .tel-box, .service .customer_guide .qna-box {
    float: left;
    padding: 20px 20px 20px 88px;
    height: auto;
    width: 50%;
    min-height: auto;
  }

  .service .customer_guide .tel-box {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_left-mb.png) no-repeat top left;
    background-size: 134px auto;
  }

  .service .customer_guide .qna-box {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_right-mb.png) no-repeat right bottom;
    background-size: 121px auto;
  }

  .service .customer_guide .qna-box .bottom {
    margin-top: 20px;
  }

  .service .customer_guide .h3 {
    font-size: 16px;
    line-height: 1;
  }

  .service .customer_guide p {
    font-size: 13px;
    line-height: 18px;
    margin-top: 8px;
 /* span {display: block; white-space:nowrap; } */;
  }

  .service .customer_guide .bottom {
    margin-top: 16px;
    line-height: 35px;
  }

  .service .customer_guide .bottom .tel {
    font-size: 21px;
    line-height: 1;
    font-weight: bold;
    color: #e50012;
  }

  .service .customer_guide .bottom .btn-tel {
    margin-top: 10px;
    display: block;
    width: 120px;
    padding-left: 0;
    padding-right: 0;
    text-decoration: underline;
  }

  .service .customer_guide .bottom a.btn.btn-qna {
    margin-top: 7px;
    display: block;
    width: 130px;
    padding-left: 15px;
    padding-right: 30px;
  }

  .service .customer_guide .bottom a.btn.btn-qna i.icon-bt_arrow {
    margin-left: 5px;
  }
}

.service .customer-wrap {
  margin-top: 130px;
}

.service .customer-wrap .customer_info-panel:after {
  content: "";
  display: table;
  clear: both;
}

.service .customer-wrap .customer_info-box {
  width: 50%;
  float: left;
 /* margin-top: 70px;  */;
}

.service .customer-wrap .customer_info-box > .title {
  margin-bottom: 30px;
}

.service .customer-wrap .customer_info-box:first-child {
  margin-top: 0;
}

.service .customer-wrap .customer_info-box .info {
  margin-top: 7px;
  font-size: 16px;
  line-height: 26px;
  color: #5e5e5e;
}

.service .customer-wrap .customer_info-box .info span {
  display: none;
}

.service .customer-wrap .customer_info-box .info em {
  font-weight: bold;
  color: #e50012;
}

@media screen and (max-width: 1023px) {
  .service {
 /* 지점 및 서비스센터*/;
  }

  .service .customer-wrap {
    margin-top: 85px;
  }

  .service .customer-wrap .customer_info-box {
    float: none;
    width: 100%;
  }

  .service .customer-wrap .customer_info-box > .title {
    margin-bottom: 15px;
  }

  .service .customer-wrap .customer_info-box .info {
    margin-top: 7px;
    font-size: 13px;
    line-height: 20px;
  }

  .service .customer-wrap .customer_info-box .info > ul.mark_dot-list > li::after {
    top: 9px;
  }

  .service .customer-wrap .customer_info-box .info span {
    display: inline;
  }

  .service .customer-wrap .customer_info-box .info i {
    display: none;
  }

  .service .customer-wrap .customer_info-box + .customer_info-box {
    margin-top: 36.5px;
  }
}

.service .branch_info-wrap {
  margin-top: 75px;
}

.service .branch_info-wrap .branch_info-panel .con-header .title {
  position: relative;
}

.service .branch_info-wrap .branch_info-panel .con-header .title .btn {
  position: absolute;
  top: -12px;
  right: 0;
}

@media screen and (max-width: 1023px) {
  .service .branch_info-wrap {
    margin-top: 35px;
  }

  .service .branch_info-wrap .branch_info-panel .con-header {
    margin-bottom: 25px;
  }

  .service .branch_info-wrap .branch_info-panel .con-header .title {
    position: relative;
  }

  .service .branch_info-wrap .branch_info-panel .con-header .title .btn {
    position: static;
    margin-top: 20px;
    width: 100px;
    padding: 10px 0;
    border-color: #000;
    color: #000;
  }
}

.service .primium_guarantee-wrap, .service .general_guarantee-wrap {
  margin-top: 130px;
}

.service .primium_guarantee-wrap .title.icon-title_highlight, .service .general_guarantee-wrap .title.icon-title_highlight {
  margin-bottom: 60px;
}

.service .primium_guarantee-wrap td, .service .general_guarantee-wrap td {
  padding: 15px 5px;
}

.service .primium_guarantee-wrap .btn.btn_md.btn_bd_gray.btn_arrow, .service .general_guarantee-wrap .btn.btn_md.btn_bd_gray.btn_arrow {
  margin-top: 20px;
  margin-left: 12px;
}

.service .primium_guarantee-wrap .data_table td, .service .general_guarantee-wrap .data_table td {
  text-align: left;
  padding-left: 20px;
  line-height: 26px;
}

.service .primium_guarantee-wrap .car_tire-area ul, .service .general_guarantee-wrap .car_tire-area ul {
  margin-left: 1px;
}

.service .primium_guarantee-wrap .car_tire-area ul:after, .service .general_guarantee-wrap .car_tire-area ul:after {
  content: '';
  display: block;
  clear: both;
}

.service .primium_guarantee-wrap .car_tire-area ul li, .service .general_guarantee-wrap .car_tire-area ul li {
  float: left;
  width: 33.3333%;
  padding: 20px;
  border: 1px solid #d9d9d9;
  margin-left: -1px;
  margin-top: -1px;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner, .service .general_guarantee-wrap .car_tire-area ul .li-inner {
  position: relative;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner:after, .service .general_guarantee-wrap .car_tire-area ul .li-inner:after {
  content: '';
  display: block;
  clear: both;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .img-box, .service .general_guarantee-wrap .car_tire-area ul .li-inner .img-box {
  float: left;
  width: 38.8888%;
  text-align: center;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .img-box img, .service .general_guarantee-wrap .car_tire-area ul .li-inner .img-box img {
  max-width: 130px;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box {
  float: left;
  width: 61.1112%;
  padding-left: 10px;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box span, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box span {
  display: block;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .type, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .type {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  font-size: 0;
  line-height: 0;
  background-color: #303030;
  vertical-align: top;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .type em, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .type em {
  display: inline-block;
  min-width: 30px;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  text-align: center;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .type::before, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .type::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  border-left: 14px solid #fff;
  padding-right: 3px;
  border-right: 0px solid transparent;
  border-bottom: 18px solid #303030;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .type::after, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .type::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  border-left: 0px solid transparent;
  padding-left: 3px;
  border-right: 14px solid #fff;
  border-top: 18px solid #303030;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .symbol, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .symbol {
  margin-top: 15px;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .symbol img, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .symbol img {
  height: 34px;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .name, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .name {
  margin-top: 5px;
  font-size: 16px;
  color: #000;
}

.service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .desc, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .desc {
  margin-top: 15px;
  font-size: 14px;
  color: #5e5e5e;
}

.service .primium_guarantee-wrap .primium_guarantee-list, .service .general_guarantee-wrap .primium_guarantee-list {
  font-size: 16px;
  color: #5e5e5e;
  line-height: 26px;
  margin-bottom: 60px;
}

.service .primium_guarantee-wrap .singline_text, .service .general_guarantee-wrap .singline_text {
  margin-bottom: 60px;
}

.service .primium_guarantee-wrap .singline_text .mark_dot-list, .service .general_guarantee-wrap .singline_text .mark_dot-list {
  line-height: 26px;
  margin-top: 13px;
  color: #666;
}

.service .primium_guarantee-wrap .table-wrap, .service .general_guarantee-wrap .table-wrap {
  padding: 0px;
}

.service .primium_guarantee-wrap .table-wrap .con-body, .service .general_guarantee-wrap .table-wrap .con-body {
  margin-bottom: 0;
}

.service .primium_guarantee-wrap .cbu_box, .service .general_guarantee-wrap .cbu_box {
  background-color: #f6f6f6;
  margin-bottom: 80px;
  padding: 30px;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit, .service .general_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit {
  line-height: 30px;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  margin-bottom: 25px;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit i, .service .general_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit i {
  margin-right: 5px;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit i, .service .primium_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit span, .service .general_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit i, .service .general_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit span {
  vertical-align: top;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-body, .service .general_guarantee-wrap .cbu_box .cbu_box-body {
  margin-left: 35px;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-img img, .service .general_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-img img {
  width: 173px;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-body.col2_txt, .service .general_guarantee-wrap .cbu_box .cbu_box-body.col2_txt {
  position: relative;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-body.col2_txt:after, .service .general_guarantee-wrap .cbu_box .cbu_box-body.col2_txt:after {
  content: '';
  display: block;
  clear: both;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-body .col_item, .service .general_guarantee-wrap .cbu_box .cbu_box-body .col_item {
  margin: 0;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-body .col_item:first-child, .service .general_guarantee-wrap .cbu_box .cbu_box-body .col_item:first-child {
  float: left;
  width: 200px;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-body .col_item:last-child, .service .general_guarantee-wrap .cbu_box .cbu_box-body .col_item:last-child {
  float: left;
  width: calc(100% - 200px);
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-box .cbu_box-body-box-tit, .service .general_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-box .cbu_box-body-box-tit {
  font-weight: bold;
}

.service .primium_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-box .cbu_box-body-box-txt, .service .general_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-box .cbu_box-body-box-txt {
  line-height: 26px;
  margin-top: 10px;
}

.service .primium_guarantee-wrap .last_item, .service .general_guarantee-wrap .last_item {
  margin-bottom: 0;
}

.service .primium_guarantee-wrap .last_item .primium_guarantee-list, .service .general_guarantee-wrap .last_item .primium_guarantee-list {
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .service .primium_guarantee-wrap .car_tire-area ul li {
    float: left;
    width: 50%;
  }
}

@media screen and (max-width: 1023px) {
  .service {
 /* 승용차용 프리미엄 보증제도*/;
  }

  .service .primium_guarantee-wrap, .service .general_guarantee-wrap {
    margin-top: 45px;
  }

  .service .primium_guarantee-wrap .title.icon-title_highlight, .service .general_guarantee-wrap .title.icon-title_highlight {
    margin-bottom: 40px;
  }

  .service .primium_guarantee-wrap td, .service .general_guarantee-wrap td {
    padding: 15px 5px;
  }

  .service .primium_guarantee-wrap .btn.btn_md.btn_bd_gray.btn_arrow, .service .general_guarantee-wrap .btn.btn_md.btn_bd_gray.btn_arrow {
    margin-top: 20px;
    margin-left: 12px;
  }

  .service .primium_guarantee-wrap .data_table td, .service .general_guarantee-wrap .data_table td {
    text-align: left;
    padding-left: 20px;
    line-height: 26px;
  }

  .service .primium_guarantee-wrap .car_tire-area ul, .service .general_guarantee-wrap .car_tire-area ul {
    margin-left: 0px;
  }

  .service .primium_guarantee-wrap .car_tire-area ul:after, .service .general_guarantee-wrap .car_tire-area ul:after {
    content: '';
    display: block;
    clear: both;
  }

  .service .primium_guarantee-wrap .car_tire-area ul li, .service .general_guarantee-wrap .car_tire-area ul li {
    float: none;
    width: 100%;
    padding: 20px;
    margin-left: 0px;
    margin-top: -1px;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .img-box, .service .general_guarantee-wrap .car_tire-area ul .li-inner .img-box {
    float: left;
    width: 38.8888%;
    text-align: center;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .img-box img, .service .general_guarantee-wrap .car_tire-area ul .li-inner .img-box img {
    max-width: 95px;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box {
    float: left;
    width: 61.1112%;
    padding-left: 10px;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box span, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box span {
    display: block;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .type, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .type {
    margin-top: 5px;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .type em, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .type em {
    min-width: 32px;
    font-size: 11px;
    line-height: 15px;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .type::before, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .type::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    border-left: 11px solid #fff;
    padding-right: 3px;
    border-right: 0px solid transparent;
    border-bottom: 15px solid #303030;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .type::after, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .type::after {
    content: "";
    display: inline-block;
    vertical-align: top;
    border-left: 0px solid transparent;
    padding-left: 3px;
    border-right: 11px solid #fff;
    border-top: 15px solid #303030;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .symbol, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .symbol {
    margin-top: 10px;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .symbol img, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .symbol img {
    height: 25px;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .name, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .name {
    margin-top: 5px;
    font-size: 13px;
    color: #000;
  }

  .service .primium_guarantee-wrap .car_tire-area ul .li-inner .text-box .desc, .service .general_guarantee-wrap .car_tire-area ul .li-inner .text-box .desc {
    margin-top: 10px;
    font-size: 12px;
    color: #5e5e5e;
  }

  .service .primium_guarantee-wrap .primium_guarantee-list, .service .general_guarantee-wrap .primium_guarantee-list {
    font-size: 13px;
    color: #5e5e5e;
    line-height: 20px;
    margin-bottom: 40px;
  }

  .service .primium_guarantee-wrap .singline_text, .service .general_guarantee-wrap .singline_text {
    margin-bottom: 30px;
  }

  .service .primium_guarantee-wrap .singline_text .mark_dot-list, .service .general_guarantee-wrap .singline_text .mark_dot-list {
    font-size: 14px;
    line-height: 26px;
    margin-top: 13px;
    color: #666;
  }

  .service .primium_guarantee-wrap .singline_text .mark_dot-list > li:after, .service .general_guarantee-wrap .singline_text .mark_dot-list > li:after {
    top: 11px;
  }

  .service .primium_guarantee-wrap .table-wrap, .service .general_guarantee-wrap .table-wrap {
    padding: 0px;
  }

  .service .primium_guarantee-wrap .cbu_box, .service .general_guarantee-wrap .cbu_box {
    background-color: #f6f6f6;
    margin-bottom: 40px;
    padding: 15px;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit, .service .general_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit {
    line-height: 26px;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit i, .service .general_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit i {
    margin-right: 5px;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit i, .service .primium_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit span, .service .general_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit i, .service .general_guarantee-wrap .cbu_box .cbu_box-header .cbu_tit span {
    vertical-align: top;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-body, .service .general_guarantee-wrap .cbu_box .cbu_box-body {
    margin-left: 0px;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-img img, .service .general_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-img img {
    width: 125px;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-body.col2_txt, .service .general_guarantee-wrap .cbu_box .cbu_box-body.col2_txt {
    position: relative;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-body.col2_txt:after, .service .general_guarantee-wrap .cbu_box .cbu_box-body.col2_txt:after {
    content: '';
    display: block;
    clear: both;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-body .col_item, .service .general_guarantee-wrap .cbu_box .cbu_box-body .col_item {
    margin: 0;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-body .col_item:first-child, .service .general_guarantee-wrap .cbu_box .cbu_box-body .col_item:first-child {
    float: none;
    width: 100%;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-body .col_item:last-child, .service .general_guarantee-wrap .cbu_box .cbu_box-body .col_item:last-child {
    float: none;
    width: 100%;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-box, .service .general_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-box {
    margin-top: 10px;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-box .cbu_box-body-box-tit, .service .general_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-box .cbu_box-body-box-tit {
    font-weight: bold;
    font-size: 13px;
  }

  .service .primium_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-box .cbu_box-body-box-txt, .service .general_guarantee-wrap .cbu_box .cbu_box-body .cbu_box-body-box .cbu_box-body-box-txt {
    line-height: 20px;
    margin-top: 10px;
    font-size: 13px;
  }
}

.service .truckbus_guarantee-wrap {
  margin-top: 130px;
}

.service .truckbus_guarantee-wrap .title.icon-title_highlight {
  margin-bottom: 70px;
}

.service .truckbus_guarantee-wrap .btn.btn_md.btn_bd_gray.btn_arrow {
  margin-top: 20px;
  margin-left: 12px;
}

.service .truckbus_guarantee-wrap .truckbus_guarantee-list {
  font-size: 16px;
  color: #5e5e5e;
  line-height: 26px;
  margin-bottom: 60px;
}

.service .truckbus_guarantee-wrap .truckbus_guarantee-list .con-body_space {
  margin-top: 13px;
  margin-bottom: 30px;
}

.service .truckbus_guarantee-wrap .singline_text {
  margin-bottom: 60px;
}

.service .truckbus_guarantee-wrap .singline_text .mark_dot-list {
  line-height: 26px;
  margin-top: 13px;
  color: #666;
}

.service .truckbus_guarantee-wrap .warranty-area {
  width: 100%;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table {
  border: 1px solid #d9d9d9;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size th {
  padding: 5px 20px;
  height: auto;
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  border: 1px solid #d9d9d9;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size th.bg_dark:first-child {
  border-color-top: #666;
  border-color-bottom: #666;
  border-left-color: #666666;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size th.bg_dark:last-child {
  border-color-top: #666;
  border-color-bottom: #666;
  border-right-color: #666666;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_dark {
  background-color: #666666;
  font-size: 16px;
  color: #fff;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_slash {
  position: relative;
  font-size: 18px;
  color: #fff;
  background: url(/resources/images/service/bg_table_slash.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_slash .th_l, .service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_slash .th_r {
  position: absolute;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_slash .th_l {
  bottom: 15px;
  left: 15px;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_slash .th_r {
  top: 15px;
  right: 15px;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody th, .service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody td {
  border: 1px solid #d9d9d9;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody .body_th, .service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody td {
  font-size: 16px;
  color: #222;
  text-align: center;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody .body_th {
  padding: 15px;
  line-height: 1.2;
  font-weight: 500;
  white-space: normal;
  word-wrap: break-word;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody td {
  line-height: 1.5;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table th {
  background-color: #f6f6f6;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table th .cargo {
  display: block;
  font-size: 16px;
  color: #5e5e5e;
  text-align: center;
  font-weight: 500;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table th .unit {
  display: block;
  font-size: 16px;
  color: #979797;
  text-align: center;
  font-weight: 400;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table td {
  padding: 20px;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table td a {
  position: relative;
  display: block;
  height: 100%;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table td .name {
  display: block;
  padding: 5px 0px 0px;
  font-size: 16px;
  color: #222;
  text-align: center;
  text-transform: uppercase;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table td .img {
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  text-align: center;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table td .img img {
  display: inline-block;
  width: 100%;
  max-width: 200px;
}

.service .truckbus_guarantee-wrap .warranty-area table.warranty_table .none {
  height: auto;
  padding: 0;
  background: url(/resources/images/service/none_table.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.service .truckbus_guarantee-wrap .warranty-box {
  width: 955px;
  margin: 0 auto 55px;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty {
  border: 1px solid #d9d9d9;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty th, .service .truckbus_guarantee-wrap .warranty-box table.warranty td {
  border: 1px solid #d9d9d9;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty th {
  min-height: 178px;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty th .cargo {
  display: block;
  font-size: 16px;
  color: #5e5e5e;
  text-align: center;
  font-weight: 500;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty th .unit {
  display: block;
  font-size: 16px;
  color: #979797;
  text-align: center;
  font-weight: 400;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty td {
  padding: 0;
  min-height: 178px;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty td a {
  position: relative;
  display: block;
  height: 100%;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty td .name {
  display: block;
  padding: 20px 0 5px;
  font-size: 16px;
  color: #5e5e5e;
  text-align: center;
  text-transform: uppercase;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty td .img {
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  text-align: center;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty td .img img {
  display: inline-block;
}

.service .truckbus_guarantee-wrap .warranty-box table.warranty .none {
  height: auto;
  padding: 0;
  background: url(/resources/images/service/none_table.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.service .truckbus_guarantee-wrap .warranty-box .text-notice2 {
  margin-top: 15px;
}

.service .truckbus_guarantee-wrap .warranty-box .mark_dot2 {
  padding-left: 0.5em;
}

.service .truckbus_guarantee-wrap .warranty-box .mark_dot2:after {
  top: 10px;
}

.service .truckbus_guarantee-wrap .accident_box {
  background-color: #f6f6f6;
  margin-bottom: 80px;
  padding: 30px;
}

.service .truckbus_guarantee-wrap .accident_box .accident_tit {
  font-size: 20px;
  font-weight: bold;
  color: black;
  margin-bottom: 25px;
}

.service .truckbus_guarantee-wrap .accident_box .accident_tit i {
  margin-right: 10px;
}

.service .truckbus_guarantee-wrap .accident_box .accident_tit i, .service .truckbus_guarantee-wrap .accident_box .accident_tit span {
  vertical-align: top;
}

.service .truckbus_guarantee-wrap .accident_box .accident_box-body {
  text-align: center;
}

.service .truckbus_guarantee-wrap .accident_box .accident_box-body .accident_imgbox {
  display: inline-block;
  padding: 0px 40px 0px 0px;
}

.service .truckbus_guarantee-wrap .accident_box .accident_box-body .accident_imgbox img {
  width: 175px;
}

.service .truckbus_guarantee-wrap .accident_box .accident_box-body .accident_imgbox .accident_name {
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
}

.service .truckbus_guarantee-wrap .last_item {
  margin-bottom: 0;
}

.service .truckbus_guarantee-wrap .last_item .truckbus_guarantee-list {
  margin-bottom: 0;
}

.service .truckbus_guarantee-wrap .con-body_space {
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .service {
 /* 트럭/버스용 보증제도*/;
  }

  .service .truckbus_guarantee-wrap {
    margin-top: 45px;
  }

  .service .truckbus_guarantee-wrap .title.icon-title_highlight {
    margin-bottom: 40px;
  }

  .service .truckbus_guarantee-wrap .btn.btn_md.btn_bd_gray.btn_arrow {
    margin-top: 20px;
    margin-left: 12px;
  }

  .service .truckbus_guarantee-wrap .truckbus_guarantee-list {
    font-size: 13px;
    color: #5e5e5e;
    line-height: 20px;
    margin-bottom: 40px;
  }

  .service .truckbus_guarantee-wrap .truckbus_guarantee-list .con-body_space {
    margin-top: 13px;
    margin-bottom: 15px;
  }

  .service .truckbus_guarantee-wrap .singline_text {
    margin-bottom: 30px;
  }

  .service .truckbus_guarantee-wrap .singline_text .mark_dot-list {
    font-size: 14px;
    line-height: 26px;
    margin-top: 13px;
    color: #666;
  }

  .service .truckbus_guarantee-wrap .singline_text .mark_dot-list > li:after {
    top: 11px;
  }

  .service .truckbus_guarantee-wrap .warranty-area {
    width: 100%;
  }

  .service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size th {
    font-size: 14px;
  }

  .service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_dark {
    background-color: #666666;
    font-size: 14px;
    color: #fff;
  }

  .service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_slash {
    font-size: 14px;
  }

  .service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_slash .th_l, .service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_slash .th_r {
    font-size: 14px;
  }

  .service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_slash .th_l {
    bottom: 10px;
    left: 10px;
  }

  .service .truckbus_guarantee-wrap .warranty-area table.warranty_table thead.middle_size .bg_slash .th_r {
    top: 10px;
    right: 10px;
  }

  .service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody .body_th, .service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody td {
    font-size: 13px;
  }

  .service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody .body_th .name, .service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody td .name {
    font-size: 13px;
  }

  .service .truckbus_guarantee-wrap .warranty-area table.warranty_table tbody .body_th {
    padding: 10px;
  }

  .service .truckbus_guarantee-wrap .warranty-box {
    width: 100%;
    max-width: 955px;
    margin: 0 auto 30px;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty {
    border: 1px solid #d9d9d9;
    margin-bottom: 30px;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty th, .service .truckbus_guarantee-wrap .warranty-box table.warranty td {
    border: 1px solid #d9d9d9;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty th {
    min-height: initial;
    text-align-last: left;
    padding: 15px;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty th img {
    display: inline-block;
    height: 20px;
    margin-right: 5px;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty th > div {
    display: inline-block;
    min-height: 20px;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty th .cargo {
    display: inline-block;
    font-size: 14px;
    text-align: left;
    vertical-align: top;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty th .unit {
    display: inline-block;
    font-size: 13px;
    text-align: left;
    vertical-align: top;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty td {
    padding: 0;
    min-height: 178px;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty td a {
    position: relative;
    display: block;
    height: 100%;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty td .name {
    display: block;
    padding: 20px 0 5px;
    font-size: 13px;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty td .img img {
    display: inline-block;
    min-width: 90px;
    width: 70%;
  }

  .service .truckbus_guarantee-wrap .warranty-box table.warranty .none {
    height: auto;
    padding: 0;
    background: url(/resources/images/service/none_table.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .service .truckbus_guarantee-wrap .warranty-box .text-notice2 {
    margin-top: 0px;
  }

  .service .truckbus_guarantee-wrap .warranty-box .mark_dot2 {
    padding-left: 0.5em;
  }

  .service .truckbus_guarantee-wrap .warranty-box .mark_dot2:after {
    top: 7px;
  }

  .service .truckbus_guarantee-wrap .accident_box {
    background-color: #f6f6f6;
    margin-bottom: 40px;
    padding: 15px;
  }

  .service .truckbus_guarantee-wrap .accident_box .accident_tit {
    font-size: 15px;
    font-weight: bold;
    color: black;
    margin-bottom: 15px;
  }

  .service .truckbus_guarantee-wrap .accident_box .accident_tit i, .service .truckbus_guarantee-wrap .accident_box .accident_tit span {
    vertical-align: top;
  }

  .service .truckbus_guarantee-wrap .accident_box .accident_tit i {
    margin-top: -4px;
  }

  .service .truckbus_guarantee-wrap .accident_box .accident_box-body {
    text-align: center;
  }

  .service .truckbus_guarantee-wrap .accident_box .accident_box-body .accident_imgbox {
    display: inline-block;
    padding: 0px 20px 0px 0px;
  }

  .service .truckbus_guarantee-wrap .accident_box .accident_box-body .accident_imgbox img {
    width: 120px;
  }

  .service .truckbus_guarantee-wrap .accident_box .accident_box-body .accident_imgbox .accident_name {
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
  }

  .service .truckbus_guarantee-wrap .con-body_space {
    margin-bottom: 0;
  }
}

.service .general_guarantee-wrap {
  margin-top: 130px;
}

.service .general_guarantee-wrap .general_guarantee-list {
  font-size: 16px;
  color: #5e5e5e;
  line-height: 26px;
  margin-bottom: 80px;
}

.service .general_guarantee-wrap .general_guarantee-list.marginout_item {
  margin-bottom: 20px;
}

.service .general_guarantee-wrap .general_guarantee-list .con-body_space {
  margin-top: 27px;
}

.service .general_guarantee-wrap .last_item {
  margin-bottom: 0;
}

.service .general_guarantee-wrap .last_item .general_guarantee-list {
  margin-bottom: 0;
}

.service .general_guarantee-wrap .exception_title {
  font-size: 17px;
  margin-bottom: 5px;
  color: #5e5e5e;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  .service {
 /* 일반 보증제도*/;
  }

  .service .general_guarantee-wrap {
    margin-top: 45px;
  }

  .service .general_guarantee-wrap .general_guarantee-list {
    font-size: 13px;
    color: #5e5e5e;
    line-height: 20px;
    margin-bottom: 40px;
  }

  .service .general_guarantee-wrap .general_guarantee-list .mark_dot-list li::after {
    top: 9px;
  }

  .service .general_guarantee-wrap .general_guarantee-list .con-body_space {
    margin-top: 15px;
  }

  .service .general_guarantee-wrap .exception_title {
    font-size: 14px;
    margin-bottom: 5px;
    color: #5e5e5e;
    font-weight: 600;
  }
}

/* 고객 요청  FAQ 답글 글자 띄어쓰기 */
#contents .faq_box-list-panel .box-body .box-body_cont {
  word-wrap: inherit;
  word-break: break-all;
}

.is_mb .service .faq_box-list .box-head {
 /* &:after {top:50%; right:10px; margin-top:-2.5px; @include sp_icons_mb($icon-faq_arrow-mb);} */;
}

.is_mb .service .faq_box-list .box-head .icon-faq_arrow {
  top: 50%;
  right: 15px;
  margin-top: -7px;
}

.is_mb .service .customer_guide .tel-box:after {
  content: "";
  position: absolute;
  left: 18px;
  top: 44px;
  width: 49.5px;
  height: 48.5px;
  background-position: -65px -83.5px;
}

.is_mb .service .customer_guide .qna-box:after {
  content: "";
  position: absolute;
  left: 19px;
  top: 46px;
  width: 47px;
  height: 42px;
  background-position: 0px -148.5px;
}

.is_mb .service .branch_box-list .box-head .box-head-toggle:after {
  content: "";
  width: 15px;
  height: 15px;
  background-position: -302px -27px;
}

@media screen and (max-width: 579px) {
  .service .customer_guide .tel-box, .service .customer_guide .qna-box {
    float: none;
    padding: 20px 20px 20px 88px;
    height: auto;
    width: auto;
  }

  .service .customer_guide .qna-box {
    border-top: 1px solid #e6e6e6;
  }

  .service .customer_guide .qna-box .bottom {
    margin-top: 0;
  }

  .service .customer_guide .qna-box:before {
    display: none;
  }

  .service .customer_guide .bottom {
    line-height: 1;
  }
}

/* ======================== ESG 공통 ======================== */
.esgcon_img, .esgcon_table, .esgcon_body {
  position: relative;
  margin-top: 60px;
  padding: 0 60px;
}

@media all and (max-width: 1023px) {
  .esgcon_img, .esgcon_table, .esgcon_body {
    margin-top: 30px;
    padding: 0 0px;
  }
}

.esgcon_img .title, .esgcon_table .title, .esgcon_body .title {
  padding-bottom: 6px;
  margin-bottom: 0;
  border-bottom: 1px solid #c7000b;
}

.esgcon_img .title span, .esgcon_table .title span, .esgcon_body .title span {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}

.esgcon_img .title.cont_title, .esgcon_table .title.cont_title, .esgcon_body .title.cont_title {
  margin-bottom: 5px;
  border-bottom: 0;
}

.esgcon_img .title.cont_title span, .esgcon_table .title.cont_title span, .esgcon_body .title.cont_title span {
  font-size: 20px;
  font-weight: bold;
}

.esgcon_img .title.cont_title + p, .esgcon_table .title.cont_title + p, .esgcon_body .title.cont_title + p {
  font-size: 16px;
}

@media all and (max-width: 1023px) {
  .esgcon_img .title, .esgcon_table .title, .esgcon_body .title {
    padding-bottom: 6px;
  }

  .esgcon_img .title span, .esgcon_table .title span, .esgcon_body .title span {
    font-size: 13px;
  }

  .esgcon_img .title.cont_title, .esgcon_table .title.cont_title, .esgcon_body .title.cont_title {
    margin-bottom: 0px;
    border-bottom: 0;
  }

  .esgcon_img .title.cont_title span, .esgcon_table .title.cont_title span, .esgcon_body .title.cont_title span {
    font-size: 13px;
    font-weight: bold;
  }

  .esgcon_img .title.cont_title + p, .esgcon_table .title.cont_title + p, .esgcon_body .title.cont_title + p {
    font-size: 10px;
    line-height: 1.5;
  }
}

.esgcon_img .img-box img, .esgcon_table .img-box img, .esgcon_body .img-box img {
  width: 100%;
}

.esgcon_img .table-box, .esgcon_table .table-box, .esgcon_body .table-box {
  margin-top: 24px;
}

@media all and (max-width: 1023px) {
  .esgcon_img .table-box, .esgcon_table .table-box, .esgcon_body .table-box {
    margin-top: 20px;
  }
}

.esgcon_img .table-box table th, .esgcon_img .table-box table td, .esgcon_table .table-box table th, .esgcon_table .table-box table td, .esgcon_body .table-box table th, .esgcon_body .table-box table td {
  padding: 10px;
}

.esgcon_img .table-box table td.td_top, .esgcon_table .table-box table td.td_top, .esgcon_body .table-box table td.td_top {
  vertical-align: top;
  padding: 20px 10px;
}

.esgcon_img .table-box table .mark_dot-list, .esgcon_table .table-box table .mark_dot-list, .esgcon_body .table-box table .mark_dot-list {
  text-align: left;
}

.esgcon_img .table-box table .mark_dot-list > li, .esgcon_table .table-box table .mark_dot-list > li, .esgcon_body .table-box table .mark_dot-list > li {
  font-style: 16px;
}

.esgcon_img .table-box table .mark_dot-list > li:after, .esgcon_table .table-box table .mark_dot-list > li:after, .esgcon_body .table-box table .mark_dot-list > li:after {
  top: 9px;
  border-radius: 50%;
}

.esgcon_img .table-box table .mark_dot-list > li + li, .esgcon_table .table-box table .mark_dot-list > li + li, .esgcon_body .table-box table .mark_dot-list > li + li {
  margin-top: 5px;
}

@media all and (max-width: 1023px) {
  .esgcon_img .table-box table .mark_dot-list > li:after, .esgcon_table .table-box table .mark_dot-list > li:after, .esgcon_body .table-box table .mark_dot-list > li:after {
    top: 7px;
  }
}

/* ======================== ESG 개요 ======================== */
.tab-wrap + .esg_ceo-wrap {
  margin-top: 80px;
}

.tab-wrap + .esg_policy-wrap {
  margin-top: 80px;
}

.tab-wrap + .esg_initiative-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 1023px) {
  .tab-wrap + .esg_ceo-wrap {
    margin-top: 30px;
  }

  .tab-wrap + .esg_policy-wrap {
    margin-top: 30px;
  }

  .tab-wrap + .esg_initiative-wrap {
    margin-top: 30px;
  }
}

/* CEO 메시지 */
.esg_ceo-wrap .con-body {
  margin-top: 60px;
}

.esg_ceo-wrap .con-body .ceo_box {
  position: relative;
}

.esg_ceo-wrap .con-body .ceo_box .ceo_txt {
  padding-right: 410px;
  color: #5e5e5e;
  min-height: 400px;
  line-height: 26px;
}

.esg_ceo-wrap .con-body .ceo_box .ceo_txt em.accent {
  display: block;
  color: #e50012;
  font-weight: 500;
}

.esg_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-subtit {
  font-size: 20px;
  color: #000;
}

.esg_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-name {
  margin-top: 5px;
  font-size: 22px;
  color: #000;
  font-weight: bold;
}

.esg_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-name .signature {
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  margin-left: 15px;
}

.esg_ceo-wrap .con-body .ceo_box .ceo_photo {
  position: absolute;
  right: 0px;
  width: 314px;
  height: 383px;
}

@media screen and (max-width: 1023px) {
  .esg_ceo-wrap .con-body {
    margin-top: 20px;
  }

  .esg_ceo-wrap .con-body .ceo_box {
    position: relative;
  }

  .esg_ceo-wrap .con-body .ceo_box .ceo_txt {
    padding-right: 0;
    min-height: 0px;
    line-height: 20px;
    font-size: 13px;
  }

  .esg_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-subtit {
    font-size: 15px;
    color: #000;
    line-height: 26px;
  }

  .esg_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-name {
    font-size: 17px;
    color: #000;
    font-weight: bold;
    line-height: 26px;
  }

  .esg_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-name .signature {
    vertical-align: top;
    margin-top: 5px;
    margin-left: 10px;
  }

  .esg_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-name .signature img {
    width: 60px;
  }

  .esg_ceo-wrap .con-body .ceo_box .ceo_photo {
    position: relative;
    top: 0px;
    text-align: center;
    width: 100%;
    max-width: 400px;
    height: auto;
    margin: 0 auto;
  }

  .esg_ceo-wrap .con-body .ceo_box .ceo_photo img {
    width: 100%;
    margin-top: 30px;
  }
}

/* 비전 */
.esg_policy-wrap {
  margin-top: 80px;
}

.esg_policy-wrap .img-box {
  margin-top: 75PX;
  padding: 0 125px;
}

.esg_policy-wrap .img-box img {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .esg_policy-wrap .img-box {
    margin-top: 20PX;
    padding: 0px;
  }

  .esg_policy-wrap .img-box img {
    width: 100%;
  }
}

.esg_policy-wrap .company_policy-block + .company_policy-block {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

.esg_policy-wrap .policy_img-box {
  margin-top: 80px;
}

.esg_policy-wrap .policy_img-box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.esg_policy-wrap .con-header .title {
  position: relative;
}

.esg_policy-wrap .con-header .title .line_block + .btn_set {
  padding-left: 150px;
}

.esg_policy-wrap .con-header .title .btn_set {
  margin-top: 20px;
 /* position: absolute; bottom:0;right:0; */;
}

@media screen and (max-width: 1023px) {
  .esg_policy-wrap .con-header .title .line_block + .btn_set {
    margin-top: 15px;
    padding-left: 16px;
  }
}

.esg_policy-wrap .rule-box {
  background: #f6f6f6;
  padding: 50px 50px 44px;
  margin-top: 35px;
}

.esg_policy-wrap .rule-box h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
  line-height: 1;
}

.esg_policy-wrap .rule-box + .rule-box {
  margin-top: 20px;
}

.esg_policy-wrap .rule-box .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_policy-wrap .rule-box .mark_dot-list2 > li:after {
  top: 13.5px;
}

@media screen and (max-width: 1023px) {
  .esg_policy-wrap .rule-box {
    margin-top: 20px;
    padding: 22px 20px 18px;
  }

  .esg_policy-wrap .rule-box h4 {
    font-size: 15px;
    margin-bottom: 9px;
  }

  .esg_policy-wrap .rule-box .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
  }

  .esg_policy-wrap .rule-box .mark_dot-list2 > li:after {
    top: 9px;
  }
}

.esg_policy-wrap .rule-box_set {
  margin-top: 60px;
  text-align: center;
}

.esg_policy-wrap .rule-box_set .rule-box {
  margin-top: 0;
  text-align: left;
}

.esg_policy-wrap .rule-box_set .rule-box.half {
  max-width: 482px;
  width: 48%;
  height: 242px;
  display: inline-block;
}

.esg_policy-wrap .rule-box_set .rule-box + .rule-box {
  margin-top: 0;
  margin-left: 30px;
}

.esg_policy-wrap .rule-box_set .rule-box .desc {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1023px) {
  .esg_policy-wrap .rule-box_set {
    margin-top: 30px;
  }

  .esg_policy-wrap .rule-box_set .rule-box.half {
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
  }

  .esg_policy-wrap .rule-box_set .rule-box + .rule-box {
    margin-top: 30px;
    margin-left: 0;
  }

  .esg_policy-wrap .rule-box_set .rule-box .desc {
    font-size: 13px;
    line-height: 21px;
  }
}

.esg_policy-wrap .esg_circle_intro {
  max-width: 1093px;
  margin: 70px auto 0;
}

.esg_policy-wrap .esg_circle_intro:after {
  content: "";
  display: table;
  clear: both;
}

.esg_policy-wrap .esg_circle_intro > li {
  float: left;
  width: 25%;
  padding: 0 5px;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box {
  max-width: 259px;
  margin: 0 auto;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg {
  background: url(/resources/images/esg/bg_policy_2_1.png) no-repeat;
  width: 192px;
  height: 230px;
  margin: 0 auto;
  text-align: center;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.type2 {
  background-image: url(/resources/images/esg/bg_policy_2_2.png);
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.type3 {
  background-image: url(/resources/images/esg/bg_policy_2_3.png);
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.type4 {
  background-image: url(/resources/images/esg/bg_policy_2_4.png);
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.type5 {
  background-image: url(/resources/images/esg/bg_policy_2_5.png);
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.red {
  background-image: url(/resources/images/esg/bg_circle_red_sm.png);
  width: 140px;
  height: 171px;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.gray {
  background-image: url(/resources/images/esg/bg_circle_gray_sm.png);
  width: 140px;
  height: 171px;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding-top: 58px;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg span i {
  display: block;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg {
  width: 220px;
  height: 125px;
  margin: 0 auto;
  background: url(/resources/images/esg/bg_policy_3_1.png) no-repeat;
  text-align: center;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type2 {
  background-image: url(/resources/images/esg/bg_policy_3_2.png);
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type3 {
  background-image: url(/resources/images/esg/bg_policy_3_3.png);
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type4 {
  background-image: url(/resources/images/esg/bg_policy_3_4.png);
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding: 25px;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span i {
  display: block;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .desc {
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
  padding: 20px 20px;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
  top: 13.5px;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .desc.has-tit {
  padding-top: 0;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .desc.none-tit {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box .desc h5 {
  background: #f6f6f6;
  font-size: 18px;
  line-height: 46px;
  color: #222;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -20px;
  text-align: center;
  margin-bottom: 20px;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box.sm {
  max-width: 173px;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box.sm .circle-bg span {
  padding-top: 48px;
}

.esg_policy-wrap .esg_circle_intro .circle_intro-box.sm .desc {
  padding: 20px 15px 30px;
}

.esg_policy-wrap .esg_circle_intro.has-5 {
  margin: 0 -11px;
}

.esg_policy-wrap .esg_circle_intro.has-5 > li {
  width: 20%;
  padding: 0 11px;
}

.esg_policy-wrap .esg_circle_intro.has-4 {
  max-width: 1200px;
  margin: 0 auto;
}

.esg_policy-wrap .esg_circle_intro.has-4 > li {
  position: relative;
  width: 25%;
  padding: 0 25px;
}

.esg_policy-wrap .esg_circle_intro.has-4 .icon_inno_arrow {
  position: absolute;
  top: 210px;
  right: -5px;
}

.esg_policy-wrap .esg_circle_intro.has-4 .circle_intro-box {
  max-width: 245px;
  margin: 0 auto;
}

.esg_policy-wrap .esg_circle_intro.has-2 {
  max-width: 980px;
  margin: 0 auto;
}

.esg_policy-wrap .esg_circle_intro.has-2 > li {
  width: 50%;
  padding: 0 15px;
}

.esg_policy-wrap .esg_circle_intro.has-2 .circle_intro-box {
  max-width: 460px;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .esg_policy-wrap .esg_circle_intro {
    position: relative;
    margin: 35px auto 0;
  }

  .esg_policy-wrap .esg_circle_intro > li {
    float: left;
    width: 50%;
    padding: 0px 5px;
  }

  .esg_policy-wrap .esg_circle_intro > li:nth-child(2) {
    margin-top: 0;
  }

  .esg_policy-wrap .esg_circle_intro > li:nth-child(3), .esg_policy-wrap .esg_circle_intro > li:nth-child(4) {
    margin-top: 40px;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box {
    max-width: none;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg {
    background: url(/resources/images/esg/bg_policy_2_1_mb.png) no-repeat;
    width: 110px;
    height: 154.5px;
    margin: 0 auto;
    text-align: center;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.type2 {
    background-image: url(/resources/images/esg/bg_policy_2_2_mb.png);
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.type3 {
    background-image: url(/resources/images/esg/bg_policy_2_3_mb.png);
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.type4 {
    background-image: url(/resources/images/esg/bg_policy_2_4_mb.png);
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.type5 {
    background-image: url(/resources/images/esg/bg_policy_2_5_mb.png);
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.red {
    background-image: url(/resources/images/esg/bg_circle_red_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg.gray {
    background-image: url(/resources/images/esg/bg_circle_gray_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle-bg span {
    padding-top: 28px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -1px;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg {
    width: 210px;
    height: 102px;
    margin: 0 auto;
    background: url(/resources/images/esg/bg_policy_3_1_mb.png) no-repeat;
    background-size: 100%;
    text-align: center;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type2 {
    background-image: url(/resources/images/esg/bg_policy_3_2_mb.png);
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type3 {
    background-image: url(/resources/images/esg/bg_policy_3_3_mb.png);
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type4 {
    background-image: url(/resources/images/esg/esg_info/bg_policy_3_4_mb.png);
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span {
    font-weight: normal;
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span i {
    display: block;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .desc {
    padding: 15px;
    min-height: auto;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
    top: 9px;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .desc.has-tit {
    padding-top: 0;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .desc.none-tit {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .desc h5 {
    background: #f6f6f6;
    font-size: 14px;
    line-height: 46px;
    color: #222;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 -15px;
    text-align: center;
    margin-bottom: 15px;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box .desc h5.line2 {
    padding: 10px 0;
    min-height: 46px;
    line-height: 1.3;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box.sm {
    max-width: none;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box.sm .circle-bg span {
    padding-top: 40px;
  }

  .esg_policy-wrap .esg_circle_intro .circle_intro-box.sm .desc {
    padding: 15px 14px;
    min-height: 120px;
  }

  .esg_policy-wrap .esg_circle_intro.has-5 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .esg_policy-wrap .esg_circle_intro.has-5 > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 15px 5px;
    margin: 0 auto;
  }

  .esg_policy-wrap .esg_circle_intro.has-5 > li:last-child {
    padding: 15px 5px 0;
    float: none;
    clear: both;
  }

  .esg_policy-wrap .esg_circle_intro.has-4 {
    margin: 0 auto;
  }

  .esg_policy-wrap .esg_circle_intro.has-4 > li {
    position: relative;
    width: 100%;
    padding: 0 0px;
  }

  .esg_policy-wrap .esg_circle_intro.has-4 > li:nth-child(2), .esg_policy-wrap .esg_circle_intro.has-4 > li:nth-child(3), .esg_policy-wrap .esg_circle_intro.has-4 > li:nth-child(4) {
    margin-top: 40px;
  }

  .esg_policy-wrap .esg_circle_intro.has-4 .icon_inno_arrow {
    position: absolute;
    top: auto;
    bottom: -25px;
    right: 50%;
    margin-right: -9px;
  }

  .esg_policy-wrap .esg_circle_intro.has-4 .circle_intro-box {
    max-width: 320px;
    margin: 0 auto;
  }

  .esg_policy-wrap .esg_circle_intro.has-2 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .esg_policy-wrap .esg_circle_intro.has-2 > li {
    display: inline-block;
    vertical-align: top;
 /* width: 100%; */
    padding: 15px 5px;
    margin: 0 auto;
  }
}

.esg_policy-wrap .vision-table {
  display: table;
  width: 950px;
  margin: 25px auto 0;
  table-layout: fixed;
}

.esg_policy-wrap .vision-table .tr {
  display: table-row;
}

.esg_policy-wrap .vision-table .tr.border_line .th, .esg_policy-wrap .vision-table .tr.border_line .td {
  border-bottom: 1px solid #e2e2e2;
}

.esg_policy-wrap .vision-table .th {
  display: table-cell;
  width: 150px;
  font-size: 20px;
  line-height: 28px;
  color: #222;
  font-weight: bold;
  padding: 15px 0;
}

.esg_policy-wrap .vision-table .td {
  display: table-cell;
  padding: 15px 0;
  width: auto;
}

.esg_policy-wrap .vision-table .td .txt {
  font-size: 20px;
  line-height: 28px;
  color: #e50012;
  text-align: center;
}

.esg_policy-wrap .vision-table.vision-table-block {
  margin-top: 0;
  display: block;
}

.esg_policy-wrap .vision-table.vision-table-block .tr, .esg_policy-wrap .vision-table.vision-table-block .th, .esg_policy-wrap .vision-table.vision-table-block .td {
  display: block;
  width: 100%;
}

.esg_policy-wrap .vision-table.vision-table-block .esg_circle_intro {
  margin-top: 20px;
}

.esg_policy-wrap .vision-table .vision_img {
  text-align: center;
  font-size: 0;
  line-height: 0;
  padding: 15px 0 30px;
}

.esg_policy-wrap .vision-table .icon-vision-arrow {
  margin: -10px auto 20px;
}

@media screen and (max-width: 1023px) {
  .esg_policy-wrap .vision-table {
    display: block;
    width: 100%;
    margin: 17px auto 0;
  }

  .esg_policy-wrap .vision-table .tr {
    display: block;
    padding: 20px 0 20px;
  }

  .esg_policy-wrap .vision-table .tr.border_line {
    border-bottom: 1px solid #e2e2e2;
  }

  .esg_policy-wrap .vision-table .tr.border_line .th, .esg_policy-wrap .vision-table .tr.border_line .td {
    border-bottom: 0;
  }

  .esg_policy-wrap .vision-table .th {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
  }

  .esg_policy-wrap .vision-table .td {
    display: block;
    padding: 0;
    width: auto;
  }

  .esg_policy-wrap .vision-table .td .txt {
    font-size: 13px;
    line-height: 24px;
    color: #e50012;
    text-align: center;
  }

  .esg_policy-wrap .vision-table .vision_img {
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 20px 0;
  }

  .esg_policy-wrap .vision-table .vision_img img {
    width: 292px;
    max-width: 100%;
  }

  .esg_policy-wrap .vision-table .define-box_set {
    margin-top: 0;
    width: 100%;
    padding: 10px 0;
  }

  .esg_policy-wrap .vision-table .define-box_set .define-box {
    width: 100%;
  }

  .esg_policy-wrap .vision-table .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 40px;
  }

  .esg_policy-wrap .vision-table .define-box_set .define-box dd {
    background: #fff;
    padding: 17px 12px;
    height: auto;
  }

  .esg_policy-wrap .vision-table .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .esg_policy-wrap .vision-table .define-box_set .define-box.long dd {
    height: auto;
  }

  .esg_policy-wrap .vision-table .icon-vision-arrow {
    margin: -10px auto 20px;
  }

  .esg_policy-wrap .vision-table.vision-table-block .esg_circle_intro {
    margin-top: 15px;
  }
}

/* 이니셔티브 및 평가 결과 */
.esg_initiative-wrap {
  margin-top: 120px;
}

.esg_initiative-wrap .con-body .history-area {
  position: relative;
  margin-top: 105px;
}

.esg_initiative-wrap .con-body .history-area .history-list {
  position: relative;
  background: url(/resources/images/esg/esg_info/history_line.png) center 30px repeat-y;
}

.esg_initiative-wrap .con-body .history-area .history-list .inner {
  position: relative;
  margin-top: -25px;
  padding-bottom: 30px;
}

.esg_initiative-wrap .con-body .history-area .history-list .inner img {
  height: 60px;
}

.esg_initiative-wrap .con-body .history-area .history-list .inner .item_logo .block-img {
  display: block;
}

.esg_initiative-wrap .con-body .history-area .history-list > li {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.esg_initiative-wrap .con-body .history-area .history-list > li + li {
  margin-top: 30px;
}

.esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(odd) .inner {
  padding-left: calc( 50% + 80px);
  text-align: left;
}

.esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(odd) .item_tit::before {
  position: absolute;
  top: 23px;
  left: -80px;
  right: auto;
}

.esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(odd) .item_tit::after {
  position: absolute;
  top: 18px;
  left: -85px;
  right: auto;
}

.esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(odd) .item_logo {
  position: absolute;
  top: -10px;
  left: 0;
  padding-left: calc( 50% + 250px);
}

.esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(even) .inner {
  padding-right: calc( 50% + 80px);
  text-align: right;
}

.esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(even) .item_tit::before {
  position: absolute;
  top: 23px;
  right: -80px;
  left: auto;
}

.esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(even) .item_tit::after {
  position: absolute;
  top: 18px;
  right: -85px;
  left: auto;
}

.esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(even) .item_logo {
  position: absolute;
  top: -10px;
  right: 0;
  padding-right: calc( 50% + 250px);
}

.esg_initiative-wrap .con-body .history-area .item_tit {
  position: relative;
}

.esg_initiative-wrap .con-body .history-area .item_tit span {
  font-size: 38px;
  font-weight: 500;
  color: #000000;
  line-height: 1.1;
}

.esg_initiative-wrap .con-body .history-area .item_tit::before, .esg_initiative-wrap .con-body .history-area .item_tit::after {
  content: "";
  display: block;
}

.esg_initiative-wrap .con-body .history-area .item_tit::before {
  width: 65px;
  height: 1px;
  background-color: #ffb2b2;
}

.esg_initiative-wrap .con-body .history-area .item_tit::after {
  width: 11px;
  height: 11px;
  background-color: #e50012;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.esg_initiative-wrap .con-body .history-area .item_con p {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #5e5e5e;
}

.esg_initiative-wrap .con-body .history-area .item_con p + ul {
  margin-top: 10px;
}

.esg_initiative-wrap .con-body .history-area .item_con p + ul > li {
  color: #5e5e5e;
}

.esg_initiative-wrap .con-body .history-area .item_con p + ul > li + li {
  margin-top: 10px;
}

.esg_initiative-wrap .con-body .history-area .item_con em {
  font-size: 20px;
  color: #e50012;
}

.esg_initiative-wrap .con-body .history-area .item_con b {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  .esg_initiative-wrap .con-body .company_history-wrap {
    margin-top: 30px;
  }

  .esg_initiative-wrap .con-body .company_history-wrap .image-area {
    margin-top: 40px;
  }

  .esg_initiative-wrap .con-body .company_history-wrap .image-area > div {
    width: calc( 100% + 28px);
    margin-left: -14px;
  }

  .esg_initiative-wrap .con-body .history-area {
    margin-top: 50px;
  }

  .esg_initiative-wrap .con-body .history-area::after {
    margin-top: 50px;
  }

  .esg_initiative-wrap .con-body .history-area .history-list .inner {
    margin-top: -10px;
    padding-bottom: 0;
  }

  .esg_initiative-wrap .con-body .history-area .history-list .inner img {
    height: 35px;
  }

  .esg_initiative-wrap .con-body .history-area .history-list > li + li {
    margin-top: 30px;
  }

  .esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(odd) .inner {
    padding-left: calc( 50% + 40px);
  }

  .esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(odd) .inner .item_logo {
    position: relative;
    top: 0px;
    left: 0;
    padding-left: 0;
  }

  .esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(odd) .item_tit::before {
    top: 11px;
    left: -40px;
  }

  .esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(odd) .item_tit::after {
    top: 8px;
    left: -44px;
  }

  .esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(even) .inner {
    padding-right: calc( 50% + 40px);
  }

  .esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(even) .inner .item_logo {
    position: relative;
    top: 0px;
    right: 0;
    padding-right: 0px;
  }

  .esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(even) .item_tit::before {
    top: 11px;
    right: -40px;
  }

  .esg_initiative-wrap .con-body .history-area .history-list > li:nth-child(even) .item_tit::after {
    top: 8px;
    right: -44px;
  }

  .esg_initiative-wrap .con-body .history-area .item_tit {
    position: relative;
  }

  .esg_initiative-wrap .con-body .history-area .item_tit span {
    font-size: 18px;
  }

  .esg_initiative-wrap .con-body .history-area .item_tit::before, .esg_initiative-wrap .con-body .history-area .item_tit::after {
    content: "";
    display: block;
  }

  .esg_initiative-wrap .con-body .history-area .item_tit::before {
    width: 35px;
    height: 1px;
    background-color: #ffb2b2;
  }

  .esg_initiative-wrap .con-body .history-area .item_tit::after {
    width: 8px;
    height: 8px;
    background-color: #e50012;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .esg_initiative-wrap .con-body .history-area .item_con {
    margin-top: 0px;
  }

  .esg_initiative-wrap .con-body .history-area .item_con p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
  }

  .esg_initiative-wrap .con-body .history-area .item_con p + ul {
    margin-top: 5px;
  }

  .esg_initiative-wrap .con-body .history-area .item_con p + ul > li {
    font-size: 13px;
    color: #5e5e5e;
  }

  .esg_initiative-wrap .con-body .history-area .item_con p + ul > li + li {
    margin-top: 5px;
  }

  .esg_initiative-wrap .con-body .history-area .item_con em {
    font-size: 14px;
  }

  .esg_initiative-wrap .con-body .history-area .item_con b {
    font-size: 13px;
  }
}

.esg_initiative-wrap .con-foot .result-area {
  margin-top: calc(200px - 25px);
  position: relative;
}

.esg_initiative-wrap .con-foot .result-area .logs_col {
  width: calc( 100% + 24px);
  margin-left: -14px;
}

.esg_initiative-wrap .con-foot .result-area .logs_col > .colitem {
  margin-top: 25px;
  padding: 0 14px;
}

@media screen and (max-width: 1023px) {
  .esg_initiative-wrap .con-foot .result-area .logs_col > .colitem {
    width: 100%;
    margin-top: 20px;
  }
}

.esg_initiative-wrap .con-foot .result-area .logitem_col > .colitem .white-box {
  text-align: center;
  border: 1px solid #efefef;
}

.esg_initiative-wrap .con-foot .result-area .logitem_col > .colitem .white-box img {
  max-width: 100%;
}

.esg_initiative-wrap .con-foot .result-area .logitem_col > .colitem .gray-box {
  text-align: center;
  background-color: #efefef;
}

.esg_initiative-wrap .con-foot .result-area .logitem_col > .colitem .gray-box img {
  max-width: 100%;
}

.esg_initiative-wrap .con-foot .result-area .white-box {
  padding: 5px 0;
  height: 146px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.esg_initiative-wrap .con-foot .result-area .gray-box {
  padding: 15px 0;
  height: 146px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.esg_initiative-wrap .con-foot .result-area .gray-box.big-item {
  padding: 12px 0;
}

@media screen and (max-width: 1023px) {
  .esg_initiative-wrap .con-foot .result-area {
    margin-top: calc(50px - 20px);
  }

  .esg_initiative-wrap .con-foot .result-area .white-box {
    padding: 10px 0;
    height: 72px;
  }

  .esg_initiative-wrap .con-foot .result-area .white-box img {
    height: 50px;
  }

  .esg_initiative-wrap .con-foot .result-area .gray-box {
    padding: 9px 0 8px 0;
    height: 72px;
  }

  .esg_initiative-wrap .con-foot .result-area .gray-box img {
    height: 55px;
  }
}

.tab-wrap + .esg_climate-wrap {
  margin-top: 80px;
}

.tab-wrap + .esg_eco_b-wrap {
  margin-top: 80px;
}

.tab-wrap + .esg_eco_p-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 1023px) {
  .tab-wrap + .esg_climate-wrap {
    margin-top: 30px;
  }

  .tab-wrap + .esg_eco_b-wrap {
    margin-top: 30px;
  }

  .tab-wrap + .esg_eco_p-wrap {
    margin-top: 30px;
  }
}

/* 친환경 사업장 , 친환경 제품 */
.esg_eco_b-wrap + .esg_eco_b-wrap, .esg_eco_p-wrap + .esg_eco_b-wrap {
  margin-top: 140px;
}

.esg_eco_b-wrap + .esg_eco_p-wrap, .esg_eco_p-wrap + .esg_eco_p-wrap {
  margin-top: 80px;
}

.esg_eco_b-wrap + .esg_eco_p-wrap .body-inner, .esg_eco_p-wrap + .esg_eco_p-wrap .body-inner {
  padding-top: 80px;
}

.esg_eco_b-wrap + .esg_eco_p-wrap .body-inner::before, .esg_eco_p-wrap + .esg_eco_p-wrap .body-inner::before {
  content: "";
  display: block;
  width: calc(100% - 80px);
  height: 1px;
  background-color: #e2e2e2;
  position: absolute;
  top: 0;
  left: 40px;
}

@media screen and (max-width: 1023px) {
  .esg_eco_b-wrap + .esg_eco_p-wrap, .esg_eco_p-wrap + .esg_eco_p-wrap {
    margin-top: 40px;
  }

  .esg_eco_b-wrap + .esg_eco_p-wrap .body-inner, .esg_eco_p-wrap + .esg_eco_p-wrap .body-inner {
    padding-top: 40px;
  }

  .esg_eco_b-wrap + .esg_eco_p-wrap .body-inner::before, .esg_eco_p-wrap + .esg_eco_p-wrap .body-inner::before {
    width: calc(100% - 40px);
    left: 20px;
  }
}

@media screen and (max-width: 1023px) {
  .esg_eco_b-wrap + .esg_eco_b-wrap, .esg_eco_p-wrap + .esg_eco_b-wrap {
    margin-top: 60px;
  }

  .esg_eco_b-wrap + .esg_eco_p-wrap, .esg_eco_p-wrap + .esg_eco_p-wrap {
    margin-top: 60px;
  }
}

/* 기후변화 대응 */
.esg_climate-wrap .con-header .title .line_block {
  margin-top: 40px;
}

.esg_climate-wrap .carbon_img {
  position: relative;
  margin-top: 40px;
  padding: 0 60px;
}

.esg_climate-wrap .carbon_img .title {
  padding-bottom: 6px;
  margin-bottom: 0;
  border-bottom: 1px solid #c7000b;
}

.esg_climate-wrap .carbon_img .title span {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}

.esg_climate-wrap .carbon_img .img-box img {
  width: 100%;
}

@media all and (max-width: 1023px) {
  .esg_climate-wrap .carbon_img {
    padding: 0;
  }

  .esg_climate-wrap .carbon_img .title span {
    font-size: 13px;
    font-weight: 400;
  }

  .esg_climate-wrap .carbon_img .img-box img {
    min-width: 700px;
    margin: 0 auto;
  }
}

.esg_climate-wrap .SBTi_img {
  position: relative;
  padding-left: 225px;
  min-height: 100px;
}

.esg_climate-wrap .SBTi_img .img-box {
  position: absolute;
  left: 0;
  width: 180px;
  height: 100px;
}

.esg_climate-wrap .SBTi_img .img-box img {
  width: 100%;
}

.esg_climate-wrap .SBTi_img .text-box {
  padding-top: 10px;
}

@media all and (max-width: 1023px) {
  .esg_climate-wrap .SBTi_img {
    padding-left: 0;
  }

  .esg_climate-wrap .SBTi_img .img-box {
    position: relative;
    margin: 30px auto;
    width: 158px;
    height: 77px;
  }
}

/* 친환경 사업장 , 친환경 제품 */
.esg_eco_b-wrap .con-header .title .line_block, .esg_eco_p-wrap .con-header .title .line_block {
  margin-top: 40px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .con-header .title .line_block, .esg_eco_p-wrap .con-header .title .line_block {
    margin-top: 20px;
  }
}

.esg_eco_b-wrap .esg_circle_intro, .esg_eco_p-wrap .esg_circle_intro {
  max-width: 1093px;
  margin: 70px auto 0;
}

.esg_eco_b-wrap .esg_circle_intro:after, .esg_eco_p-wrap .esg_circle_intro:after {
  content: "";
  display: table;
  clear: both;
}

.esg_eco_b-wrap .esg_circle_intro > li, .esg_eco_p-wrap .esg_circle_intro > li {
  float: left;
  width: 25%;
  padding: 0 5px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esg_circle_intro, .esg_eco_p-wrap .esg_circle_intro {
    position: relative;
    margin: 35px auto 0;
  }

  .esg_eco_b-wrap .esg_circle_intro > li, .esg_eco_p-wrap .esg_circle_intro > li {
    width: 50%;
  }

  .esg_eco_b-wrap .esg_circle_intro > li:nth-child(2), .esg_eco_p-wrap .esg_circle_intro > li:nth-child(2) {
    margin-top: 0;
  }

  .esg_eco_b-wrap .esg_circle_intro > li:nth-child(3), .esg_eco_b-wrap .esg_circle_intro > li:nth-child(4), .esg_eco_p-wrap .esg_circle_intro > li:nth-child(3), .esg_eco_p-wrap .esg_circle_intro > li:nth-child(4) {
    margin-top: 40px;
  }
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box {
  max-width: 259px;
  margin: 0 auto;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box {
    max-width: none;
  }
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg {
  background: url(/resources/images/esg/bg_policy_2_1.png) no-repeat;
  width: 192px;
  height: 230px;
  margin: 0 auto;
  text-align: center;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.type2, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.type2 {
  background-image: url(/resources/images/esg/bg_policy_2_2.png);
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.type3, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.type3 {
  background-image: url(/resources/images/esg/bg_policy_2_3.png);
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.type4, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.type4 {
  background-image: url(/resources/images/esg/bg_policy_2_4.png);
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.type5, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.type5 {
  background-image: url(/resources/images/esg/bg_policy_2_5.png);
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.red, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.red {
  background-image: url(/resources/images/esg/bg_circle_red_sm.png);
  width: 140px;
  height: 171px;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.gray, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.gray {
  background-image: url(/resources/images/esg/bg_circle_gray_sm.png);
  width: 140px;
  height: 171px;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg span, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding-top: 58px;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg span i, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg span i {
  display: block;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg {
    background: url(/resources/images/esg/bg_policy_2_1_mb.png) no-repeat;
    width: 110px;
    height: 154.5px;
    margin: 0 auto;
    text-align: center;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.type2, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.type2 {
    background-image: url(/resources/images/esg/bg_policy_2_2_mb.png);
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.type3, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.type3 {
    background-image: url(/resources/images/esg/bg_policy_2_3_mb.png);
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.type4, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.type4 {
    background-image: url(/resources/images/esg/bg_policy_2_4_mb.png);
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.type5, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.type5 {
    background-image: url(/resources/images/esg/bg_policy_2_5_mb.png);
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.red, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.red {
    background-image: url(/resources/images/esg/bg_circle_red_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg.gray, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg.gray {
    background-image: url(/resources/images/esg/bg_circle_gray_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle-bg span, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle-bg span {
    padding-top: 28px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -1px;
  }
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg {
  width: 220px;
  height: 125px;
  margin: 0 auto;
  background: url(/resources/images/esg/bg_policy_3_1.png) no-repeat;
  text-align: center;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type2, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type2 {
  background-image: url(/resources/images/esg/bg_policy_3_2.png);
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type3, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type3 {
  background-image: url(/resources/images/esg/bg_policy_3_3.png);
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type4, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type4 {
  background-image: url(/resources/images/esg/bg_policy_3_4.png);
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding: 25px;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span i, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span i {
  display: block;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg {
    width: 210px;
    height: 102px;
    margin: 0 auto;
    background: url(/resources/images/eag/bg_policy_3_1_mb.png) no-repeat;
    background-size: 100%;
    text-align: center;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type2, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type2 {
    background-image: url(/resources/images/eag/bg_policy_3_2_mb.png);
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type3, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type3 {
    background-image: url(/resources/images/eag/bg_policy_3_3_mb.png);
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type4, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg.type4 {
    background-image: url(/resources/images/eag/bg_policy_3_4_mb.png);
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span {
    font-weight: normal;
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span i, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .circle_w-bg span i {
    display: block;
  }
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc {
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
  padding: 20px 20px;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
  top: 13.5px;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc.has-tit, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc.has-tit {
  padding-top: 0;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc.none-tit, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc.none-tit {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc h5, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc h5 {
  padding: 10px 0;
  min-height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
  font-size: 18px;
  line-height: 25px;
  color: #222;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -20px;
  text-align: center;
  margin-bottom: 20px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc {
    padding: 15px;
    min-height: auto;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
    top: 9px;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc.has-tit, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc.has-tit {
    padding-top: 0;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc.none-tit, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc.none-tit {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc h5, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc h5 {
    background: #f6f6f6;
    font-size: 14px;
    line-height: 46px;
    color: #222;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 -15px;
    text-align: center;
    margin-bottom: 15px;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box .desc h5.line2, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box .desc h5.line2 {
    padding: 10px 0;
    min-height: 46px;
    line-height: 1.3;
  }
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box.sm, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box.sm {
  max-width: 173px;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box.sm .circle-bg span, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box.sm .circle-bg span {
  padding-top: 48px;
}

.esg_eco_b-wrap .esg_circle_intro .circle_intro-box.sm .desc, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box.sm .desc {
  padding: 20px 15px 30px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box.sm, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box.sm {
    max-width: none;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box.sm .circle-bg span, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box.sm .circle-bg span {
    padding-top: 40px;
  }

  .esg_eco_b-wrap .esg_circle_intro .circle_intro-box.sm .desc, .esg_eco_p-wrap .esg_circle_intro .circle_intro-box.sm .desc {
    padding: 15px 14px;
    min-height: 120px;
  }
}

.esg_eco_b-wrap .esg_circle_intro.has-5, .esg_eco_p-wrap .esg_circle_intro.has-5 {
  margin: 0 -11px;
}

.esg_eco_b-wrap .esg_circle_intro.has-5 > li, .esg_eco_p-wrap .esg_circle_intro.has-5 > li {
  width: 20%;
  padding: 0 11px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esg_circle_intro.has-5, .esg_eco_p-wrap .esg_circle_intro.has-5 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .esg_eco_b-wrap .esg_circle_intro.has-5 > li, .esg_eco_p-wrap .esg_circle_intro.has-5 > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 15px 5px;
    margin: 0 auto;
  }

  .esg_eco_b-wrap .esg_circle_intro.has-5 > li:last-child, .esg_eco_p-wrap .esg_circle_intro.has-5 > li:last-child {
    padding: 15px 5px 0;
    float: none;
    clear: both;
  }
}

.esg_eco_b-wrap .esg_circle_intro.has-4, .esg_eco_p-wrap .esg_circle_intro.has-4 {
  max-width: 1200px;
  margin: 0 auto;
}

.esg_eco_b-wrap .esg_circle_intro.has-4 > li, .esg_eco_p-wrap .esg_circle_intro.has-4 > li {
  position: relative;
  width: 25%;
  padding: 0 25px;
}

.esg_eco_b-wrap .esg_circle_intro.has-4 .icon_inno_arrow, .esg_eco_p-wrap .esg_circle_intro.has-4 .icon_inno_arrow {
  position: absolute;
  top: 210px;
  right: -5px;
}

.esg_eco_b-wrap .esg_circle_intro.has-4 .circle_intro-box, .esg_eco_p-wrap .esg_circle_intro.has-4 .circle_intro-box {
  max-width: 245px;
  margin: 0 auto;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esg_circle_intro.has-4, .esg_eco_p-wrap .esg_circle_intro.has-4 {
    margin: 0 auto;
  }

  .esg_eco_b-wrap .esg_circle_intro.has-4 > li, .esg_eco_p-wrap .esg_circle_intro.has-4 > li {
    position: relative;
    width: 100%;
    padding: 0 0px;
  }

  .esg_eco_b-wrap .esg_circle_intro.has-4 > li:nth-child(2), .esg_eco_b-wrap .esg_circle_intro.has-4 > li:nth-child(3), .esg_eco_b-wrap .esg_circle_intro.has-4 > li:nth-child(4), .esg_eco_p-wrap .esg_circle_intro.has-4 > li:nth-child(2), .esg_eco_p-wrap .esg_circle_intro.has-4 > li:nth-child(3), .esg_eco_p-wrap .esg_circle_intro.has-4 > li:nth-child(4) {
    margin-top: 40px;
  }

  .esg_eco_b-wrap .esg_circle_intro.has-4 .icon_inno_arrow, .esg_eco_p-wrap .esg_circle_intro.has-4 .icon_inno_arrow {
    position: absolute;
    top: auto;
    bottom: -25px;
    right: 50%;
    margin-right: -9px;
  }

  .esg_eco_b-wrap .esg_circle_intro.has-4 .circle_intro-box, .esg_eco_p-wrap .esg_circle_intro.has-4 .circle_intro-box {
    max-width: 320px;
    margin: 0 auto;
  }
}

.esg_eco_b-wrap .esg_circle_intro.has-2, .esg_eco_p-wrap .esg_circle_intro.has-2 {
  max-width: 980px;
  margin: 0 auto;
}

.esg_eco_b-wrap .esg_circle_intro.has-2 > li, .esg_eco_p-wrap .esg_circle_intro.has-2 > li {
  width: 50%;
  padding: 0 15px;
}

.esg_eco_b-wrap .esg_circle_intro.has-2 .circle_intro-box, .esg_eco_p-wrap .esg_circle_intro.has-2 .circle_intro-box {
  max-width: 460px;
  margin: 0 auto;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esg_circle_intro.has-2, .esg_eco_p-wrap .esg_circle_intro.has-2 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .esg_eco_b-wrap .esg_circle_intro.has-2 > li, .esg_eco_p-wrap .esg_circle_intro.has-2 > li {
    display: inline-block;
    vertical-align: top;
 /* width: 100%; */
    padding: 15px 5px;
    margin: 0 auto;
  }
}

.esg_eco_b-wrap .circle_lca-box, .esg_eco_p-wrap .circle_lca-box {
  width: 743px;
  height: 320px;
  margin: 0 auto;
  text-align: center;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .circle_lca-box, .esg_eco_p-wrap .circle_lca-box {
    width: 100%;
    height: auto;
  }
}

.esg_eco_b-wrap .circle_lca-box .circle-bg, .esg_eco_p-wrap .circle_lca-box .circle-bg {
  display: inline-block;
  width: 176px;
  height: 182px;
  margin-top: 35px;
  text-align: center;
  background: url(/resources/images/esg/esg_environment/bg_policy_3_1.png) no-repeat;
}

.esg_eco_b-wrap .circle_lca-box .circle-bg > span, .esg_eco_p-wrap .circle_lca-box .circle-bg > span {
  display: block;
  padding-right: 25px;
  padding-top: 65px;
  color: #fff;
  font-size: 20px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .circle_lca-box .circle-bg, .esg_eco_p-wrap .circle_lca-box .circle-bg {
    width: 111px;
    height: 106px;
    margin-top: 0;
    margin-bottom: 13px;
    background: url(/resources/images/esg/esg_environment/bg_policy_3_1_mb.png) no-repeat;
    background-size: 100%;
  }

  .esg_eco_b-wrap .circle_lca-box .circle-bg > span, .esg_eco_p-wrap .circle_lca-box .circle-bg > span {
    padding-right: 0px;
    padding-top: 30px;
    font-size: 14px;
  }
}

.esg_eco_b-wrap .circle_lca-box .circle_system, .esg_eco_p-wrap .circle_lca-box .circle_system {
  display: inline-block;
  margin-left: 278px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .circle_lca-box .circle_system, .esg_eco_p-wrap .circle_lca-box .circle_system {
    display: block;
    margin-left: 0;
  }
}

.esg_eco_b-wrap .circle_lca-box .circle_system .circle_big, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big {
  position: relative;
  margin: 0 auto;
  width: 252px;
  height: 252px;
  margin-top: 35px;
  text-align: center;
  border: 1px solid #b6b6b6;
  background-color: #f6f6f6;
  border-radius: 50%;
}

.esg_eco_b-wrap .circle_lca-box .circle_system .circle_big > div, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big > div {
  position: absolute;
  width: 116px;
  height: 116px;
  border: 2px solid #a0a0a0;
  background-color: #fff;
  border-radius: 50%;
}

.esg_eco_b-wrap .circle_lca-box .circle_system .circle_big > div > span, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big > div > span {
  font-size: 20px;
  display: block;
  padding-top: 45px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .circle_lca-box .circle_system .circle_big, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big {
    width: 160px;
    height: 160px;
    border: 2px solid #b6b6b6;
  }

  .esg_eco_b-wrap .circle_lca-box .circle_system .circle_big > div, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big > div {
    width: 80px;
    height: 80px;
  }

  .esg_eco_b-wrap .circle_lca-box .circle_system .circle_big > div > span, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big > div > span {
    font-size: 13px;
    padding-top: 30px;
  }
}

.esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .circle_small-0, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .circle_small-0 {
  top: 50%;
  left: 50%;
  margin-top: -58px;
  margin-left: -58px;
  border: none;
  background-color: #f6f6f6;
}

.esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .circle_small-1, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .circle_small-1 {
  top: -35px;
  left: -35px;
}

.esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .circle_small-2, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .circle_small-2 {
  top: -35px;
  right: -35px;
}

.esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .circle_small-3, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .circle_small-3 {
  bottom: -35px;
  right: -35px;
}

.esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .circle_small-4, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .circle_small-4 {
  bottom: -35px;
  left: -35px;
}

.esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .line, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .line {
  width: 280px;
  height: 1px;
  top: 50%;
  left: -282px;
  border: 1px solid #d9d9d9;
  border-radius: 0;
}

.esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .dotted, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .dotted {
  width: 10px;
  height: 10px;
  background-color: #a0a0a0;
  top: 50%;
  left: -5px;
  margin-top: -5px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .circle_small-0, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .circle_small-0 {
    margin-top: -40px;
    margin-left: -40px;
  }

  .esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .circle_small-1, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .circle_small-1 {
    top: -22px;
    left: -22px;
  }

  .esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .circle_small-2, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .circle_small-2 {
    top: -22px;
    right: -22px;
  }

  .esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .circle_small-3, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .circle_small-3 {
    bottom: -22px;
    right: -22px;
  }

  .esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .circle_small-4, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .circle_small-4 {
    bottom: -22px;
    left: -22px;
  }

  .esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .line, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .line {
    width: 2px;
    height: 50px;
    top: -50px;
    left: 50%;
    margin-left: -1px;
  }

  .esg_eco_b-wrap .circle_lca-box .circle_system .circle_big .dotted, .esg_eco_p-wrap .circle_lca-box .circle_system .circle_big .dotted {
    width: 6px;
    height: 6px;
    top: 0;
    left: 50%;
    margin-left: -3px;
  }
}

.esg_eco_b-wrap .esgcon_img .reduction_col3, .esg_eco_p-wrap .esgcon_img .reduction_col3 {
  position: relative;
}

.esg_eco_b-wrap .esgcon_img .reduction_col3:after, .esg_eco_p-wrap .esgcon_img .reduction_col3:after {
  content: '';
  display: block;
  clear: both;
}

.esg_eco_b-wrap .esgcon_img .reduction_col3 .img-item, .esg_eco_p-wrap .esgcon_img .reduction_col3 .img-item {
  position: relative;
  float: left;
  text-align: center;
}

.esg_eco_b-wrap .esgcon_img .reduction_col3 .img-item + .img-item::before, .esg_eco_p-wrap .esgcon_img .reduction_col3 .img-item + .img-item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8.26446%;
  width: 1px;
  height: 220px;
  background-color: #c9c9c9;
}

.esg_eco_b-wrap .esgcon_img .reduction_col3 .img-item:nth-child(1), .esg_eco_p-wrap .esgcon_img .reduction_col3 .img-item:nth-child(1) {
  width: 31.48148%;
}

.esg_eco_b-wrap .esgcon_img .reduction_col3 .img-item:nth-child(2), .esg_eco_p-wrap .esgcon_img .reduction_col3 .img-item:nth-child(2) {
  width: 35.18519%;
}

.esg_eco_b-wrap .esgcon_img .reduction_col3 .img-item:nth-child(3), .esg_eco_p-wrap .esgcon_img .reduction_col3 .img-item:nth-child(3) {
  width: 33.33333%;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esgcon_img .img-box, .esg_eco_p-wrap .esgcon_img .img-box {
    max-width: 380px;
    margin: 0 auto;
  }

  .esg_eco_b-wrap .esgcon_img .reduction_col3, .esg_eco_p-wrap .esgcon_img .reduction_col3 {
    text-align: center;
  }

  .esg_eco_b-wrap .esgcon_img .reduction_col3 .only_mb + .only_mb, .esg_eco_p-wrap .esgcon_img .reduction_col3 .only_mb + .only_mb {
    margin-top: 10px;
  }

  .esg_eco_b-wrap .esgcon_img .reduction_col3 img, .esg_eco_p-wrap .esgcon_img .reduction_col3 img {
    width: 100%;
    max-width: 292px;
    margin: 0 auto;
  }
}

.esg_eco_b-wrap .tire_highlight-area, .esg_eco_p-wrap .tire_highlight-area {
  margin-top: 50px;
  padding: 0 60px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .tire_highlight-area, .esg_eco_p-wrap .tire_highlight-area {
    margin-top: 30px;
    padding: 0 0px;
  }
}

.esg_eco_b-wrap .tire_highlight-area .area-head, .esg_eco_p-wrap .tire_highlight-area .area-head {
  position: relative;
  padding: 0 50px;
  background-color: #c7000b;
  font-size: 0;
  background-image: url(/resources/images/esg/tab3-trie_highlight-right_bg.jpg);
  background-position: right 0;
  background-repeat: no-repeat;
}

.esg_eco_b-wrap .tire_highlight-area .area-head span, .esg_eco_p-wrap .tire_highlight-area .area-head span {
  font-size: 18px;
  width: 600;
  color: #fff;
  line-height: 27px;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .tire_highlight-area .area-head, .esg_eco_p-wrap .tire_highlight-area .area-head {
    padding: 0 10px;
  }

  .esg_eco_b-wrap .tire_highlight-area .area-head span, .esg_eco_p-wrap .tire_highlight-area .area-head span {
    font-size: 13px;
    line-height: 25px;
    font-weight: 700;
  }
}

.esg_eco_b-wrap .tire_highlight-area .area-body, .esg_eco_p-wrap .tire_highlight-area .area-body {
  position: relative;
  padding: 50px;
  background-color: #f4f4ed;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .tire_highlight-area .area-body, .esg_eco_p-wrap .tire_highlight-area .area-body {
    padding: 30px 20px;
  }
}

.esg_eco_b-wrap .tire_highlight-area .area-body .text-box strong, .esg_eco_p-wrap .tire_highlight-area .area-body .text-box strong {
  font-size: 18px;
  color: #222;
  font-weight: 500;
}

.esg_eco_b-wrap .tire_highlight-area .area-body .text-box p, .esg_eco_p-wrap .tire_highlight-area .area-body .text-box p {
  margin-top: 10px;
  font-size: 16px;
  color: #222;
  font-weight: 400;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .tire_highlight-area .area-body .text-box strong, .esg_eco_p-wrap .tire_highlight-area .area-body .text-box strong {
    font-size: 12px;
    font-weight: 400;
  }

  .esg_eco_b-wrap .tire_highlight-area .area-body .text-box p, .esg_eco_p-wrap .tire_highlight-area .area-body .text-box p {
    font-size: 12px;
  }
}

.esg_eco_b-wrap .tire_highlight-area .area-body .tire-box, .esg_eco_p-wrap .tire_highlight-area .area-body .tire-box {
  margin-top: 40px;
}

.esg_eco_b-wrap .tire_highlight-area .area-body .tire-box ul, .esg_eco_p-wrap .tire_highlight-area .area-body .tire-box ul {
  font-size: 0;
  text-align: center;
}

.esg_eco_b-wrap .tire_highlight-area .area-body .tire-box ul li, .esg_eco_p-wrap .tire_highlight-area .area-body .tire-box ul li {
  display: inline-block;
  padding: 0 2%;
}

.esg_eco_b-wrap .tire_highlight-area .area-body .tire-box ul li img, .esg_eco_p-wrap .tire_highlight-area .area-body .tire-box ul li img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .tire_highlight-area .area-body .tire-box, .esg_eco_p-wrap .tire_highlight-area .area-body .tire-box {
    margin-top: 20px;
  }

  .esg_eco_b-wrap .tire_highlight-area .area-body .tire-box ul li, .esg_eco_p-wrap .tire_highlight-area .area-body .tire-box ul li {
    padding: 0 5%;
  }

  .esg_eco_b-wrap .tire_highlight-area .area-body .tire-box ul li img, .esg_eco_p-wrap .tire_highlight-area .area-body .tire-box ul li img {
    width: auto;
    height: 144px;
  }
}

.esg_eco_b-wrap .esg_eco_img-box img, .esg_eco_p-wrap .esg_eco_img-box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .esg_eco_img-box img, .esg_eco_p-wrap .esg_eco_img-box img {
    width: 215.5px;
  }
}

.esg_eco_b-wrap .policy_img-box img, .esg_eco_p-wrap .policy_img-box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media all and (max-width: 1023px) {
  .esg_eco_b-wrap .policy_img-box img, .esg_eco_p-wrap .policy_img-box img {
    width: 250px;
  }
}

/* ======================== ESG 사회 ======================== */
.tab-wrap + .esg_social_exem-wrap {
  margin-top: 80px;
}

.tab-wrap + .esg_social-wrap {
  margin-top: 80px;
}

.tab-wrap + .esg_sustainable-wrap {
  margin-top: 80px;
}

.tab-wrap .valuesystem-wrap, .tab-wrap .strategy-wrap, .tab-wrap .activity_social-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 1023px) {
  .tab-wrap + .esg_social_exem-wrap {
    margin-top: 30px;
  }

  .tab-wrap + .esg_social-wrap {
    margin-top: 30px;
  }

  .tab-wrap + .esg_sustainable-wrap {
    margin-top: 30px;
  }

  .tab-wrap .valuesystem-wrap, .tab-wrap .strategy-wrap, .tab-wrap .activity_social-wrap {
    margin-top: 30px;
  }
}

.esg_social_exem-wrap + .esg_social_exem-wrap, .esg_social_exem-wrap + .esg_social-wrap, .esg_social_exem-wrap + .esg_sustainable-wrap, .esg_social_exem-wrap + .valuesystem-wrap, .esg_social_exem-wrap + .strategy-wrap, .esg_social_exem-wrap + .activity_social-wrap, .esg_social-wrap + .esg_social_exem-wrap, .esg_social-wrap + .esg_social-wrap, .esg_social-wrap + .esg_sustainable-wrap, .esg_social-wrap + .valuesystem-wrap, .esg_social-wrap + .strategy-wrap, .esg_social-wrap + .activity_social-wrap, .esg_sustainable-wrap + .esg_social_exem-wrap, .esg_sustainable-wrap + .esg_social-wrap, .esg_sustainable-wrap + .esg_sustainable-wrap, .esg_sustainable-wrap + .valuesystem-wrap, .esg_sustainable-wrap + .strategy-wrap, .esg_sustainable-wrap + .activity_social-wrap, .valuesystem-wrap + .esg_social_exem-wrap, .valuesystem-wrap + .esg_social-wrap, .valuesystem-wrap + .esg_sustainable-wrap, .valuesystem-wrap + .valuesystem-wrap, .valuesystem-wrap + .strategy-wrap, .valuesystem-wrap + .activity_social-wrap, .strategy-wrap + .esg_social_exem-wrap, .strategy-wrap + .esg_social-wrap, .strategy-wrap + .esg_sustainable-wrap, .strategy-wrap + .valuesystem-wrap, .strategy-wrap + .strategy-wrap, .strategy-wrap + .activity_social-wrap, .activity_social-wrap + .esg_social_exem-wrap, .activity_social-wrap + .esg_social-wrap, .activity_social-wrap + .esg_sustainable-wrap, .activity_social-wrap + .valuesystem-wrap, .activity_social-wrap + .strategy-wrap, .activity_social-wrap + .activity_social-wrap {
  margin-top: 80px;
}

.esg_social_exem-wrap + .esg_social_exem-wrap .body-inner, .esg_social_exem-wrap + .esg_social-wrap .body-inner, .esg_social_exem-wrap + .esg_sustainable-wrap .body-inner, .esg_social_exem-wrap + .valuesystem-wrap .body-inner, .esg_social_exem-wrap + .strategy-wrap .body-inner, .esg_social_exem-wrap + .activity_social-wrap .body-inner, .esg_social-wrap + .esg_social_exem-wrap .body-inner, .esg_social-wrap + .esg_social-wrap .body-inner, .esg_social-wrap + .esg_sustainable-wrap .body-inner, .esg_social-wrap + .valuesystem-wrap .body-inner, .esg_social-wrap + .strategy-wrap .body-inner, .esg_social-wrap + .activity_social-wrap .body-inner, .esg_sustainable-wrap + .esg_social_exem-wrap .body-inner, .esg_sustainable-wrap + .esg_social-wrap .body-inner, .esg_sustainable-wrap + .esg_sustainable-wrap .body-inner, .esg_sustainable-wrap + .valuesystem-wrap .body-inner, .esg_sustainable-wrap + .strategy-wrap .body-inner, .esg_sustainable-wrap + .activity_social-wrap .body-inner, .valuesystem-wrap + .esg_social_exem-wrap .body-inner, .valuesystem-wrap + .esg_social-wrap .body-inner, .valuesystem-wrap + .esg_sustainable-wrap .body-inner, .valuesystem-wrap + .valuesystem-wrap .body-inner, .valuesystem-wrap + .strategy-wrap .body-inner, .valuesystem-wrap + .activity_social-wrap .body-inner, .strategy-wrap + .esg_social_exem-wrap .body-inner, .strategy-wrap + .esg_social-wrap .body-inner, .strategy-wrap + .esg_sustainable-wrap .body-inner, .strategy-wrap + .valuesystem-wrap .body-inner, .strategy-wrap + .strategy-wrap .body-inner, .strategy-wrap + .activity_social-wrap .body-inner, .activity_social-wrap + .esg_social_exem-wrap .body-inner, .activity_social-wrap + .esg_social-wrap .body-inner, .activity_social-wrap + .esg_sustainable-wrap .body-inner, .activity_social-wrap + .valuesystem-wrap .body-inner, .activity_social-wrap + .strategy-wrap .body-inner, .activity_social-wrap + .activity_social-wrap .body-inner {
  padding-top: 80px;
}

.esg_social_exem-wrap + .esg_social_exem-wrap .body-inner::before, .esg_social_exem-wrap + .esg_social-wrap .body-inner::before, .esg_social_exem-wrap + .esg_sustainable-wrap .body-inner::before, .esg_social_exem-wrap + .valuesystem-wrap .body-inner::before, .esg_social_exem-wrap + .strategy-wrap .body-inner::before, .esg_social_exem-wrap + .activity_social-wrap .body-inner::before, .esg_social-wrap + .esg_social_exem-wrap .body-inner::before, .esg_social-wrap + .esg_social-wrap .body-inner::before, .esg_social-wrap + .esg_sustainable-wrap .body-inner::before, .esg_social-wrap + .valuesystem-wrap .body-inner::before, .esg_social-wrap + .strategy-wrap .body-inner::before, .esg_social-wrap + .activity_social-wrap .body-inner::before, .esg_sustainable-wrap + .esg_social_exem-wrap .body-inner::before, .esg_sustainable-wrap + .esg_social-wrap .body-inner::before, .esg_sustainable-wrap + .esg_sustainable-wrap .body-inner::before, .esg_sustainable-wrap + .valuesystem-wrap .body-inner::before, .esg_sustainable-wrap + .strategy-wrap .body-inner::before, .esg_sustainable-wrap + .activity_social-wrap .body-inner::before, .valuesystem-wrap + .esg_social_exem-wrap .body-inner::before, .valuesystem-wrap + .esg_social-wrap .body-inner::before, .valuesystem-wrap + .esg_sustainable-wrap .body-inner::before, .valuesystem-wrap + .valuesystem-wrap .body-inner::before, .valuesystem-wrap + .strategy-wrap .body-inner::before, .valuesystem-wrap + .activity_social-wrap .body-inner::before, .strategy-wrap + .esg_social_exem-wrap .body-inner::before, .strategy-wrap + .esg_social-wrap .body-inner::before, .strategy-wrap + .esg_sustainable-wrap .body-inner::before, .strategy-wrap + .valuesystem-wrap .body-inner::before, .strategy-wrap + .strategy-wrap .body-inner::before, .strategy-wrap + .activity_social-wrap .body-inner::before, .activity_social-wrap + .esg_social_exem-wrap .body-inner::before, .activity_social-wrap + .esg_social-wrap .body-inner::before, .activity_social-wrap + .esg_sustainable-wrap .body-inner::before, .activity_social-wrap + .valuesystem-wrap .body-inner::before, .activity_social-wrap + .strategy-wrap .body-inner::before, .activity_social-wrap + .activity_social-wrap .body-inner::before {
  content: "";
  display: block;
  width: calc(100% - 80px);
  height: 1px;
  background-color: #e2e2e2;
  position: absolute;
  top: 0;
  left: 40px;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap + .esg_social_exem-wrap, .esg_social_exem-wrap + .esg_social-wrap, .esg_social_exem-wrap + .esg_sustainable-wrap, .esg_social_exem-wrap + .valuesystem-wrap, .esg_social_exem-wrap + .strategy-wrap, .esg_social_exem-wrap + .activity_social-wrap, .esg_social-wrap + .esg_social_exem-wrap, .esg_social-wrap + .esg_social-wrap, .esg_social-wrap + .esg_sustainable-wrap, .esg_social-wrap + .valuesystem-wrap, .esg_social-wrap + .strategy-wrap, .esg_social-wrap + .activity_social-wrap, .esg_sustainable-wrap + .esg_social_exem-wrap, .esg_sustainable-wrap + .esg_social-wrap, .esg_sustainable-wrap + .esg_sustainable-wrap, .esg_sustainable-wrap + .valuesystem-wrap, .esg_sustainable-wrap + .strategy-wrap, .esg_sustainable-wrap + .activity_social-wrap, .valuesystem-wrap + .esg_social_exem-wrap, .valuesystem-wrap + .esg_social-wrap, .valuesystem-wrap + .esg_sustainable-wrap, .valuesystem-wrap + .valuesystem-wrap, .valuesystem-wrap + .strategy-wrap, .valuesystem-wrap + .activity_social-wrap, .strategy-wrap + .esg_social_exem-wrap, .strategy-wrap + .esg_social-wrap, .strategy-wrap + .esg_sustainable-wrap, .strategy-wrap + .valuesystem-wrap, .strategy-wrap + .strategy-wrap, .strategy-wrap + .activity_social-wrap, .activity_social-wrap + .esg_social_exem-wrap, .activity_social-wrap + .esg_social-wrap, .activity_social-wrap + .esg_sustainable-wrap, .activity_social-wrap + .valuesystem-wrap, .activity_social-wrap + .strategy-wrap, .activity_social-wrap + .activity_social-wrap {
    margin-top: 40px;
  }

  .esg_social_exem-wrap + .esg_social_exem-wrap .body-inner, .esg_social_exem-wrap + .esg_social-wrap .body-inner, .esg_social_exem-wrap + .esg_sustainable-wrap .body-inner, .esg_social_exem-wrap + .valuesystem-wrap .body-inner, .esg_social_exem-wrap + .strategy-wrap .body-inner, .esg_social_exem-wrap + .activity_social-wrap .body-inner, .esg_social-wrap + .esg_social_exem-wrap .body-inner, .esg_social-wrap + .esg_social-wrap .body-inner, .esg_social-wrap + .esg_sustainable-wrap .body-inner, .esg_social-wrap + .valuesystem-wrap .body-inner, .esg_social-wrap + .strategy-wrap .body-inner, .esg_social-wrap + .activity_social-wrap .body-inner, .esg_sustainable-wrap + .esg_social_exem-wrap .body-inner, .esg_sustainable-wrap + .esg_social-wrap .body-inner, .esg_sustainable-wrap + .esg_sustainable-wrap .body-inner, .esg_sustainable-wrap + .valuesystem-wrap .body-inner, .esg_sustainable-wrap + .strategy-wrap .body-inner, .esg_sustainable-wrap + .activity_social-wrap .body-inner, .valuesystem-wrap + .esg_social_exem-wrap .body-inner, .valuesystem-wrap + .esg_social-wrap .body-inner, .valuesystem-wrap + .esg_sustainable-wrap .body-inner, .valuesystem-wrap + .valuesystem-wrap .body-inner, .valuesystem-wrap + .strategy-wrap .body-inner, .valuesystem-wrap + .activity_social-wrap .body-inner, .strategy-wrap + .esg_social_exem-wrap .body-inner, .strategy-wrap + .esg_social-wrap .body-inner, .strategy-wrap + .esg_sustainable-wrap .body-inner, .strategy-wrap + .valuesystem-wrap .body-inner, .strategy-wrap + .strategy-wrap .body-inner, .strategy-wrap + .activity_social-wrap .body-inner, .activity_social-wrap + .esg_social_exem-wrap .body-inner, .activity_social-wrap + .esg_social-wrap .body-inner, .activity_social-wrap + .esg_sustainable-wrap .body-inner, .activity_social-wrap + .valuesystem-wrap .body-inner, .activity_social-wrap + .strategy-wrap .body-inner, .activity_social-wrap + .activity_social-wrap .body-inner {
    padding-top: 40px;
  }

  .esg_social_exem-wrap + .esg_social_exem-wrap .body-inner::before, .esg_social_exem-wrap + .esg_social-wrap .body-inner::before, .esg_social_exem-wrap + .esg_sustainable-wrap .body-inner::before, .esg_social_exem-wrap + .valuesystem-wrap .body-inner::before, .esg_social_exem-wrap + .strategy-wrap .body-inner::before, .esg_social_exem-wrap + .activity_social-wrap .body-inner::before, .esg_social-wrap + .esg_social_exem-wrap .body-inner::before, .esg_social-wrap + .esg_social-wrap .body-inner::before, .esg_social-wrap + .esg_sustainable-wrap .body-inner::before, .esg_social-wrap + .valuesystem-wrap .body-inner::before, .esg_social-wrap + .strategy-wrap .body-inner::before, .esg_social-wrap + .activity_social-wrap .body-inner::before, .esg_sustainable-wrap + .esg_social_exem-wrap .body-inner::before, .esg_sustainable-wrap + .esg_social-wrap .body-inner::before, .esg_sustainable-wrap + .esg_sustainable-wrap .body-inner::before, .esg_sustainable-wrap + .valuesystem-wrap .body-inner::before, .esg_sustainable-wrap + .strategy-wrap .body-inner::before, .esg_sustainable-wrap + .activity_social-wrap .body-inner::before, .valuesystem-wrap + .esg_social_exem-wrap .body-inner::before, .valuesystem-wrap + .esg_social-wrap .body-inner::before, .valuesystem-wrap + .esg_sustainable-wrap .body-inner::before, .valuesystem-wrap + .valuesystem-wrap .body-inner::before, .valuesystem-wrap + .strategy-wrap .body-inner::before, .valuesystem-wrap + .activity_social-wrap .body-inner::before, .strategy-wrap + .esg_social_exem-wrap .body-inner::before, .strategy-wrap + .esg_social-wrap .body-inner::before, .strategy-wrap + .esg_sustainable-wrap .body-inner::before, .strategy-wrap + .valuesystem-wrap .body-inner::before, .strategy-wrap + .strategy-wrap .body-inner::before, .strategy-wrap + .activity_social-wrap .body-inner::before, .activity_social-wrap + .esg_social_exem-wrap .body-inner::before, .activity_social-wrap + .esg_social-wrap .body-inner::before, .activity_social-wrap + .esg_sustainable-wrap .body-inner::before, .activity_social-wrap + .valuesystem-wrap .body-inner::before, .activity_social-wrap + .strategy-wrap .body-inner::before, .activity_social-wrap + .activity_social-wrap .body-inner::before {
    width: calc(100% - 28px);
    left: 14px;
  }
}

/* 임직원 */
.esg_social_exem-wrap .circle_infographics-area {
  position: relative;
  margin-top: 60px;
  padding: 0 60px;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area {
    margin-top: 30px;
    padding: 0 0px;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list {
  position: relative;
 /* 인권경영 */ /* 인권교육 프로그램 */ /* 임직원고충처리프로세스 */ /* 인재 육성 체계 */;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list:after {
  content: '';
  display: block;
  clear: both;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_right {
  width: calc(100% + 24px);
  margin-left: -12px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_right > li {
  width: 25%;
  padding: 0px 12px;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_right {
    position: relative;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: -15px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_right > li {
    margin-top: 15px;
    width: 50%;
    padding: 0px 10px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_right > li .text-list > li {
    text-align: left;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_program {
  width: calc(100% + 24px);
  margin-left: -12px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_program > li {
  width: 20%;
  padding: 0px 12px;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_program {
    position: relative;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: -15px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_program > li {
    margin-top: 15px;
    width: 50%;
    padding: 0px 10px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_program > li .text-list > li {
    text-align: left;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives {
  width: calc(100% + 24px);
  margin-left: -12px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li {
  width: 20%;
  padding: 0px 12px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(1) {
  z-index: 1;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(1) .circle_intro-box::after {
  background-color: #f5cccf;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(1) .circle_intro-box .desc {
  border-top: 2px solid #f5cccf;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(1) .circle_intro-box .circle-bg .bg-inner {
  background-color: #f5cccf;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(1) .circle_intro-box .circle-bg .bg-inner .arrow {
  display: none;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(2) {
  z-index: 2;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(2) .circle_intro-box::after {
  background-color: #f4a7ad;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(2) .circle_intro-box .desc {
  border-top: 2px solid #f4a7ad;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(2) .circle_intro-box .circle-bg .bg-inner {
  background-color: #f4a7ad;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(2) .circle_intro-box .circle-bg .bg-inner .arrow::after, .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(2) .circle_intro-box .circle-bg .bg-inner .arrow::before {
  background-color: #f5cccf;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(3) {
  z-index: 3;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(3) .circle_intro-box::after {
  background-color: #ff5966;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(3) .circle_intro-box .desc {
  border-top: 2px solid #ff5966;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(3) .circle_intro-box .circle-bg .bg-inner {
  background-color: #ff5966;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(3) .circle_intro-box .circle-bg .bg-inner .arrow::after, .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(3) .circle_intro-box .circle-bg .bg-inner .arrow::before {
  background-color: #f4a7ad;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(4) {
  z-index: 4;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(4) .circle_intro-box::after {
  background-color: #f01e2f;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(4) .circle_intro-box .desc {
  border-top: 2px solid #f01e2f;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(4) .circle_intro-box .circle-bg .bg-inner {
  background-color: #f01e2f;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(4) .circle_intro-box .circle-bg .bg-inner .arrow::after, .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(4) .circle_intro-box .circle-bg .bg-inner .arrow::before {
  background-color: #ff5966;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(5) {
  z-index: 5;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(5) .circle_intro-box::after {
  display: none;
  background-color: #c70010;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(5) .circle_intro-box .desc {
  border-top: 2px solid #c70010;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(5) .circle_intro-box .circle-bg .bg-inner {
  background-color: #c70010;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(5) .circle_intro-box .circle-bg .bg-inner .arrow::after, .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(5) .circle_intro-box .circle-bg .bg-inner .arrow::before {
  background-color: #f01e2f;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box {
  position: relative;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box::after {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #f00;
  position: absolute;
  top: calc(124px / 2);
  right: -30%;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg {
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 0;
  margin-bottom: 20px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg::after {
  display: none;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg .bg-inner {
  position: relative;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 124px;
  height: 124px;
  background-color: #f00;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg .bg-inner span {
  display: block;
  color: #fff;
  font-size: 24px;
  text-align: center;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg .bg-inner .arrow {
  position: absolute;
  top: 50%;
  left: 0;
  height: 0;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg .bg-inner .arrow::after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  top: 0;
  background-color: #f00;
  rotate: 45deg;
  margin-top: -7px;
  margin-left: -18px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg .bg-inner .arrow::before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  top: 0;
  background-color: #f00;
  rotate: -45deg;
  margin-top: 7px;
  margin-left: -18px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .desc.head_line2 .desc-head {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .desc.head_line3 .desc-head {
  min-height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .desc .desc-head {
  padding: 12px 6px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .desc .desc-body {
  padding: 15px 12px;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives {
    position: relative;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: -15px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li {
    margin-top: 15px;
    width: 50%;
    padding: 0px 10px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li .text-list > li {
    text-align: left;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(1) .circle_intro-box .circle-bg .bg-inner .arrow {
    display: none;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(2) .circle_intro-box::after {
    display: none;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(3) .circle_intro-box .circle-bg .bg-inner .arrow {
    display: none;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(4) .circle_intro-box::after {
    display: none;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(5) .circle_intro-box::after {
    display: none;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(5) .circle_intro-box .circle-bg .bg-inner .arrow {
    display: none;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box::after {
    width: 100%;
    height: 2px;
    position: absolute;
    top: calc(64px / 2);
    right: -50%;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg::after {
    display: none;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg .bg-inner {
    width: 65px;
    height: 65px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg .bg-inner span {
    font-size: 12px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg .bg-inner .arrow::after {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    position: absolute;
    top: 0;
    margin-top: -4px;
    margin-left: -11px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .circle-bg .bg-inner .arrow::before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    margin-top: 4px;
    margin-left: -11px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives .circle_intro-box .desc.head_line2 .desc-head {
    min-height: auto;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_resources {
  width: calc(100% + 18px);
  margin-left: -9px;
  padding-bottom: 20px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_resources > li {
  width: 25%;
  padding: 0px 9px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_resources .circle_intro-box .desc .desc-body {
  padding: 15px 15px;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_resources {
    position: relative;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: -15px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_resources > li {
    margin-top: 15px;
    width: 50%;
    padding: 0px 10px;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list > li {
  float: left;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box {
  max-width: none;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .circle-bg {
  position: relative;
  text-align: center;
  padding-bottom: 58px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .circle-bg::after {
  content: "";
  display: block;
  width: 1px;
  height: 59px;
  background-color: #c7000b;
  position: absolute;
  bottom: 1px;
  left: 50%;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .circle-bg {
    padding-bottom: 20px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .circle-bg::after {
    height: 21px;
    bottom: 0px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .circle-bg img {
    width: calc(116px / 2);
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc {
  border: 1px solid #e5e5e5;
  border-top: 2px solid #c7000b;
  min-height: auto;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc {
    padding: 0px;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc.double_head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 0;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc.double_head .desc-head {
  height: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  border-top: 2px solid #c7000b;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .desc-head {
  padding: 12px 15px;
  background: #f6f6f6;
  border-bottom: 1px solid #e5e5e5;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .desc-head {
    padding: 10px;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .desc-body {
  padding: 15px 15px;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .desc-body {
    padding: 10px 10px;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc h5 {
  font-size: 18px;
  line-height: 22px;
  color: #222;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc h5 {
    font-size: 12px;
    line-height: 1.4;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc h5.line2 {
    padding: 0px;
    min-height: 46px;
    line-height: 1.3;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .text-list {
  font-size: 16px;
  line-height: 1.7;
  text-align: left;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .text-list {
    font-size: 10px;
    line-height: 1.3;
    text-align: center;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .mark_dot-list {
  color: #5e5e5e;
  line-height: 1.7;
  text-align: left;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .mark_dot-list > li + li {
  margin-top: 5px;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .mark_dot-list > li:after {
  top: 12px;
  border-radius: 50%;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .mark_dot-list {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .mark_dot-list > li:after {
    top: 6px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .mark_dot-list > li {
    font-size: 10px;
    line-height: 1.3;
  }
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .mark_dot-list2 {
  font-size: 13px;
  line-height: 21px;
  text-align: left;
}

.esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .mark_dot-list2 > li:after {
  top: 9px;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc {
    padding: 0px;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }

  .esg_social_exem-wrap .circle_infographics-area .circle_intro-list .circle_intro-box .desc .mark_dot-list2 > li:after {
    top: 9px;
  }
}

.esg_social_exem-wrap .esgcon_col {
  position: relative;
  margin-top: 60px;
  padding: 0 60px;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .esgcon_col {
    margin-top: 30px;
    padding: 0 0px;
  }
}

.esg_social_exem-wrap .esgcon_col .title {
  padding-bottom: 6px;
  margin-bottom: 0;
 /* border-bottom: 1px solid #c7000b; */;
}

.esg_social_exem-wrap .esgcon_col .title span {
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .esgcon_col .title span {
    font-size: 13px;
  }
}

.esg_social_exem-wrap .esgcon_col .welfare_col3 {
  position: relative;
  width: calc(100% + 18px);
  margin-left: -9px;
  display: flex;
}

.esg_social_exem-wrap .esgcon_col .welfare_col3 .item {
  text-align: center;
  width: 33.3333%;
  padding: 0 9px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.esg_social_exem-wrap .esgcon_col .welfare_col3 .img-box {
  margin-top: -35px;
 /* border: 1px solid #c7000a; */;
}

.esg_social_exem-wrap .esgcon_col .welfare_col3 .img-box img {
  width: 100%;
}

.esg_social_exem-wrap .esgcon_col .welfare_col3 .typo-box {
  margin-top: 18px;
  padding: 20px 25px;
  border: 1px solid #c7000a;
}

.esg_social_exem-wrap .esgcon_col .welfare_col3 .typo-box p {
  text-align: left;
  font-size: 16px;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .esgcon_col .welfare_col3 {
    width: calc(100%);
    margin-left: 0px;
    max-width: 580px;
    margin: 0 auto;
    flex-direction: column;
  }

  .esg_social_exem-wrap .esgcon_col .welfare_col3 .item {
    width: 100%;
    padding: 0 0px;
  }

  .esg_social_exem-wrap .esgcon_col .welfare_col3 .item + .item {
    margin-top: 20px;
  }

  .esg_social_exem-wrap .esgcon_col .welfare_col3 .item:first-child {
    margin-top: -25px;
  }

  .esg_social_exem-wrap .esgcon_col .welfare_col3 .img-box {
    margin-top: 0px;
  }

  .esg_social_exem-wrap .esgcon_col .welfare_col3 .typo-box {
    margin-top: 20px;
    padding: 20px 9%;
    width: 100%;
    max-width: 640px;
  }

  .esg_social_exem-wrap .esgcon_col .welfare_col3 .typo-box p {
    font-size: 12px;
    line-height: 1.5;
  }
}

.esg_social_exem-wrap .esgcon_1-area {
  margin-top: 25px;
  padding: 35px;
  background-color: #f4f4f4;
}

.esg_social_exem-wrap .esgcon_1-area ul.ul-layout {
  display: flex;
}

.esg_social_exem-wrap .esgcon_1-area ul.ul-layout > li {
  padding: 0 10px;
  width: 20%;
}

.esg_social_exem-wrap .esgcon_1-area .img {
  text-align: center;
}

.esg_social_exem-wrap .esgcon_1-area .subject {
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}

.esg_social_exem-wrap .esgcon_1-area .desc {
  margin-top: 30px;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 1.7;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .esgcon_1-area {
    margin-top: 15px;
    padding: 0 20px 20px;
  }

  .esg_social_exem-wrap .esgcon_1-area ul.ul-layout {
    display: flex;
    flex-wrap: wrap;
  }

  .esg_social_exem-wrap .esgcon_1-area ul.ul-layout > li {
    margin-top: 20px;
    padding: 0 10px;
    width: 50%;
  }

  .esg_social_exem-wrap .esgcon_1-area .img img {
    width: 50px;
  }

  .esg_social_exem-wrap .esgcon_1-area .subject {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #000000;
  }

  .esg_social_exem-wrap .esgcon_1-area .desc {
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.7;
  }
}

.esg_social_exem-wrap .esgcon_2-area {
  margin-top: 40px;
}

.esg_social_exem-wrap .esgcon_2-area ul.ul-layout {
  display: flex;
  width: calc(100% + 30px);
  margin-left: -15px;
}

.esg_social_exem-wrap .esgcon_2-area ul.ul-layout > li {
  padding: 0 15px;
  width: 33.3333%;
}

.esg_social_exem-wrap .esgcon_2-area ul.ul-layout .li-inner {
  padding: 25px 30px;
  height: 100%;
  border: 1px solid #e5e5e5;
}

.esg_social_exem-wrap .esgcon_2-area ul.ul-layout > li:nth-child(2) .desc {
  padding-left: 40px;
}

.esg_social_exem-wrap .esgcon_2-area ul.ul-layout > li:nth-child(3) .desc {
  padding-left: 10px;
}

.esg_social_exem-wrap .esgcon_2-area .img {
  text-align: center;
}

.esg_social_exem-wrap .esgcon_2-area .subject {
  text-align: center;
  margin-top: 0px;
  font-size: 24px;
  font-weight: bold;
  color: #e50012;
}

.esg_social_exem-wrap .esgcon_2-area .desc {
  margin-top: 30px;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 1.7;
}

@media screen and (max-width: 1023px) {
  .esg_social_exem-wrap .esgcon_2-area {
    margin-top: 10px;
  }

  .esg_social_exem-wrap .esgcon_2-area ul.ul-layout {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 0px;
  }

  .esg_social_exem-wrap .esgcon_2-area ul.ul-layout > li {
    margin-top: 5px;
    padding: 0px;
    width: 100%;
  }

  .esg_social_exem-wrap .esgcon_2-area ul.ul-layout .li-inner {
    display: flex;
    align-items: center;
    padding: 10px 0px;
    height: 100%;
  }

  .esg_social_exem-wrap .esgcon_2-area ul.ul-layout .li-inner .set {
    width: 140px;
    margin-right: 15px;
  }

  .esg_social_exem-wrap .esgcon_2-area ul.ul-layout > li:nth-child(2) .desc {
    padding-left: 0px;
  }

  .esg_social_exem-wrap .esgcon_2-area ul.ul-layout > li:nth-child(3) .desc {
    padding-left: 0px;
  }

  .esg_social_exem-wrap .esgcon_2-area .img img {
    width: 50px;
  }

  .esg_social_exem-wrap .esgcon_2-area .subject {
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
  }

  .esg_social_exem-wrap .esgcon_2-area .desc {
    margin-top: 0px;
    font-size: 10px;
    line-height: 1.7;
  }
}

/* 지속가능한 공급망 */
@media screen and (max-width: 1023px) {
  .esg_sustainable-wrap .img-box {
    max-width: 584px;
    margin: 0 auto;
  }
}

.esg_sustainable-wrap .natural_rubber_policy-area {
  position: relative;
}

.esg_sustainable-wrap .natural_rubber_policy-area:after {
  content: '';
  display: block;
  clear: both;
}

.esg_sustainable-wrap .natural_rubber_policy-area .img-box {
  float: left;
  width: 382px;
}

.esg_sustainable-wrap .natural_rubber_policy-area .img-box img {
  width: 100%;
}

.esg_sustainable-wrap .natural_rubber_policy-area .text-box {
  float: left;
  padding-left: 50px;
  width: calc(100% - 382px);
}

.esg_sustainable-wrap .natural_rubber_policy-area .text-box p {
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 1023px) {
  .esg_sustainable-wrap .natural_rubber_policy-area {
    max-width: 584px;
    margin: 0 auto;
  }

  .esg_sustainable-wrap .natural_rubber_policy-area .img-box {
    float: left;
    width: 100%;
  }

  .esg_sustainable-wrap .natural_rubber_policy-area .img-box img {
    width: 100%;
    height: auto;
  }

  .esg_sustainable-wrap .natural_rubber_policy-area .text-box {
    margin-top: 20px;
    width: 100%;
    padding-left: 0px;
  }

  .esg_sustainable-wrap .natural_rubber_policy-area .text-box p {
    font-size: 13px;
  }
}

.esg_sustainable-wrap .risk_indicator-area {
  margin-top: 25px;
}

.esg_sustainable-wrap .risk_indicator-area .redbox-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.esg_sustainable-wrap .risk_indicator-area .redbox-list > li {
  width: 25%;
  padding: 0 10px;
}

@media screen and (max-width: 1023px) {
  .esg_sustainable-wrap .risk_indicator-area .redbox-list > li {
    width: 50%;
  }
}

.esg_sustainable-wrap .risk_indicator-area .redbox-list .con_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

.esg_sustainable-wrap .risk_indicator-area .redbox-list .con_item .item-head {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  text-align: center;
  background-color: #f4a7ad;
}

.esg_sustainable-wrap .risk_indicator-area .redbox-list .con_item .item-head.line2 {
  min-height: 80px;
}

.esg_sustainable-wrap .risk_indicator-area .redbox-list .con_item .item-head .item_title {
  color: #000000;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.5;
}

@media screen and (max-width: 1023px) {
  .esg_sustainable-wrap .risk_indicator-area .redbox-list .con_item .item-head.line2 {
    min-height: 52px;
  }

  .esg_sustainable-wrap .risk_indicator-area .redbox-list .con_item .item-head .item_title {
    font-size: 12px;
  }
}

.esg_sustainable-wrap .risk_indicator-area .redbox-list .con_item .item-body {
  padding: 15px 20px;
  height: 100%;
  border: 1px solid #e7e7e7;
  border-top: 0;
}

.esg_sustainable-wrap .risk_indicator-area .redbox-list .con_item .item-body .mark_dot-list {
  color: #5e5e5e;
  line-height: 1.6;
}

@media screen and (max-width: 1023px) {
  .esg_sustainable-wrap .risk_indicator-area .redbox-list .con_item .item-body .mark_dot-list {
    font-size: 10px;
  }
}

/* 안전보건, 사회공헌 */
.esg_social-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap {
    margin-top: 30px;
  }
}

.esg_social-wrap .company_policy-block + .company_policy-block {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .company_policy-block + .company_policy-block {
    margin-top: 40px;
    padding-top: 40px;
  }
}

.esg_social-wrap .policy_img-box {
  margin-top: 80px;
}

.esg_social-wrap .policy_img-box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .policy_img-box {
    margin-top: 35px;
  }

  .esg_social-wrap .policy_img-box img {
    width: 100%;
    max-width: 292px;
  }
}

.esg_social-wrap .con-header .title {
  position: relative;
}

.esg_social-wrap .con-header .title .line_block + .btn_set {
  padding-left: 150px;
}

.esg_social-wrap .con-header .title .btn_set {
  margin-top: 20px;
 /* position: absolute; bottom:0;right:0; */;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .con-header .title .line_block + .btn_set {
    margin-top: 15px;
    padding-left: 16px;
  }
}

.esg_social-wrap .innovation {
  margin-top: 60px;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .innovation {
    margin-top: 30px;
  }
}

.esg_social-wrap .innovation .circle-box {
  text-align: center;
}

.esg_social-wrap .innovation .circle-box ul {
  border: 1px solid #d9d9d9;
  padding: 24px 34px;
  -webkit-border-radius: 204px;
  -moz-border-radius: 204px;
  -ms-border-radius: 204px;
  border-radius: 204px;
  display: inline-block;
}

.esg_social-wrap .innovation .circle-box ul:after {
  content: "";
  display: table;
  clear: both;
}

.esg_social-wrap .innovation .circle-box ul li {
  float: left;
}

.esg_social-wrap .innovation .circle-box ul li > div {
  width: 154px;
  height: 154px;
  -webkit-border-radius: 154px;
  -moz-border-radius: 154px;
  -ms-border-radius: 154px;
  border-radius: 154px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: #8c8c8c;
}

.esg_social-wrap .innovation .circle-box ul li > div p {
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.esg_social-wrap .innovation .circle-box ul li > div:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 154px;
}

.esg_social-wrap .innovation .circle-box ul li:nth-child(odd) > div {
  background: #8c8c8c;
}

.esg_social-wrap .innovation .circle-box ul li:nth-child(even) > div {
  background: #ea3341;
}

.esg_social-wrap .innovation .circle-box ul li + li {
  margin-left: 20px;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .innovation .circle-box {
    max-width: 260px;
    margin: 0 auto;
  }

  .esg_social-wrap .innovation .circle-box ul {
    padding: 7px 9px;
    -webkit-border-radius: 72px;
    -moz-border-radius: 72px;
    -ms-border-radius: 72px;
    border-radius: 72px;
  }

  .esg_social-wrap .innovation .circle-box ul:after {
    content: "";
    display: table;
    clear: both;
  }

  .esg_social-wrap .innovation .circle-box ul li {
    float: left;
    width: 50%;
    padding: 12px 10px;
  }

  .esg_social-wrap .innovation .circle-box ul li > div {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
  }

  .esg_social-wrap .innovation .circle-box ul li > div p {
    font-size: 13px;
    line-height: 19px;
  }

  .esg_social-wrap .innovation .circle-box ul li > div:before {
    height: 100px;
  }

  .esg_social-wrap .innovation .circle-box ul li + li {
    margin-left: 0;
  }

  .esg_social-wrap .innovation .circle-box ul li:nth-child(odd) > div {
    background: #8c8c8c;
    float: left;
  }

  .esg_social-wrap .innovation .circle-box ul li:nth-child(even) > div {
    background: #ea3341;
    float: right;
  }
}

.esg_social-wrap .innovation .top .desc {
  text-align: center;
  margin-top: 35px;
  font-size: 20px;
  line-height: 30px;
  color: #000;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .innovation .top .desc {
    margin-top: 26px;
    font-size: 13px;
    line-height: 21px;
  }
}

.esg_social-wrap .innovation .bottom {
  margin-top: 75px;
  text-align: center;
}

.esg_social-wrap .innovation .bottom > ul {
  display: inline-block;
}

.esg_social-wrap .innovation .bottom > ul:after {
  content: "";
  display: table;
  clear: both;
}

.esg_social-wrap .innovation .bottom > ul > li {
  width: 200px;
  float: left;
  position: relative;
  text-align: left;
}

.esg_social-wrap .innovation .bottom > ul > li + li {
  margin-left: 50px;
}

.esg_social-wrap .innovation .bottom > ul > li .tit {
  height: 72px;
  -webkit-border-radius: 72px;
  -moz-border-radius: 72px;
  -ms-border-radius: 72px;
  border-radius: 72px;
  background: #ff868f;
  text-align: center;
  padding-top: 10px;
}

.esg_social-wrap .innovation .bottom > ul > li .tit i, .esg_social-wrap .innovation .bottom > ul > li .tit span {
  display: block;
  color: #fff;
}

.esg_social-wrap .innovation .bottom > ul > li .tit i {
  font-size: 14px;
  line-height: 20px;
}

.esg_social-wrap .innovation .bottom > ul > li .tit span {
  font-size: 20px;
  font-weight: 500;
}

.esg_social-wrap .innovation .bottom > ul > li:nth-child(1) .tit {
  background: #ff868f;
}

.esg_social-wrap .innovation .bottom > ul > li:nth-child(2) .tit {
  background: #ff6772;
}

.esg_social-wrap .innovation .bottom > ul > li:nth-child(3) .tit {
  background: #ff4250;
}

.esg_social-wrap .innovation .bottom > ul > li:nth-child(4) .tit {
  background: #ea3341;
}

.esg_social-wrap .innovation .bottom .mark_dot-list {
  margin-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

.esg_social-wrap .innovation .bottom .icon_inno_arrow {
  position: absolute;
  top: 25.5px;
  right: -31px;
}

@media screen and (max-width: 1200px) {
  .esg_social-wrap .innovation .bottom > ul > li + li {
    margin-left: 40px;
  }

  .esg_social-wrap .innovation .bottom .icon_inno_arrow {
    right: -28px;
  }
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .innovation .bottom {
    margin-top: 30px;
    text-align: center;
  }

  .esg_social-wrap .innovation .bottom > ul {
    display: inline-block;
    text-align: left;
  }

  .esg_social-wrap .innovation .bottom > ul > li {
    width: 100%;
    float: none;
    position: relative;
  }

  .esg_social-wrap .innovation .bottom > ul > li + li {
    margin-left: 0;
    margin-top: 40px;
  }

  .esg_social-wrap .innovation .bottom > ul > li .tit {
    width: 200px;
    height: 52px;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    border-radius: 52px;
    padding-top: 6px;
  }

  .esg_social-wrap .innovation .bottom > ul > li .tit i {
    font-size: 13px;
    line-height: 19px;
  }

  .esg_social-wrap .innovation .bottom > ul > li .tit span {
    font-size: 14px;
    font-weight: 500;
  }

  .esg_social-wrap .innovation .bottom > ul > li:nth-child(1) .tit {
    background: #ff868f;
  }

  .esg_social-wrap .innovation .bottom > ul > li:nth-child(2) .tit {
    background: #ff6772;
  }

  .esg_social-wrap .innovation .bottom > ul > li:nth-child(3) .tit {
    background: #ff4250;
  }

  .esg_social-wrap .innovation .bottom > ul > li:nth-child(4) .tit {
    background: #ea3341;
  }

  .esg_social-wrap .innovation .bottom .mark_dot-list {
    margin-top: 15px;
    font-size: 13px;
    line-height: 19px;
  }

  .esg_social-wrap .innovation .bottom .icon_inno_arrow {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -25px;
    left: 50%;
    margin-left: -9px;
  }
}

.esg_social-wrap .rule-box {
  background: #f6f6f6;
  padding: 50px 50px 44px;
  margin-top: 35px;
}

.esg_social-wrap .rule-box h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
  line-height: 1;
}

.esg_social-wrap .rule-box + .rule-box {
  margin-top: 20px;
}

.esg_social-wrap .rule-box .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_social-wrap .rule-box .mark_dot-list2 > li:after {
  top: 13.5px;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .rule-box {
    margin-top: 20px;
    padding: 22px 20px 18px;
  }

  .esg_social-wrap .rule-box h4 {
    font-size: 15px;
    margin-bottom: 9px;
  }

  .esg_social-wrap .rule-box .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
  }

  .esg_social-wrap .rule-box .mark_dot-list2 > li:after {
    top: 9px;
  }
}

.esg_social-wrap .rule-box_set {
  margin-top: 60px;
  text-align: center;
}

.esg_social-wrap .rule-box_set .rule-box {
  margin-top: 0;
  text-align: left;
}

.esg_social-wrap .rule-box_set .rule-box.half {
  max-width: 482px;
  width: 48%;
  height: 242px;
  display: inline-block;
}

.esg_social-wrap .rule-box_set .rule-box + .rule-box {
  margin-top: 0;
  margin-left: 30px;
}

.esg_social-wrap .rule-box_set .rule-box .desc {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .rule-box_set {
    margin-top: 30px;
  }

  .esg_social-wrap .rule-box_set .rule-box.half {
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
  }

  .esg_social-wrap .rule-box_set .rule-box + .rule-box {
    margin-top: 30px;
    margin-left: 0;
  }

  .esg_social-wrap .rule-box_set .rule-box .desc {
    font-size: 13px;
    line-height: 21px;
  }
}

.esg_social-wrap .vision-table {
  display: table;
  width: 950px;
  margin: 25px auto 0;
  table-layout: fixed;
}

.esg_social-wrap .vision-table .tr {
  display: table-row;
}

.esg_social-wrap .vision-table .tr.border_line .th, .esg_social-wrap .vision-table .tr.border_line .td {
  border-bottom: 1px solid #e2e2e2;
}

.esg_social-wrap .vision-table .th {
  display: table-cell;
  width: 150px;
  font-size: 20px;
  line-height: 28px;
  color: #222;
  font-weight: bold;
  padding: 15px 0;
}

.esg_social-wrap .vision-table .td {
  display: table-cell;
  padding: 15px 0;
  width: auto;
}

.esg_social-wrap .vision-table .td .txt {
  font-size: 20px;
  line-height: 28px;
  color: #e50012;
  text-align: center;
}

.esg_social-wrap .vision-table.vision-table-block {
  margin-top: 0;
  display: block;
}

.esg_social-wrap .vision-table.vision-table-block .tr, .esg_social-wrap .vision-table.vision-table-block .th, .esg_social-wrap .vision-table.vision-table-block .td {
  display: block;
  width: 100%;
}

.esg_social-wrap .vision-table.vision-table-block .circle_intro {
  margin-top: 20px;
}

.esg_social-wrap .vision-table .vision_img {
  text-align: center;
  font-size: 0;
  line-height: 0;
  padding: 15px 0 30px;
}

.esg_social-wrap .vision-table .define-box_set {
  margin-top: 0;
  width: 100%;
}

.esg_social-wrap .vision-table .define-box_set .define-box {
  width: calc(33.333333333333333% - 12px);
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
}

.esg_social-wrap .vision-table .define-box_set .define-box dt {
  font-size: 18px;
  line-height: 45px;
  background: #f6f6f6;
  border-color: #e5e5e5;
}

.esg_social-wrap .vision-table .define-box_set .define-box dd {
  background: #fff;
  padding: 20px 12px 20px 18px;
  height: 180px;
}

.esg_social-wrap .vision-table .define-box_set .define-box + .define-box {
  margin-left: 18px;
}

.esg_social-wrap .vision-table .define-box_set .define-box.long dd {
  min-height: 208px;
  padding: 20px 10px 20px 16px;
}

.esg_social-wrap .vision-table .icon-vision-arrow {
  margin: -10px auto 20px;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .vision-table {
    display: block;
    width: 100%;
    margin: 17px auto 0;
  }

  .esg_social-wrap .vision-table .tr {
    display: block;
    padding: 20px 0 20px;
  }

  .esg_social-wrap .vision-table .tr.border_line {
    border-bottom: 1px solid #e2e2e2;
  }

  .esg_social-wrap .vision-table .tr.border_line .th, .esg_social-wrap .vision-table .tr.border_line .td {
    border-bottom: 0;
  }

  .esg_social-wrap .vision-table .th {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
  }

  .esg_social-wrap .vision-table .td {
    display: block;
    padding: 0;
    width: auto;
  }

  .esg_social-wrap .vision-table .td .txt {
    font-size: 13px;
    line-height: 24px;
    color: #e50012;
    text-align: center;
  }

  .esg_social-wrap .vision-table .vision_img {
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 20px 0;
  }

  .esg_social-wrap .vision-table .vision_img img {
    width: 292px;
    max-width: 100%;
  }

  .esg_social-wrap .vision-table .define-box_set {
    margin-top: 0;
    width: 100%;
    padding: 10px 0;
  }

  .esg_social-wrap .vision-table .define-box_set .define-box {
    width: 100%;
  }

  .esg_social-wrap .vision-table .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 40px;
  }

  .esg_social-wrap .vision-table .define-box_set .define-box dd {
    background: #fff;
    padding: 17px 12px;
    height: auto;
  }

  .esg_social-wrap .vision-table .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .esg_social-wrap .vision-table .define-box_set .define-box.long dd {
    height: auto;
  }

  .esg_social-wrap .vision-table .icon-vision-arrow {
    margin: -10px auto 20px;
  }

  .esg_social-wrap .vision-table.vision-table-block .circle_intro {
    margin-top: 15px;
  }
}

.esg_social-wrap .circle_intro {
  max-width: 1093px;
  margin: 70px auto 0;
}

.esg_social-wrap .circle_intro:after {
  content: "";
  display: table;
  clear: both;
}

.esg_social-wrap .circle_intro > li {
  float: left;
  width: 25%;
  padding: 0 5px;
}

.esg_social-wrap .circle_intro .circle_intro-box {
  max-width: 259px;
  margin: 0 auto;
}

.esg_social-wrap .circle_intro .circle_intro-box .circle-bg {
  background: url(/resources/images/esg/esg_social/bg_policy_2_1.png) no-repeat;
  width: 192px;
  height: 230px;
  margin: 0 auto;
  text-align: center;
}

.esg_social-wrap .circle_intro .circle_intro-box .circle-bg.type2 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_2_2.png);
}

.esg_social-wrap .circle_intro .circle_intro-box .circle-bg.type3 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_2_3.png);
}

.esg_social-wrap .circle_intro .circle_intro-box .circle-bg.type4 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_2_4.png);
}

.esg_social-wrap .circle_intro .circle_intro-box .circle-bg.type5 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_2_5.png);
}

.esg_social-wrap .circle_intro .circle_intro-box .circle-bg.red {
  background-image: url(/resources/images/esg/esg_social/bg_circle_red_sm.png);
  width: 140px;
  height: 171px;
}

.esg_social-wrap .circle_intro .circle_intro-box .circle-bg.gray {
  background-image: url(/resources/images/esg/esg_social/bg_circle_gray_sm.png);
  width: 140px;
  height: 171px;
}

.esg_social-wrap .circle_intro .circle_intro-box .circle-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding-top: 58px;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}

.esg_social-wrap .circle_intro .circle_intro-box .circle-bg span i {
  display: block;
}

.esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg {
  width: 220px;
  height: 125px;
  margin: 0 auto;
  background: url(/resources/images/esg/esg_social/bg_policy_3_1.png) no-repeat;
  text-align: center;
}

.esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg.type2 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_3_2.png);
}

.esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg.type3 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_3_3.png);
}

.esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg.type4 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_3_4.png);
}

.esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding: 25px;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
}

.esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg span i {
  display: block;
}

.esg_social-wrap .circle_intro .circle_intro-box .desc {
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
  padding: 20px 20px;
}

.esg_social-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_social-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
  top: 13.5px;
}

.esg_social-wrap .circle_intro .circle_intro-box .desc.has-tit {
  padding-top: 0;
}

.esg_social-wrap .circle_intro .circle_intro-box .desc.none-tit {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

.esg_social-wrap .circle_intro .circle_intro-box .desc h5 {
  background: #f6f6f6;
  font-size: 18px;
  line-height: 46px;
  color: #222;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -20px;
  text-align: center;
  margin-bottom: 20px;
}

.esg_social-wrap .circle_intro .circle_intro-box.sm {
  max-width: 173px;
}

.esg_social-wrap .circle_intro .circle_intro-box.sm .circle-bg span {
  padding-top: 48px;
}

.esg_social-wrap .circle_intro .circle_intro-box.sm .desc {
  padding: 20px 15px 30px;
}

.esg_social-wrap .circle_intro.has-5 {
  margin: 0 -11px;
}

.esg_social-wrap .circle_intro.has-5 > li {
  width: 20%;
  padding: 0 11px;
}

.esg_social-wrap .circle_intro.has-4 {
  max-width: 1200px;
  margin: 0 auto;
}

.esg_social-wrap .circle_intro.has-4 > li {
  position: relative;
  width: 25%;
  padding: 0 25px;
}

.esg_social-wrap .circle_intro.has-4 .icon_inno_arrow {
  position: absolute;
  top: 210px;
  right: -5px;
}

.esg_social-wrap .circle_intro.has-4 .circle_intro-box {
  max-width: 245px;
  margin: 0 auto;
}

.esg_social-wrap .circle_intro.has-2 {
  max-width: 980px;
  margin: 0 auto;
}

.esg_social-wrap .circle_intro.has-2 > li {
  width: 50%;
  padding: 0 15px;
}

.esg_social-wrap .circle_intro.has-2 .circle_intro-box {
  max-width: 460px;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .circle_intro {
    position: relative;
    margin: 35px auto 0;
  }

  .esg_social-wrap .circle_intro > li {
    float: left;
    width: 50%;
    padding: 0px 5px;
 /* & + li { margin-top: 40px; } */;
  }

  .esg_social-wrap .circle_intro > li:nth-child(2) {
    margin-top: 0;
  }

  .esg_social-wrap .circle_intro > li:nth-child(3), .esg_social-wrap .circle_intro > li:nth-child(4) {
    margin-top: 40px;
  }

  .esg_social-wrap .circle_intro .circle_intro-box {
    max-width: none;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle-bg {
    background: url(/resources/images/esg/esg_social/bg_policy_2_1_mb.png) no-repeat;
    width: 110px;
    height: 154.5px;
    margin: 0 auto;
    text-align: center;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle-bg.type2 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_2_2_mb.png);
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle-bg.type3 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_2_3_mb.png);
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle-bg.type4 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_2_4_mb.png);
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle-bg.type5 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_2_5_mb.png);
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle-bg.red {
    background-image: url(/resources/images/esg/esg_social/bg_circle_red_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle-bg.gray {
    background-image: url(/resources/images/esg/esg_social/bg_circle_gray_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle-bg span {
    padding-top: 28px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -1px;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg {
    width: 210px;
    height: 102px;
    margin: 0 auto;
    background: url(/resources/images/esg/esg_social/bg_policy_3_1_mb.png) no-repeat;
    background-size: 100%;
    text-align: center;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg.type2 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_3_2_mb.png);
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg.type3 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_3_3_mb.png);
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg.type4 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_3_4_mb.png);
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg span {
    font-weight: normal;
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .circle_w-bg span i {
    display: block;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .desc {
    padding: 15px;
    min-height: auto;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
    top: 9px;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .desc.has-tit {
    padding-top: 0;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .desc.none-tit {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .desc h5 {
    background: #f6f6f6;
    font-size: 14px;
    line-height: 46px;
    color: #222;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 -15px;
    text-align: center;
    margin-bottom: 15px;
  }

  .esg_social-wrap .circle_intro .circle_intro-box .desc h5.line2 {
    padding: 10px 0;
    min-height: 46px;
    line-height: 1.3;
  }

  .esg_social-wrap .circle_intro .circle_intro-box.sm {
    max-width: none;
  }

  .esg_social-wrap .circle_intro .circle_intro-box.sm .circle-bg span {
    padding-top: 40px;
  }

  .esg_social-wrap .circle_intro .circle_intro-box.sm .desc {
    padding: 15px 14px;
    min-height: 120px;
  }

  .esg_social-wrap .circle_intro.has-5 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .esg_social-wrap .circle_intro.has-5 > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 15px 5px;
    margin: 0 auto;
  }

  .esg_social-wrap .circle_intro.has-5 > li:last-child {
    padding: 15px 5px 0;
    float: none;
    clear: both;
  }

  .esg_social-wrap .circle_intro.has-4 {
    margin: 0 auto;
  }

  .esg_social-wrap .circle_intro.has-4 > li {
    position: relative;
    width: 100%;
    padding: 0 0px;
  }

  .esg_social-wrap .circle_intro.has-4 > li:nth-child(2), .esg_social-wrap .circle_intro.has-4 > li:nth-child(3), .esg_social-wrap .circle_intro.has-4 > li:nth-child(4) {
    margin-top: 40px;
  }

  .esg_social-wrap .circle_intro.has-4 .icon_inno_arrow {
    position: absolute;
    top: auto;
    bottom: -25px;
    right: 50%;
    margin-right: -9px;
  }

  .esg_social-wrap .circle_intro.has-4 .circle_intro-box {
    max-width: 320px;
    margin: 0 auto;
  }

  .esg_social-wrap .circle_intro.has-2 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .esg_social-wrap .circle_intro.has-2 > li {
    display: inline-block;
    vertical-align: top;
 /* width: 100%; */
    padding: 15px 5px;
    margin: 0 auto;
  }
}

.esg_social-wrap .define-box_set {
  font-size: 0;
  line-height: 0;
  width: 976px;
  margin: 70px auto 0;
}

@media screen and (max-width: 1200px) {
  .esg_social-wrap .define-box_set {
    width: 100%;
  }

  .esg_social-wrap .define-box_set .define-box {
    width: 301px;
  }
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .define-box_set {
    font-size: 0;
    line-height: 0;
    width: 100%;
    margin: 35px auto 0;
  }
}

.esg_social-wrap .define-box_set .define-box {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 2px solid #e50012;
  width: 312px;
  display: inline-block;
  vertical-align: top;
}

.esg_social-wrap .define-box_set .define-box dt {
  font-size: 20px;
  line-height: 66px;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}

.esg_social-wrap .define-box_set .define-box dd {
  background: #f6f6f6;
  padding: 32px 20px 32px 30px;
  height: 178px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.esg_social-wrap .define-box_set .define-box dd b {
  font-weight: 400;
  color: #000;
}

.esg_social-wrap .define-box_set .define-box .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_social-wrap .define-box_set .define-box .mark_dot-list2 > li:after {
  top: 13.5px;
}

.esg_social-wrap .define-box_set .define-box + .define-box {
  margin-left: 20px;
}

.esg_social-wrap .define-box_set .define-box.long dd {
  height: 232px;
}

.esg_social-wrap .define-box_set .define-box.long_long dd {
  height: 260px;
}

.esg_social-wrap .define-box_set .define-box.middle dd {
  height: auto;
  min-height: 210px;
}

.esg_social-wrap .define-box_set .define-box.small dd {
  height: auto;
  min-height: 180px;
}

@media screen and (max-width: 1200px) {
  .esg_social-wrap .define-box_set .define-box.long_long dd {
    height: 310px;
  }
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .define-box_set .define-box {
    width: 100%;
  }

  .esg_social-wrap .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 50px;
  }

  .esg_social-wrap .define-box_set .define-box dd {
    padding: 20px 15px;
    font-size: 13px;
    height: auto;
  }

  .esg_social-wrap .define-box_set .define-box .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
  }

  .esg_social-wrap .define-box_set .define-box .mark_dot-list2 > li:after {
    top: 9px;
  }

  .esg_social-wrap .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .esg_social-wrap .define-box_set .define-box.long dd {
    height: auto;
  }

  .esg_social-wrap .define-box_set .define-box.middle dd {
    height: auto;
    min-height: auto;
  }

  .esg_social-wrap .define-box_set .define-box.long_long dd {
    height: auto;
    min-height: auto;
  }

  .esg_social-wrap .define-box_set .define-box.small dd {
    height: auto;
    min-height: auto;
  }
}

.esg_social-wrap .define-box_set.fullsize {
  width: 1110px;
  max-width: 100%;
}

.esg_social-wrap .define-box_set.fullsize .define-box {
  width: calc( 33.33333333333% - 16px);
}

.esg_social-wrap .define-box_set.fullsize .define-box + .define-box {
  margin-left: 24px;
}

@media screen and (max-width: 1023px) {
  .esg_social-wrap .define-box_set.fullsize {
    width: 100%;
    max-width: 100%;
  }

  .esg_social-wrap .define-box_set.fullsize .define-box {
    width: 100%;
  }

  .esg_social-wrap .define-box_set.fullsize .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }
}

/* 품질경영 */
.valuesystem-wrap {
 /* 학심가치 & 추진방향 */;
}

.valuesystem-wrap .valuesystem_summary-block {
  margin-top: 80px;
}

@media all and (max-width: 1023px) {
  .valuesystem-wrap .valuesystem_summary-block {
    margin-top: 30px;
  }
}

.valuesystem-wrap .worth-box {
  width: 950px;
  margin: 40px auto 0;
}

.valuesystem-wrap .worth-box .worth_mission-box, .valuesystem-wrap .worth-box .worth_vission-box, .valuesystem-wrap .worth-box .worth_point-box {
  position: relative;
}

.valuesystem-wrap .worth-box .worth_mission-box:after, .valuesystem-wrap .worth-box .worth_vission-box:after, .valuesystem-wrap .worth-box .worth_point-box:after {
  content: '';
  display: block;
  clear: both;
}

.valuesystem-wrap .worth-box .worth_mission-box {
  height: 70px;
  border-bottom: 1px solid #e2e2e2;
}

.valuesystem-wrap .worth-box .worth_vission-box {
  margin-top: 15px;
  height: 45px;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: middle;
}

.valuesystem-wrap .worth-box .worth_point-box {
  margin-top: 30px;
}

.valuesystem-wrap .worth-box .worth_title {
  float: left;
  width: 150px;
  height: 100%;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  vertical-align: middle;
}

.valuesystem-wrap .worth-box .worth_txt {
  float: left;
  width: calc( 100% - 150px);
  font-size: 20px;
  text-align: center;
}

.valuesystem-wrap .worth-box .worth_txt em {
  color: #c00000;
}

.valuesystem-wrap .worth_point_cont {
  position: relative;
  padding-top: 70px;
}

.valuesystem-wrap .worth_point_cont .icon-vision-arrow {
  margin: 20px auto;
}

.valuesystem-wrap .worth_point_cont .worth_point_cont-set {
  margin: 30px 30px 0;
  position: relative;
}

.valuesystem-wrap .worth_point_cont .worth_point_cont-set:after {
  content: '';
  display: block;
  clear: both;
}

.valuesystem-wrap .worth_point_cont .worth_point_cont-set .conbox_item {
  float: left;
  width: 33.3333%;
  padding: 0 12px;
}

.valuesystem-wrap .worth_point_cont .worth_point_cont-set .con_f_box, .valuesystem-wrap .worth_point_cont .worth_point_cont-set .con_s_box, .valuesystem-wrap .worth_point_cont .worth_point_cont-set .con_t_box {
 /* width: 250px;margin-right: 25px; */
  border-top: 2px solid #000;
}

.valuesystem-wrap .worth_point_cont .worth_point_cont-set .con_t_box {
  margin-right: 0;
}

.valuesystem-wrap .worth_point_cont .conbox_worth-title {
  background-color: #f6f6f6;
  height: 100%;
  font-size: 18px;
  color: black;
  font-weight: 500;
  line-height: 45px;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}

.valuesystem-wrap .worth_point_cont .conbox_worth-txt {
  min-height: 100px;
  border: 1px solid #e5e5e5;
  height: 100%;
  line-height: 25px;
  padding: 22px 15px;
}

.valuesystem-wrap .valuesystem_read-block {
  clear: both;
  float: none;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box {
  margin-top: 60px;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box p {
  margin-top: 30px;
  font-weight: 500;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box ul {
  margin-top: 5px;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box ul li {
  color: #5e5e5e;
  line-height: 25px;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .title.style_line + .valuesystem_read-boxtr {
  margin-top: 30px;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr + .valuesystem_read-boxtr {
  margin-top: 50px;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr {
  position: relative;
  margin: 0 30px;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr:after {
  content: '';
  display: block;
  clear: both;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont {
  float: left;
  width: 33.3%;
  padding: 0 15px;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont .valuesystem_read-boxset_tit {
  height: 68px;
  text-align: center;
  padding-top: 18px;
  font-size: 20px;
  font-weight: 500;
  border-top: 2px solid #e50012;
}

.valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont .valuesystem_read-boxset_txt {
  background-color: #f6f6f6;
  border-top: 1px solid #d9d9d9;
  height: 208px;
  padding: 30px 30px;
}

@media screen and (max-width: 1023px) {
  .valuesystem-wrap {
 /* 핵심가치&추진방향 */;
  }

  .valuesystem-wrap .valuesystem_summary-block {
 /*    margin-top: 0px; */;
  }

  .valuesystem-wrap .worth-box {
    width: 100%;
    margin: 30px auto 0;
  }

  .valuesystem-wrap .worth-box .worth_mission-box {
    height: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 20px;
  }

  .valuesystem-wrap .worth-box .worth_vission-box {
    margin-top: 10px;
    height: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 20px;
  }

  .valuesystem-wrap .worth-box .worth_point-box {
    margin-top: 10px;
  }

  .valuesystem-wrap .worth-box .worth_title {
    float: none;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
  }

  .valuesystem-wrap .worth-box .worth_txt {
    float: none;
    width: 100%;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
  }

  .valuesystem-wrap .worth_point_cont {
    float: none;
    width: 100%;
    margin-top: -15px;
  }

  .valuesystem-wrap .worth_point_cont .icon-vision-arrow {
    margin: 20px auto;
    margin-bottom: -10px;
  }

  .valuesystem-wrap .worth_point_cont .worth_point_cont-set {
    position: relative;
    margin: 30px 0px 0;
  }

  .valuesystem-wrap .worth_point_cont .worth_point_cont-set:after {
    content: '';
    display: block;
    clear: both;
  }

  .valuesystem-wrap .worth_point_cont .worth_point_cont-set .conbox_item {
    float: none;
    width: 100%;
    padding: 0 0px;
  }

  .valuesystem-wrap .worth_point_cont .worth_point_cont-set .con_f_box, .valuesystem-wrap .worth_point_cont .worth_point_cont-set .con_s_box, .valuesystem-wrap .worth_point_cont .worth_point_cont-set .con_t_box {
    margin-top: 30px;
    float: none;
    width: 100%;
    margin-right: 0;
    border-top: 2px solid #000;
  }

  .valuesystem-wrap .worth_point_cont .worth_point_cont-set .con_t_box {
    margin-right: 0;
  }

  .valuesystem-wrap .worth_point_cont .conbox_worth-title {
    background-color: #f6f6f6;
    height: 100%;
    font-size: 14px;
    color: black;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-bottom: none;
  }

  .valuesystem-wrap .worth_point_cont .conbox_worth-txt {
    border: 1px solid #e5e5e5;
    height: 100%;
    font-size: 13px;
    line-height: 20px;
    padding: 15px 13px;
    color: #5e5e5e;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box {
    margin-top: 30px;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box p {
    margin-top: 15px;
    font-weight: 500;
    font-size: 13px;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box ul {
    margin-top: 5px;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box ul li {
    color: #5e5e5e;
    line-height: 25px;
    font-size: 13px;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .title.style_line + .valuesystem_read-boxtr {
    margin-top: 0px;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .title.style_line + .valuesystem_read-boxtr .valuesystem_read-cont {
    margin-top: 15px;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr + .valuesystem_read-boxtr {
    margin-top: 50px;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr {
    position: relative;
    margin: 0 0;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr:after {
    content: '';
    display: block;
    clear: both;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont {
    margin-top: 30px;
    float: none;
    width: 100%;
    padding: 0 0;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont .valuesystem_read-boxset_tit {
    height: 48px;
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 500;
    border-top: 2px solid #e50012;
  }

  .valuesystem-wrap .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont .valuesystem_read-boxset_txt {
    background-color: #f6f6f6;
    border-top: 1px solid #d9d9d9;
    height: 100%;
    padding: 15px 15px;
  }
}

.strategy-wrap {
  margin-top: 80px;
}

.strategy-wrap .policy_img-box {
  margin-top: 80px;
}

.strategy-wrap .policy_img-box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.strategy-wrap .con-header .title {
  position: relative;
}

.strategy-wrap .con-header .title .line_block + .btn_set {
  padding-left: 150px;
}

.strategy-wrap .con-header .title .btn_set {
  margin-top: 20px;
 /* position: absolute; bottom:0;right:0; */;
}

.strategy-wrap .rule-box {
  background: #f6f6f6;
  padding: 50px 50px 44px;
  margin-top: 35px;
}

.strategy-wrap .rule-box h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
  line-height: 1;
}

.strategy-wrap .rule-box + .rule-box {
  margin-top: 20px;
}

.strategy-wrap .rule-box .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.strategy-wrap .rule-box .mark_dot-list2 > li:after {
  top: 13.5px;
}

.strategy-wrap .rule-box_set {
  margin-top: 60px;
  text-align: center;
}

.strategy-wrap .rule-box_set .rule-box {
  margin-top: 0;
  text-align: left;
}

.strategy-wrap .rule-box_set .rule-box.half {
  max-width: 482px;
  width: 48%;
  height: 242px;
  display: inline-block;
}

.strategy-wrap .rule-box_set .rule-box + .rule-box {
  margin-top: 0;
  margin-left: 30px;
}

.strategy-wrap .rule-box_set .rule-box .desc {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.strategy-wrap .circle_intro {
  max-width: 1093px;
  margin: 70px auto 0;
}

.strategy-wrap .circle_intro:after {
  content: "";
  display: table;
  clear: both;
}

.strategy-wrap .circle_intro > li {
  float: left;
  width: 25%;
  padding: 0 5px;
}

.strategy-wrap .circle_intro .circle_intro-box {
  max-width: 259px;
  margin: 0 auto;
}

.strategy-wrap .circle_intro .circle_intro-box .circle-bg {
  background: url(/resources/images/esg/esg_social/bg_policy_2_1.png) no-repeat;
  width: 192px;
  height: 230px;
  margin: 0 auto;
  text-align: center;
}

.strategy-wrap .circle_intro .circle_intro-box .circle-bg.type2 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_2_2.png);
}

.strategy-wrap .circle_intro .circle_intro-box .circle-bg.type3 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_2_3.png);
}

.strategy-wrap .circle_intro .circle_intro-box .circle-bg.type4 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_2_4.png);
}

.strategy-wrap .circle_intro .circle_intro-box .circle-bg.type5 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_2_5.png);
}

.strategy-wrap .circle_intro .circle_intro-box .circle-bg.red {
  background-image: url(/resources/images/esg/esg_social/bg_circle_red_sm.png);
  width: 140px;
  height: 171px;
}

.strategy-wrap .circle_intro .circle_intro-box .circle-bg.gray {
  background-image: url(/resources/images/esg/esg_social/bg_circle_gray_sm.png);
  width: 140px;
  height: 171px;
}

.strategy-wrap .circle_intro .circle_intro-box .circle-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding-top: 58px;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}

.strategy-wrap .circle_intro .circle_intro-box .circle-bg span i {
  display: block;
}

.strategy-wrap .circle_intro .circle_intro-box .circle_w-bg {
  width: 220px;
  height: 125px;
  margin: 0 auto;
  background: url(/resources/images/esg/esg_social/bg_policy_3_1.png) no-repeat;
  text-align: center;
}

.strategy-wrap .circle_intro .circle_intro-box .circle_w-bg.type2 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_3_2.png);
}

.strategy-wrap .circle_intro .circle_intro-box .circle_w-bg.type3 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_3_3.png);
}

.strategy-wrap .circle_intro .circle_intro-box .circle_w-bg.type4 {
  background-image: url(/resources/images/esg/esg_social/bg_policy_3_4.png);
}

.strategy-wrap .circle_intro .circle_intro-box .circle_w-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding: 25px;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
}

.strategy-wrap .circle_intro .circle_intro-box .circle_w-bg span i {
  display: block;
}

.strategy-wrap .circle_intro .circle_intro-box .desc {
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
  padding: 20px 20px;
}

.strategy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.strategy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
  top: 13.5px;
}

.strategy-wrap .circle_intro .circle_intro-box .desc.has-tit {
  padding-top: 0;
}

.strategy-wrap .circle_intro .circle_intro-box .desc.none-tit {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

.strategy-wrap .circle_intro .circle_intro-box .desc h5 {
  background: #f6f6f6;
  font-size: 18px;
  line-height: 46px;
  color: #222;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -20px;
  text-align: center;
  margin-bottom: 20px;
}

.strategy-wrap .circle_intro .circle_intro-box.sm {
  max-width: 173px;
}

.strategy-wrap .circle_intro .circle_intro-box.sm .circle-bg span {
  padding-top: 48px;
}

.strategy-wrap .circle_intro .circle_intro-box.sm .desc {
  padding: 20px 15px 30px;
}

.strategy-wrap .circle_intro.has-5 {
  margin: 0 -11px;
}

.strategy-wrap .circle_intro.has-5 > li {
  width: 20%;
  padding: 0 11px;
}

.strategy-wrap .circle_intro.has-4 {
  max-width: 1200px;
  margin: 0 auto;
}

.strategy-wrap .circle_intro.has-4 > li {
  position: relative;
  width: 25%;
  padding: 0 25px;
}

.strategy-wrap .circle_intro.has-4 .icon_inno_arrow {
  position: absolute;
  top: 210px;
  right: -5px;
}

.strategy-wrap .circle_intro.has-4 .circle_intro-box {
  max-width: 245px;
  margin: 0 auto;
}

.strategy-wrap .circle_intro.has-2 {
  max-width: 980px;
  margin: 0 auto;
}

.strategy-wrap .circle_intro.has-2 > li {
  width: 50%;
  padding: 0 15px;
}

.strategy-wrap .circle_intro.has-2 .circle_intro-box {
  max-width: 460px;
  margin: 0 auto;
}

.strategy-wrap .customer_guide {
  margin-top: 100px;
  border: 1px solid #e6e6e6;
  border-width: 1px 1px;
  padding: 0;
  background: #f6f6f6 url(/resources/images/esg/esg_social/bg_customer_guide_right.png) no-repeat right bottom;
  background-size: 600px auto;
}

.strategy-wrap .customer_guide:after {
  content: "";
  display: table;
  clear: both;
}

.strategy-wrap .customer_guide .left, .strategy-wrap .customer_guide .right {
  float: left;
  position: relative;
  min-height: 120px;
}

.strategy-wrap .customer_guide .left {
  background: url(/resources/images/esg/esg_social/bg_customer_guide_left.png) no-repeat left -20px;
  background-size: 600px auto;
  width: 810px;
  padding: 24px 25px 24px 147px;
}

.strategy-wrap .customer_guide .left .icon-customer_tel {
  position: absolute;
  left: 39px;
  top: 22px;
}

.strategy-wrap .customer_guide .left p {
  font-size: 16px;
  line-height: 27px;
  color: #979797;
}

.strategy-wrap .customer_guide .left a {
  color: #e50113;
  font-weight: bold;
}

.strategy-wrap .customer_guide .right {
  float: right;
  padding: 37px 40px 38px 10px;
}

.strategy-wrap .customer_guide .right .btn_set {
  font-size: 0;
  line-height: 0;
}

.strategy-wrap .customer_guide .right .btn_set li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}

.strategy-wrap .customer_guide .right .btn {
  display: inline-block;
  font-size: 17px;
  line-height: 41px;
  color: #000;
  border: 1px solid #ccc;
  height: 45px;
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.strategy-wrap .innovation {
  margin-top: 60px;
}

.strategy-wrap .innovation .circle-box {
  text-align: center;
}

.strategy-wrap .innovation .circle-box ul {
  border: 1px solid #d9d9d9;
  padding: 24px 34px;
  -webkit-border-radius: 204px;
  -moz-border-radius: 204px;
  -ms-border-radius: 204px;
  border-radius: 204px;
  display: inline-block;
}

.strategy-wrap .innovation .circle-box ul:after {
  content: "";
  display: table;
  clear: both;
}

.strategy-wrap .innovation .circle-box ul li {
  float: left;
}

.strategy-wrap .innovation .circle-box ul li > div {
  width: 154px;
  height: 154px;
  -webkit-border-radius: 154px;
  -moz-border-radius: 154px;
  -ms-border-radius: 154px;
  border-radius: 154px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: #8c8c8c;
}

.strategy-wrap .innovation .circle-box ul li > div p {
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.strategy-wrap .innovation .circle-box ul li > div:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 154px;
}

.strategy-wrap .innovation .circle-box ul li:nth-child(odd) > div {
  background: #8c8c8c;
}

.strategy-wrap .innovation .circle-box ul li:nth-child(even) > div {
  background: #ea3341;
}

.strategy-wrap .innovation .circle-box ul li + li {
  margin-left: 20px;
}

.strategy-wrap .innovation .top .desc {
  text-align: center;
  margin-top: 35px;
  font-size: 20px;
  line-height: 30px;
  color: #000;
}

.strategy-wrap .innovation .bottom {
  margin-top: 75px;
  text-align: center;
}

.strategy-wrap .innovation .bottom > ul {
  display: inline-block;
}

.strategy-wrap .innovation .bottom > ul:after {
  content: "";
  display: table;
  clear: both;
}

.strategy-wrap .innovation .bottom > ul > li {
  width: 200px;
  float: left;
  position: relative;
  text-align: left;
}

.strategy-wrap .innovation .bottom > ul > li + li {
  margin-left: 50px;
}

.strategy-wrap .innovation .bottom > ul > li .tit {
  height: 72px;
  -webkit-border-radius: 72px;
  -moz-border-radius: 72px;
  -ms-border-radius: 72px;
  border-radius: 72px;
  background: #ff868f;
  text-align: center;
  padding-top: 10px;
}

.strategy-wrap .innovation .bottom > ul > li .tit i, .strategy-wrap .innovation .bottom > ul > li .tit span {
  display: block;
  color: #fff;
}

.strategy-wrap .innovation .bottom > ul > li .tit i {
  font-size: 14px;
  line-height: 20px;
}

.strategy-wrap .innovation .bottom > ul > li .tit span {
  font-size: 20px;
  font-weight: 500;
}

.strategy-wrap .innovation .bottom > ul > li:nth-child(1) .tit {
  background: #ff868f;
}

.strategy-wrap .innovation .bottom > ul > li:nth-child(2) .tit {
  background: #ff6772;
}

.strategy-wrap .innovation .bottom > ul > li:nth-child(3) .tit {
  background: #ff4250;
}

.strategy-wrap .innovation .bottom > ul > li:nth-child(4) .tit {
  background: #ea3341;
}

.strategy-wrap .innovation .bottom .mark_dot-list {
  margin-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

.strategy-wrap .innovation .bottom .icon_inno_arrow {
  position: absolute;
  top: 25.5px;
  right: -31px;
}

.strategy-wrap .company_sub_policy {
  margin-top: 60px;
}

.strategy-wrap .company_sub_policy .title {
  margin-bottom: 30px;
}

.strategy-wrap .company_sub_policy .cont h5 {
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #000;
}

.strategy-wrap .company_sub_policy .cont p {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.strategy-wrap .company_sub_policy .policy_img-box {
  margin-top: 60px;
}

.strategy-wrap .company_sub_policy .policy_img-box + .word_guide {
  margin-top: 60px;
}

.strategy-wrap .company_sub_policy .word_guide {
  margin-top: 24px;
  position: relative;
  padding: 30px 34px 28px 74px;
  background: #f6f6f6;
}

.strategy-wrap .company_sub_policy .word_guide .icon-word_guide {
  position: absolute;
  left: 34px;
  top: 30px;
}

.strategy-wrap .company_sub_policy .word_guide dl {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.strategy-wrap .company_sub_policy .word_guide dl dt {
  font-size: 18px;
  font-weight: bold;
}

.strategy-wrap .company_sub_policy .certify-box_set {
  width: 976px;
  margin: 0 auto 0;
  padding: 10px 0 20px;
  font-size: 0;
  line-height: 0;
}

.strategy-wrap .company_sub_policy .certify-box_set .certify-box {
  max-width: 478px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e5e5e5;
  height: 386px;
  text-align: left;
}

.strategy-wrap .company_sub_policy .certify-box_set .certify-box .mark {
  height: 188px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.strategy-wrap .company_sub_policy .certify-box_set .certify-box .mark:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.strategy-wrap .company_sub_policy .certify-box_set .certify-box .mark img {
  display: inline-block;
  vertical-align: middle;
}

.strategy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
  height: 196px;
  background: #f6f6f6;
  padding: 36px 15px 0 36px;
}

.strategy-wrap .company_sub_policy .certify-box_set .certify-box .desc h5 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  margin-bottom: 6px;
}

.strategy-wrap .company_sub_policy .certify-box_set .certify-box .desc p {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.strategy-wrap .company_sub_policy .certify-box_set .certify-box + .certify-box {
  margin-left: 20px;
}

.strategy-wrap .company_sub_policy .list-wrap {
  width: 950px;
  margin: 0 auto;
}

.strategy-wrap .company_sub_policy .define-box_set {
  margin-top: 20px;
}

.strategy-wrap .define-box_set {
  font-size: 0;
  line-height: 0;
  width: 976px;
  margin: 70px auto 0;
}

.strategy-wrap .define-box_set .define-box {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 2px solid #e50012;
  width: 312px;
  display: inline-block;
  vertical-align: top;
}

.strategy-wrap .define-box_set .define-box dt {
  font-size: 20px;
  line-height: 66px;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}

.strategy-wrap .define-box_set .define-box dd {
  background: #f6f6f6;
  padding: 32px 20px 32px 30px;
  height: 178px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.strategy-wrap .define-box_set .define-box dd b {
  font-weight: 400;
  color: #000;
}

.strategy-wrap .define-box_set .define-box .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.strategy-wrap .define-box_set .define-box .mark_dot-list2 > li:after {
  top: 13.5px;
}

.strategy-wrap .define-box_set .define-box + .define-box {
  margin-left: 20px;
}

.strategy-wrap .define-box_set .define-box.long dd {
  height: 232px;
}

.strategy-wrap .define-box_set .define-box.long_long dd {
  height: 260px;
}

@media screen and (max-width: 1200px) {
  .strategy-wrap .define-box_set .define-box.long_long dd {
    height: 310px;
  }
}

@media screen and (max-width: 1023px) {
  .strategy-wrap .define-box_set .define-box.long_long dd {
    height: auto;
    min-height: auto;
  }
}

.strategy-wrap .define-box_set .define-box.middle dd {
  height: auto;
  min-height: 210px;
}

.strategy-wrap .define-box_set .define-box.small dd {
  height: auto;
  min-height: 180px;
}

.strategy-wrap .define-box_set.fullsize {
  width: 1110px;
  max-width: 100%;
}

.strategy-wrap .define-box_set.fullsize .define-box {
  width: calc( 33.33333333333% - 16px);
}

.strategy-wrap .define-box_set.fullsize .define-box + .define-box {
  margin-left: 24px;
}

.strategy-wrap .vision-table {
  display: table;
  width: 950px;
  margin: 25px auto 0;
  table-layout: fixed;
}

.strategy-wrap .vision-table .tr {
  display: table-row;
}

.strategy-wrap .vision-table .tr.border_line .th, .strategy-wrap .vision-table .tr.border_line .td {
  border-bottom: 1px solid #e2e2e2;
}

.strategy-wrap .vision-table .th {
  display: table-cell;
  width: 150px;
  font-size: 20px;
  line-height: 28px;
  color: #222;
  font-weight: bold;
  padding: 15px 0;
}

.strategy-wrap .vision-table .td {
  display: table-cell;
  padding: 15px 0;
  width: auto;
}

.strategy-wrap .vision-table .td .txt {
  font-size: 20px;
  line-height: 28px;
  color: #e50012;
  text-align: center;
}

.strategy-wrap .vision-table.vision-table-block {
  margin-top: 0;
  display: block;
}

.strategy-wrap .vision-table.vision-table-block .tr, .strategy-wrap .vision-table.vision-table-block .th, .strategy-wrap .vision-table.vision-table-block .td {
  display: block;
  width: 100%;
}

.strategy-wrap .vision-table.vision-table-block .circle_intro {
  margin-top: 20px;
}

.strategy-wrap .vision-table .vision_img {
  text-align: center;
  font-size: 0;
  line-height: 0;
  padding: 15px 0 30px;
}

.strategy-wrap .vision-table .define-box_set {
  margin-top: 0;
  width: 100%;
}

.strategy-wrap .vision-table .define-box_set .define-box {
  width: calc(33.333333333333333% - 12px);
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
}

.strategy-wrap .vision-table .define-box_set .define-box dt {
  font-size: 18px;
  line-height: 45px;
  background: #f6f6f6;
  border-color: #e5e5e5;
}

.strategy-wrap .vision-table .define-box_set .define-box dd {
  background: #fff;
  padding: 20px 12px 20px 18px;
  height: 180px;
}

.strategy-wrap .vision-table .define-box_set .define-box + .define-box {
  margin-left: 18px;
}

.strategy-wrap .vision-table .define-box_set .define-box.long dd {
  min-height: 208px;
  padding: 20px 10px 20px 16px;
}

.strategy-wrap .vision-table .icon-vision-arrow {
  margin: -10px auto 20px;
}

@media screen and (max-width: 1200px) {
  .strategy-wrap .innovation .bottom > ul > li + li {
    margin-left: 40px;
  }

  .strategy-wrap .innovation .bottom .icon_inno_arrow {
    right: -28px;
  }

  .strategy-wrap .certify-box_set .certify-box + .certify-box {
    margin-left: 34px !important;
  }

  .strategy-wrap .define-box_set {
    width: 100%;
  }

  .strategy-wrap .define-box_set .define-box {
    width: 301px;
  }
}

@media screen and (max-width: 1023px) {
  .strategy-wrap {
    margin-top: 30px;
  }

  .strategy-wrap .policy_img-box {
    margin-top: 35px;
  }

  .strategy-wrap .policy_img-box img {
    width: 100%;
    max-width: 292px;
  }

  .strategy-wrap .con-header .title .line_block + .btn_set {
    margin-top: 15px;
    padding-left: 16px;
  }

  .strategy-wrap .rule-box {
    margin-top: 20px;
    padding: 22px 20px 18px;
  }

  .strategy-wrap .rule-box h4 {
    font-size: 15px;
    margin-bottom: 9px;
  }

  .strategy-wrap .rule-box .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
  }

  .strategy-wrap .rule-box .mark_dot-list2 > li:after {
    top: 9px;
  }

  .strategy-wrap .rule-box_set {
    margin-top: 30px;
  }

  .strategy-wrap .rule-box_set .rule-box.half {
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
  }

  .strategy-wrap .rule-box_set .rule-box + .rule-box {
    margin-top: 30px;
    margin-left: 0;
  }

  .strategy-wrap .rule-box_set .rule-box .desc {
    font-size: 13px;
    line-height: 21px;
  }

  .strategy-wrap .circle_intro {
    position: relative;
    margin: 35px auto 0;
  }

  .strategy-wrap .circle_intro > li {
    float: left;
    width: 50%;
    padding: 0px 5px;
 /* & + li { margin-top: 40px; } */;
  }

  .strategy-wrap .circle_intro > li:nth-child(2) {
    margin-top: 0;
  }

  .strategy-wrap .circle_intro > li:nth-child(3), .strategy-wrap .circle_intro > li:nth-child(4) {
    margin-top: 40px;
  }

  .strategy-wrap .circle_intro .circle_intro-box {
    max-width: none;
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle-bg {
    background: url(/resources/images/esg/esg_social/bg_policy_2_1_mb.png) no-repeat;
    width: 110px;
    height: 154.5px;
    margin: 0 auto;
    text-align: center;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle-bg.type2 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_2_2_mb.png);
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle-bg.type3 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_2_3_mb.png);
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle-bg.type4 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_2_4_mb.png);
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle-bg.type5 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_2_5_mb.png);
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle-bg.red {
    background-image: url(/resources/images/esg/esg_social/bg_circle_red_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle-bg.gray {
    background-image: url(/resources/images/esg/esg_social/bg_circle_gray_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle-bg span {
    padding-top: 28px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -1px;
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle_w-bg {
    width: 210px;
    height: 102px;
    margin: 0 auto;
    background: url(/resources/images/esg/esg_social/bg_policy_3_1_mb.png) no-repeat;
    background-size: 100%;
    text-align: center;
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle_w-bg.type2 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_3_2_mb.png);
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle_w-bg.type3 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_3_3_mb.png);
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle_w-bg.type4 {
    background-image: url(/resources/images/esg/esg_social/bg_policy_3_4_mb.png);
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle_w-bg span {
    font-weight: normal;
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
  }

  .strategy-wrap .circle_intro .circle_intro-box .circle_w-bg span i {
    display: block;
  }

  .strategy-wrap .circle_intro .circle_intro-box .desc {
    padding: 15px;
    min-height: auto;
  }

  .strategy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }

  .strategy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
    top: 9px;
  }

  .strategy-wrap .circle_intro .circle_intro-box .desc.has-tit {
    padding-top: 0;
  }

  .strategy-wrap .circle_intro .circle_intro-box .desc.none-tit {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
  }

  .strategy-wrap .circle_intro .circle_intro-box .desc h5 {
    background: #f6f6f6;
    font-size: 14px;
    line-height: 46px;
    color: #222;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 -15px;
    text-align: center;
    margin-bottom: 15px;
  }

  .strategy-wrap .circle_intro .circle_intro-box .desc h5.line2 {
    padding: 10px 0;
    min-height: 46px;
    line-height: 1.3;
  }

  .strategy-wrap .circle_intro .circle_intro-box.sm {
    max-width: none;
  }

  .strategy-wrap .circle_intro .circle_intro-box.sm .circle-bg span {
    padding-top: 40px;
  }

  .strategy-wrap .circle_intro .circle_intro-box.sm .desc {
    padding: 15px 14px;
    min-height: 120px;
  }

  .strategy-wrap .circle_intro.has-5 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .strategy-wrap .circle_intro.has-5 > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 15px 5px;
    margin: 0 auto;
  }

  .strategy-wrap .circle_intro.has-5 > li:last-child {
    padding: 15px 5px 0;
    float: none;
    clear: both;
  }

  .strategy-wrap .circle_intro.has-4 {
    margin: 0 auto;
  }

  .strategy-wrap .circle_intro.has-4 > li {
    position: relative;
    width: 100%;
    padding: 0 0px;
  }

  .strategy-wrap .circle_intro.has-4 > li:nth-child(2), .strategy-wrap .circle_intro.has-4 > li:nth-child(3), .strategy-wrap .circle_intro.has-4 > li:nth-child(4) {
    margin-top: 40px;
  }

  .strategy-wrap .circle_intro.has-4 .icon_inno_arrow {
    position: absolute;
    top: auto;
    bottom: -25px;
    right: 50%;
    margin-right: -9px;
  }

  .strategy-wrap .circle_intro.has-4 .circle_intro-box {
    max-width: 320px;
    margin: 0 auto;
  }

  .strategy-wrap .circle_intro.has-2 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .strategy-wrap .circle_intro.has-2 > li {
    display: inline-block;
    vertical-align: top;
 /* width: 100%; */
    padding: 15px 5px;
    margin: 0 auto;
  }

  .strategy-wrap .customer_guide {
    margin-top: 50px;
    border-width: 1px;
    background-image: none;
  }

  .strategy-wrap .customer_guide .left, .strategy-wrap .customer_guide .right {
    float: none;
    min-height: 0;
  }

  .strategy-wrap .customer_guide .left {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_left-mb.png) no-repeat top left;
    background-size: 134px auto;
    width: 100%;
    padding: 22px 22px 22px 87px;
  }

  .strategy-wrap .customer_guide .left .icon-customer_tel {
    position: absolute;
    left: 17px;
    top: 25px;
  }

  .strategy-wrap .customer_guide .left p {
    font-size: 13px;
    line-height: 19px;
  }

  .strategy-wrap .customer_guide .right {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_right-mb.png) no-repeat right bottom;
    background-size: 121px auto;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 0 14px 24px 87px;
  }

  .strategy-wrap .customer_guide .right .btn_set {
    margin: 0;
  }

  .strategy-wrap .customer_guide .right .btn_set li {
    float: none;
    width: 100%;
    padding: 0;
  }

  .strategy-wrap .customer_guide .right .btn {
    font-size: 13px;
    line-height: 32px;
    width: auto;
    height: 35px;
  }

  .strategy-wrap .innovation {
    margin-top: 30px;
  }

  .strategy-wrap .innovation .circle-box {
    max-width: 260px;
    margin: 0 auto;
  }

  .strategy-wrap .innovation .circle-box ul {
    padding: 7px 9px;
    -webkit-border-radius: 72px;
    -moz-border-radius: 72px;
    -ms-border-radius: 72px;
    border-radius: 72px;
  }

  .strategy-wrap .innovation .circle-box ul:after {
    content: "";
    display: table;
    clear: both;
  }

  .strategy-wrap .innovation .circle-box ul li {
    float: left;
    width: 50%;
    padding: 12px 10px;
  }

  .strategy-wrap .innovation .circle-box ul li > div {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
  }

  .strategy-wrap .innovation .circle-box ul li > div p {
    font-size: 13px;
    line-height: 19px;
  }

  .strategy-wrap .innovation .circle-box ul li > div:before {
    height: 100px;
  }

  .strategy-wrap .innovation .circle-box ul li + li {
    margin-left: 0;
  }

  .strategy-wrap .innovation .circle-box ul li:nth-child(odd) > div {
    background: #8c8c8c;
    float: left;
  }

  .strategy-wrap .innovation .circle-box ul li:nth-child(even) > div {
    background: #ea3341;
    float: right;
  }

  .strategy-wrap .innovation .top .desc {
    margin-top: 26px;
    font-size: 13px;
    line-height: 21px;
  }

  .strategy-wrap .innovation .bottom {
    margin-top: 30px;
    text-align: center;
  }

  .strategy-wrap .innovation .bottom > ul {
    display: inline-block;
    text-align: left;
  }

  .strategy-wrap .innovation .bottom > ul > li {
    width: 100%;
    float: none;
    position: relative;
  }

  .strategy-wrap .innovation .bottom > ul > li + li {
    margin-left: 0;
    margin-top: 40px;
  }

  .strategy-wrap .innovation .bottom > ul > li .tit {
    width: 200px;
    height: 52px;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    border-radius: 52px;
    padding-top: 6px;
  }

  .strategy-wrap .innovation .bottom > ul > li .tit i {
    font-size: 13px;
    line-height: 19px;
  }

  .strategy-wrap .innovation .bottom > ul > li .tit span {
    font-size: 14px;
    font-weight: 500;
  }

  .strategy-wrap .innovation .bottom > ul > li:nth-child(1) .tit {
    background: #ff868f;
  }

  .strategy-wrap .innovation .bottom > ul > li:nth-child(2) .tit {
    background: #ff6772;
  }

  .strategy-wrap .innovation .bottom > ul > li:nth-child(3) .tit {
    background: #ff4250;
  }

  .strategy-wrap .innovation .bottom > ul > li:nth-child(4) .tit {
    background: #ea3341;
  }

  .strategy-wrap .innovation .bottom .mark_dot-list {
    margin-top: 15px;
    font-size: 13px;
    line-height: 19px;
  }

  .strategy-wrap .innovation .bottom .icon_inno_arrow {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -25px;
    left: 50%;
    margin-left: -9px;
  }

  .strategy-wrap .company_sub_policy {
    margin-top: 40px;
  }

  .strategy-wrap .company_sub_policy .title {
    margin-bottom: 16px;
  }

  .strategy-wrap .company_sub_policy .cont h5 {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1;
  }

  .strategy-wrap .company_sub_policy .cont p {
    font-size: 13px;
    line-height: 21px;
  }

  .strategy-wrap .company_sub_policy .policy_img-box {
    margin-top: 26px;
  }

  .strategy-wrap .company_sub_policy .policy_img-box + .word_guide {
    margin-top: 20px;
  }

  .strategy-wrap .company_sub_policy .policy_img-box img {
    width: 215.5px;
  }

  .strategy-wrap .company_sub_policy .word_guide {
    margin-top: 17px;
    padding: 20px 18px 20px 50px;
  }

  .strategy-wrap .company_sub_policy .word_guide .icon-word_guide {
    position: absolute;
    left: 18px;
    top: 20px;
  }

  .strategy-wrap .company_sub_policy .word_guide dl {
    font-size: 13px;
    line-height: 20px;
  }

  .strategy-wrap .company_sub_policy .word_guide dl dt {
    font-size: 15px;
    line-height: 23.5px;
    margin-bottom: 10px;
  }

  .strategy-wrap .company_sub_policy .word_guide dl dd {
    margin-left: -32px;
  }

  .strategy-wrap .company_sub_policy .certify-box_set {
    width: 100%;
    margin: 0 auto 0;
    padding: 10px 0 0;
    height: auto;
    font-size: 0;
    line-height: 0;
  }

  .strategy-wrap .company_sub_policy .certify-box_set .certify-box {
    width: 100%;
    display: block;
    height: auto;
    max-width: none;
  }

  .strategy-wrap .company_sub_policy .certify-box_set .certify-box .mark {
    height: 115px;
  }

  .strategy-wrap .company_sub_policy .certify-box_set .certify-box .mark img {
    display: inline-block;
    vertical-align: middle;
    width: 125px;
  }

  .strategy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
    height: auto;
    background: #f6f6f6;
    padding: 20px 17px;
  }

  .strategy-wrap .company_sub_policy .certify-box_set .certify-box .desc h5 {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 6px;
  }

  .strategy-wrap .company_sub_policy .certify-box_set .certify-box .desc p {
    font-size: 13px;
    line-height: 20px;
  }

  .strategy-wrap .company_sub_policy .certify-box_set .certify-box + .certify-box {
    margin-left: 0 !important;
    margin-top: 20px;
  }

  .strategy-wrap .company_sub_policy .list-wrap {
    width: 100%;
    margin: 0;
  }

  .strategy-wrap .define-box_set {
    font-size: 0;
    line-height: 0;
    width: 100%;
    margin: 35px auto 0;
  }

  .strategy-wrap .define-box_set .define-box {
    width: 100%;
  }

  .strategy-wrap .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 50px;
  }

  .strategy-wrap .define-box_set .define-box dd {
    padding: 20px 15px;
    font-size: 13px;
    height: auto;
  }

  .strategy-wrap .define-box_set .define-box .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
  }

  .strategy-wrap .define-box_set .define-box .mark_dot-list2 > li:after {
    top: 9px;
  }

  .strategy-wrap .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .strategy-wrap .define-box_set .define-box.middle dd {
    height: auto;
    min-height: auto;
  }

  .strategy-wrap .define-box_set .define-box.long dd {
    height: auto;
  }

  .strategy-wrap .define-box_set .define-box.small dd {
    height: auto;
    min-height: auto;
  }

  .strategy-wrap .define-box_set.fullsize {
    width: 100%;
    max-width: 100%;
  }

  .strategy-wrap .define-box_set.fullsize .define-box {
    width: 100%;
  }

  .strategy-wrap .define-box_set.fullsize .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .strategy-wrap .vision-table {
    display: block;
    width: 100%;
    margin: 17px auto 0;
  }

  .strategy-wrap .vision-table .tr {
    display: block;
    padding: 20px 0 20px;
  }

  .strategy-wrap .vision-table .tr.border_line {
    border-bottom: 1px solid #e2e2e2;
  }

  .strategy-wrap .vision-table .tr.border_line .th, .strategy-wrap .vision-table .tr.border_line .td {
    border-bottom: 0;
  }

  .strategy-wrap .vision-table .th {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
  }

  .strategy-wrap .vision-table .td {
    display: block;
    padding: 0;
    width: auto;
  }

  .strategy-wrap .vision-table .td .txt {
    font-size: 13px;
    line-height: 24px;
    color: #e50012;
    text-align: center;
  }

  .strategy-wrap .vision-table .vision_img {
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 20px 0;
  }

  .strategy-wrap .vision-table .vision_img img {
    width: 292px;
    max-width: 100%;
  }

  .strategy-wrap .vision-table .define-box_set {
    margin-top: 0;
    width: 100%;
    padding: 10px 0;
  }

  .strategy-wrap .vision-table .define-box_set .define-box {
    width: 100%;
  }

  .strategy-wrap .vision-table .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 40px;
  }

  .strategy-wrap .vision-table .define-box_set .define-box dd {
    background: #fff;
    padding: 17px 12px;
    height: auto;
  }

  .strategy-wrap .vision-table .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .strategy-wrap .vision-table .define-box_set .define-box.long dd {
    height: auto;
  }

  .strategy-wrap .vision-table .icon-vision-arrow {
    margin: -10px auto 20px;
  }

  .strategy-wrap .vision-table.vision-table-block .circle_intro {
    margin-top: 15px;
  }
}

.strategy-wrap .history-area {
  position: relative;
  margin-top: 100px;
}

.strategy-wrap .history-area .history-list {
  position: relative;
  background: url(/resources/images/company/history_line.png) center 30px repeat-y;
}

.strategy-wrap .history-area .history-list .inner {
  position: relative;
  margin-top: -25px;
  padding-bottom: 30px;
}

.strategy-wrap .history-area .history-list > li {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.strategy-wrap .history-area .history-list > li + li {
  margin-top: 30px;
}

.strategy-wrap .history-area .history-list > li:nth-child(odd) .inner {
  padding-left: calc( 50% + 80px);
  text-align: left;
}

.strategy-wrap .history-area .history-list > li:nth-child(odd) .item_tit::before {
  position: absolute;
  top: 23px;
  left: -80px;
  right: auto;
}

.strategy-wrap .history-area .history-list > li:nth-child(odd) .item_tit::after {
  position: absolute;
  top: 18px;
  left: -85px;
  right: auto;
}

.strategy-wrap .history-area .history-list > li:nth-child(even) .inner {
  padding-right: calc( 50% + 80px);
  text-align: right;
}

.strategy-wrap .history-area .history-list > li:nth-child(even) .item_tit::before {
  position: absolute;
  top: 23px;
  right: -80px;
  left: auto;
}

.strategy-wrap .history-area .history-list > li:nth-child(even) .item_tit::after {
  position: absolute;
  top: 18px;
  right: -85px;
  left: auto;
}

.strategy-wrap .history-area .item_tit {
  position: relative;
}

.strategy-wrap .history-area .item_tit span {
  font-size: 38px;
  font-weight: 500;
  color: #000000;
  line-height: 1.1;
}

.strategy-wrap .history-area .item_tit::before, .strategy-wrap .history-area .item_tit::after {
  content: "";
  display: block;
}

.strategy-wrap .history-area .item_tit::before {
  width: 65px;
  height: 1px;
  background-color: #ffb2b2;
}

.strategy-wrap .history-area .item_tit::after {
  width: 11px;
  height: 11px;
  background-color: #e50012;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.strategy-wrap .history-area .item_con {
  margin-top: 25px;
}

.strategy-wrap .history-area .item_con p {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #5e5e5e;
}

.strategy-wrap .history-area .item_con p + ul {
  margin-top: 10px;
}

.strategy-wrap .history-area .item_con p + ul > li {
  color: #5e5e5e;
}

.strategy-wrap .history-area .item_con p + ul > li + li {
  margin-top: 10px;
}

.strategy-wrap .history-area .item_con em {
  font-size: 20px;
  color: #e50012;
}

.strategy-wrap .history-area .item_con b {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  .strategy-wrap .history-area {
    margin-top: 50px;
  }

  .strategy-wrap .history-area .history-list {
    background: none;
  }

  .strategy-wrap .history-area .history-list .inner {
    position: relative;
    margin-top: -25px;
    padding-bottom: 30px;
  }

  .strategy-wrap .history-area .history-list > li + li {
    margin-top: 30px;
  }

  .strategy-wrap .history-area .history-list > li:nth-child(odd) .inner {
    padding-left: 50px;
  }

  .strategy-wrap .history-area .history-list > li:nth-child(odd) .item_tit::before {
    position: absolute;
    top: 11px;
    left: -40px;
    right: auto;
  }

  .strategy-wrap .history-area .history-list > li:nth-child(odd) .item_tit::after {
    position: absolute;
    top: 8px;
    left: -45px;
    right: auto;
  }

  .strategy-wrap .history-area .history-list > li:nth-child(even) .inner {
    padding-right: 50px;
  }

  .strategy-wrap .history-area .history-list > li:nth-child(even) .item_tit::before {
    position: absolute;
    top: 11px;
    right: -40px;
    left: auto;
  }

  .strategy-wrap .history-area .history-list > li:nth-child(even) .item_tit::after {
    position: absolute;
    top: 8px;
    right: -45px;
    left: auto;
  }

  .strategy-wrap .history-area .item_tit {
    position: relative;
  }

  .strategy-wrap .history-area .item_tit span {
    font-size: 18px;
  }

  .strategy-wrap .history-area .item_tit::before, .strategy-wrap .history-area .item_tit::after {
    content: "";
    display: block;
  }

  .strategy-wrap .history-area .item_tit::before {
    width: 35px;
    height: 1px;
    background-color: #ffb2b2;
  }

  .strategy-wrap .history-area .item_tit::after {
    width: 8px;
    height: 8px;
    background-color: #e50012;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .strategy-wrap .history-area .item_con {
    margin-top: 15px;
  }

  .strategy-wrap .history-area .item_con p {
    margin-top: 10px;
    font-size: 13px;
  }

  .strategy-wrap .history-area .item_con p + ul {
    margin-top: 5px;
  }

  .strategy-wrap .history-area .item_con p + ul > li {
    font-size: 13px;
    color: #5e5e5e;
  }

  .strategy-wrap .history-area .item_con p + ul > li + li {
    margin-top: 5px;
  }

  .strategy-wrap .history-area .item_con em {
    font-size: 14px;
  }

  .strategy-wrap .history-area .item_con b {
    font-size: 13px;
  }
}

.activity_social-wrap {
  margin-top: 80px;
}

.activity_social-wrap .major_contribution-area {
  margin-top: 60px;
}

.activity_social-wrap .major_contribution-area .style_line {
  padding-bottom: 15px;
}

.activity_social-wrap .major_contribution-area .style_line::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: #ef0010;
}

.activity_social-wrap .major_contribution-area .sub_txt {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.7em;
  color: #5e5e5e;
  font-weight: 400;
}

.activity_social-wrap .major_contribution-area .img-box {
  text-align: center;
}

.activity_social-wrap .major_contribution-area .img-box img {
  width: 100%;
  max-width: 1080px;
}

@media screen and (max-width: 1023px) {
  .activity_social-wrap .major_contribution-area {
    margin-top: 30px;
  }

  .activity_social-wrap .major_contribution-area .sub_txt {
    margin-top: 30px;
    font-size: 13px;
  }

  .activity_social-wrap .major_contribution-area .img-box {
    width: 100%;
    text-align: center;
  }

  .activity_social-wrap .major_contribution-area .img-box img {
    width: 100%;
  }
}

.activity_social-wrap .gallery_view {
  margin-top: 50px;
}

.activity_social-wrap .gallery_desc {
  margin-top: 10px;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 1.7;
}

.activity_social-wrap .gallery_desc .h6 {
  color: #000000;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .activity_social-wrap .gallery_view-wrap .bx-prev {
    display: none;
  }

  .activity_social-wrap .gallery_view-wrap .bx-next {
    display: none;
  }

  .activity_social-wrap .gallery_desc + .gallery_desc {
    margin-top: 10px;
  }

  .activity_social-wrap .gallery_desc {
    margin-top: -10px;
    font-size: 13px;
    color: #5e5e5e;
    line-height: 1.4;
  }

  .activity_social-wrap .gallery_desc .h6 {
    color: #000000;
    font-weight: bold;
  }
}

.activity_social-wrap .history_count-wrap {
  position: relative;
  margin-top: 50px;
}

.activity_social-wrap .history_count-area {
  padding-bottom: 70px;
}

.activity_social-wrap .simbol-list.type2 i {
  padding: 70px 0;
  height: 240px;
  box-sizing: border-box;
}

.activity_social-wrap .simbol-list {
  padding-top: 60px;
}

.activity_social-wrap .simbol-list > li {
  position: relative;
  margin-top: 30px;
  padding: 5px 0;
  background: url(/resources/images/common/dot_d9d9d9.png) 95px center no-repeat;
  background-size: calc(100% - 1.8761% - 95px) 1px;
}

.activity_social-wrap .simbol-list > li.typo-2 {
  margin-bottom: 110px;
}

.activity_social-wrap .simbol-list i {
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
}

.activity_social-wrap .simbol-list i img {
  width: 100%;
}

.activity_social-wrap .history_data {
  position: absolute;
  top: 0px;
  left: 134px;
  width: calc( 100% - 134px);
  padding-bottom: 70px;
  overflow: hidden;
}

@media screen and (max-width: 1023px) {
  .activity_social-wrap .history_count-wrap {
    position: relative;
    margin-top: 25px;
  }

  .activity_social-wrap .history_count-area {
    padding-bottom: 20px;
  }

  .activity_social-wrap .simbol-list {
    display: none;
  }

  .activity_social-wrap .history_data {
    position: relative;
    left: 0;
    padding-bottom: 40px;
    width: 100%;
  }
}

.activity_social-wrap .history_data.none_icon {
  position: relative;
  left: 0;
  padding-bottom: 0;
  width: 100%;
}

.activity_social-wrap .history_data.none_icon .year-list .year-body {
  padding-left: 0;
}

@media screen and (max-width: 1023px) {
  .activity_social-wrap .history_data.none_icon {
    padding-bottom: 30px;
  }

  .activity_social-wrap .history_data.none_icon.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0px;
  }

  .activity_social-wrap .history_data.none_icon .year-list .year-body.none {
    background-image: none;
  }
}

.activity_social-wrap .year-list:after {
  content: '';
  display: block;
  clear: both;
}

.activity_social-wrap .year-list > li {
  float: left;
  width: 33.3333%;
  padding: 0 1.8761%;
  text-align: center;
}

.activity_social-wrap .year-list .year-typo {
  display: inline-block;
  width: 56.25%;
  height: 60px;
  padding: 20px;
  font-size: 20px;
  color: #fff;
  vertical-align: middle;
  line-height: 20px;
  background-color: #8c8c8c;
  border-radius: 30px;
}

.activity_social-wrap .year-list .year-body {
  margin-top: 30px;
}

.activity_social-wrap .year-list .year-body i {
  display: none;
}

.activity_social-wrap .year-list .year-body.none {
  margin-top: 30px;
}

.activity_social-wrap .year-list .year-body.none .count-typo {
  border: 0;
  background-color: transparent;
}

.activity_social-wrap .year-list .year-body.none .count-typo i {
  display: none;
}

.activity_social-wrap .year-list .year-body.year_big .count-typo {
  height: 140px;
}

.activity_social-wrap .year-list .year-body.year_single .count-typo {
  padding: 40px 15px;
}

.activity_social-wrap .year-list .count-typo + .count-typo {
  margin-top: -1px;
}

.activity_social-wrap .year-list .count-typo {
  display: inline-block;
  width: 100%;
  height: 110px;
  padding: 27px 5px;
  text-align: center;
  font-size: 16px;
  color: #5e5e5e;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

.activity_social-wrap .year-list .count-typo.muted {
  padding: 18px 5px;
}

.activity_social-wrap .year-list .count-typo.muted .text-muted {
  margin-top: 5px;
  font-size: 13px;
  color: #a0a0a0;
}

.activity_social-wrap .year-list .count-typo .tit {
  font-size: 18px;
  color: #000;
  height: 25px;
}

.activity_social-wrap .year-list .count-typo .desc {
  font-size: 16px;
  color: #5e5e5e;
  height: 30px;
}

.activity_social-wrap .year-list .count-typo .desc em {
  font-size: 22px;
  color: #ea3341;
  font-weight: 500;
}

@media screen and (max-width: 1023px) {
  .activity_social-wrap .year-list > li {
    padding: 0;
  }

  .activity_social-wrap .year-list .year-typo {
    height: 47px;
    padding: 13px;
    font-size: 15px;
  }

  .activity_social-wrap .year-list .year-body + .year-body {
    margin-top: 15px;
  }

  .activity_social-wrap .year-list .year-body {
    position: relative;
 /* padding-left: 110px; */
    padding-left: 30%;
    margin-top: 18px;
    background: url(/resources/images/common/dot_d9d9d9.png) 75px center no-repeat;
    background-size: calc( 100% - 75px) 1px;
  }

  .activity_social-wrap .year-list .year-body i {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 78px;
  }

  .activity_social-wrap .year-list .year-body i img {
    width: 100%;
  }

  .activity_social-wrap .year-list .year-body.typo-2 {
 /* 일반2단 */
    background: url(/resources/images/common/dot_d9d9d9.png) 75px 39px no-repeat;
  }

  .activity_social-wrap .year-list .year-body.year_big i {
    top: 50%;
    margin-top: -39px;
  }

  .activity_social-wrap .year-list .year-body.year_big .count-typo {
    height: 100px;
  }

  .activity_social-wrap .year-list .year-body.year_single .count-typo {
    padding: 25px 15px;
  }

  .activity_social-wrap .year-list .count-typo {
    position: relative;
    height: 79px;
    padding: 15px;
  }

  .activity_social-wrap .year-list .count-typo.muted {
    padding: 3px 15px;
  }

  .activity_social-wrap .year-list .count-typo.muted .text-muted {
    margin-top: 0px;
  }

  .activity_social-wrap .year-list .count-typo .tit {
    font-size: 14px;
    line-height: 1.2;
  }

  .activity_social-wrap .year-list .count-typo .desc {
    font-size: 13px;
  }

  .activity_social-wrap .year-list .count-typo .desc em {
    font-size: 16px;
  }
}

.activity_social-wrap .year-list.type2 .count-typo {
  height: 250px;
}

.activity_social-wrap .year-list.type2 .mark_dot-list {
  width: 100%;
  margin-top: 20px;
  padding-left: 20px;
}

.activity_social-wrap .year-list.type2 .mark_dot-list > li {
  text-align: left;
  line-height: 1.7;
}

.activity_social-wrap .year-list.type2 .mark_dot-list > li::after {
  top: 12px;
}

@media screen and (max-width: 1200px) {
  .activity_social-wrap .year-list.type2 .mark_dot-list {
    padding-left: 5px;
  }
}

@media screen and (max-width: 1023px) {
  .activity_social-wrap .year-list.type2 .count-typo {
    min-height: 180px;
    height: auto;
  }

  .activity_social-wrap .year-list.type2 .year-body i {
    top: 50%;
    margin-top: -39px;
  }

  .activity_social-wrap .year-list.type2 .mark_dot-list {
    margin-top: 5px;
    padding-left: 0px;
  }

  .activity_social-wrap .year-list.type2 .mark_dot-list > li {
    font-size: 13px;
  }

  .activity_social-wrap .year-list.type2 .mark_dot-list > li::after {
    top: 10px;
  }
}

.activity_social-wrap .swiper-pagination {
  display: none;
}

@media screen and (max-width: 1023px) {
  .activity_social-wrap .swiper-pagination {
    display: block;
  }

  .activity_social-wrap .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #bfbfbf;
    border-radius: 0;
    margin: 4px;
    opacity: 1;
  }

  .activity_social-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e50012;
  }
}

.tab-wrap + .esg_governance-wrap {
  margin-top: 80px;
}

.tab-wrap + .esg_governance_stock-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 1023px) {
  .tab-wrap + .esg_governance-wrap {
    margin-top: 30px;
  }

  .tab-wrap + .esg_governance_stock-wrap {
    margin-top: 30px;
  }
}

.esg_governance-wrap + .esg_governance-wrap, .esg_governance-wrap + .esg_governance_policy-wrap, .esg_governance_policy-wrap + .esg_governance-wrap, .esg_governance_policy-wrap + .esg_governance_policy-wrap {
  margin-top: 80px;
}

.esg_governance-wrap + .esg_governance-wrap .body-inner, .esg_governance-wrap + .esg_governance_policy-wrap .body-inner, .esg_governance_policy-wrap + .esg_governance-wrap .body-inner, .esg_governance_policy-wrap + .esg_governance_policy-wrap .body-inner {
  padding-top: 80px;
}

.esg_governance-wrap + .esg_governance-wrap .body-inner::before, .esg_governance-wrap + .esg_governance_policy-wrap .body-inner::before, .esg_governance_policy-wrap + .esg_governance-wrap .body-inner::before, .esg_governance_policy-wrap + .esg_governance_policy-wrap .body-inner::before {
  content: "";
  display: block;
  width: calc(100% - 80px);
  height: 1px;
  background-color: #e2e2e2;
  position: absolute;
  top: 0;
  left: 40px;
}

.esg_governance-wrap + .esg_governance-wrap .body-inner .data_table th, .esg_governance-wrap + .esg_governance-wrap .body-inner .data_table td, .esg_governance-wrap + .esg_governance_policy-wrap .body-inner .data_table th, .esg_governance-wrap + .esg_governance_policy-wrap .body-inner .data_table td, .esg_governance_policy-wrap + .esg_governance-wrap .body-inner .data_table th, .esg_governance_policy-wrap + .esg_governance-wrap .body-inner .data_table td, .esg_governance_policy-wrap + .esg_governance_policy-wrap .body-inner .data_table th, .esg_governance_policy-wrap + .esg_governance_policy-wrap .body-inner .data_table td {
  line-height: 1.4;
  padding: 10px 5px;
  height: auto;
  white-space: normal;
}

@media screen and (max-width: 1023px) {
  .esg_governance-wrap + .esg_governance-wrap, .esg_governance-wrap + .esg_governance_policy-wrap, .esg_governance_policy-wrap + .esg_governance-wrap, .esg_governance_policy-wrap + .esg_governance_policy-wrap {
    margin-top: 40px;
  }

  .esg_governance-wrap + .esg_governance-wrap .body-inner, .esg_governance-wrap + .esg_governance_policy-wrap .body-inner, .esg_governance_policy-wrap + .esg_governance-wrap .body-inner, .esg_governance_policy-wrap + .esg_governance_policy-wrap .body-inner {
    padding-top: 40px;
  }

  .esg_governance-wrap + .esg_governance-wrap .body-inner::before, .esg_governance-wrap + .esg_governance_policy-wrap .body-inner::before, .esg_governance_policy-wrap + .esg_governance-wrap .body-inner::before, .esg_governance_policy-wrap + .esg_governance_policy-wrap .body-inner::before {
    width: calc(100% - 40px);
    left: 20px;
  }
}

/* 이사회 */
.esg_governance-wrap {
  margin-top: 80px;
}

.esg_governance-wrap .con-body {
  padding: 0 60px;
}

.esg_governance-wrap .con-body.full_item {
  padding: 0;
}

.esg_governance-wrap .con-body .cont {
  position: relative;
}

.esg_governance-wrap .con-body .cont .data_table {
  min-width: 880px;
}

.esg_governance-wrap .con-body .cont .data_table thead {
  border-top: 2px solid #222;
}

.esg_governance-wrap .con-body .cont .data_table th, .esg_governance-wrap .con-body .cont .data_table td {
  line-height: 1.4;
  padding: 10px 5px;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_governance-wrap .con-body .cont .data_table .attendance_rate {
  font-size: 13px;
  color: #8e8e8e;
}

.esg_governance-wrap .con-body .cont .tb_guide {
  position: absolute;
  right: 0;
  bottom: -30px;
  color: #5e5e5e;
}

.esg_governance-wrap .con-body .cont .img-box img {
  width: 100%;
}

.esg_governance-wrap .con-body .cont .data_table-wrap {
  margin-top: 70px;
  position: relative;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head {
  position: relative;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .title h4 {
  padding: 7px 0;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  color: #000000;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .right_btn-set {
  position: absolute;
  bottom: 0px;
  right: 0;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .right_btn-set .cols-list {
  display: flex;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .right_btn-set .cols-list .colitem + .colitem {
  margin-left: 10px;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .right_btn-set .cols-list .colitem {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  .esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .right_btn-set {
    position: static;
    bottom: auto;
    right: auto;
  }

  .esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .right_btn-set .cols-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
  }

  .esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .select-box .select2-container > .selection .select2-selection--single, .esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .select-box .select2-container.select2-container--below > .selection .select2-selection--single {
    height: 35px;
  }

  .esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .select-box .select2-container > .selection .select2-selection--single .select2-selection__rendered, .esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .select-box .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__rendered {
    line-height: 33px;
  }

  .esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .select-box .select2-container > .selection .select2-selection--single .select2-selection__arrow, .esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .select-box .select2-container.select2-container--below > .selection .select2-selection--single .select2-selection__arrow {
    height: 33px;
  }

  .esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-head .btn_set .btn.btn_sm {
    font-size: 13px;
  }
}

.esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-body .select_year-cons .select_year-con {
  display: none;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .table-panel .panel-body .select_year-cons .select_year-con.show {
  display: block;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .tb_guide {
  position: absolute;
  right: 0;
  top: 10px;
  color: #5e5e5e;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .tb_guide.bottom_item {
  top: auto;
  bottom: -30px;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .responsive_scrollx {
  margin-top: 15px;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .small_item {
  font-size: 15px;
}

.esg_governance-wrap .con-body .cont .data_table-wrap .small_item .bg_gray {
  background-color: #eeeded;
}

.esg_governance-wrap .con-body .cont .governance_btn.rule-down_btn .ab-r {
  top: -40px;
}

.esg_governance-wrap .con-body .cont .governance_btn .ab-r .btn.btn_sm {
  padding-top: 3px;
}

@media screen and (max-width: 1023px) {
  .esg_governance-wrap {
    margin-top: 40px;
  }

  .esg_governance-wrap .con-body {
    padding: 0;
  }

  .esg_governance-wrap .con-body .cont .data_table {
    min-width: 750px;
  }

  .esg_governance-wrap .con-body .cont .tb_guide {
    font-size: 12px;
    bottom: -20px;
  }

  .esg_governance-wrap .con-body .cont .img-box {
    padding: 0;
    max-width: 310px;
    margin: 0 auto;
  }

  .esg_governance-wrap .con-body .cont .img-box img {
    width: 100%;
  }

  .esg_governance-wrap .con-body .cont .data_table-wrap .h4 {
    font-size: 13px;
  }

  .esg_governance-wrap .con-body .cont .data_table-wrap .tb_guide {
    position: relative;
    top: 0;
    margin-top: 5px;
  }

  .esg_governance-wrap .con-body .cont .data_table-wrap .tb_guide.bottom_item {
    bottom: -20px;
  }

  .esg_governance-wrap .con-body .cont .data_table-wrap .responsive_scrollx {
    margin-top: 8px;
  }

  .esg_governance-wrap .con-body .cont .data_table-wrap .responsive_scrollx .data_table {
    min-width: 900px;
  }

  .esg_governance-wrap .con-body .cont .governance_btn .ab-r {
    top: -10px;
  }

  .esg_governance-wrap .con-body .cont .governance_btn .ab-r.range-down_mb {
    position: relative;
    padding: 5px 0 2px;
    top: 0px;
  }
}

/* 윤리경영 */
.esg_governance_policy-wrap {
  margin-top: 80px;
}

.esg_governance_policy-wrap .company_policy-block p + p {
  margin-top: 30px;
}

.esg_governance_policy-wrap .company_policy-block + .company_policy-block {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

.esg_governance_policy-wrap .company_policy-block .policy_table-wrap {
  padding: 60px 60px 0;
}

.esg_governance_policy-wrap .company_policy-block .policy_table-wrap .h4 {
  margin-bottom: 10px;
}

.esg_governance_policy-wrap .company_policy-block .policy_table-wrap .data_table {
  min-width: 1030px;
}

.esg_governance_policy-wrap .company_policy-block .policy_table-wrap .data_table thead {
  border-top: 2px solid #222;
}

.esg_governance_policy-wrap .company_policy-block .policy_table-wrap .data_table th.bdr, .esg_governance_policy-wrap .company_policy-block .policy_table-wrap .data_table td.bdr {
  border-right: 1px solid #ccc !important;
}

.esg_governance_policy-wrap .company_policy-block .policy_table-wrap .data_table th.bdl, .esg_governance_policy-wrap .company_policy-block .policy_table-wrap .data_table td.bdl {
  border-left: 1px solid #ccc !important;
}

.esg_governance_policy-wrap .company_policy-block .img-box {
  padding: 60px;
}

.esg_governance_policy-wrap .company_policy-block .img-box img {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .esg_governance_policy-wrap .company_policy-block p + p {
    margin-top: 20px;
  }

  .esg_governance_policy-wrap .company_policy-block .policy_table-wrap {
    padding: 30px 0;
  }

  .esg_governance_policy-wrap .company_policy-block .policy_table-wrap .data_table tbody td {
    font-size: 13px;
  }

  .esg_governance_policy-wrap .company_policy-block .img-box {
    padding: 30px 0px;
  }
}

.esg_governance_policy-wrap .policy_img-box {
  margin-top: 80px;
}

.esg_governance_policy-wrap .policy_img-box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.esg_governance_policy-wrap .con-header .title {
  position: relative;
}

.esg_governance_policy-wrap .con-header .title .line_block + .btn_set {
  padding-left: 150px;
}

.esg_governance_policy-wrap .con-header .title .btn_set {
  margin-top: 20px;
 /* position: absolute; bottom:0;right:0; */;
}

.esg_governance_policy-wrap .rule-box {
  background: #f6f6f6;
  padding: 50px 50px 44px;
  margin-top: 35px;
}

.esg_governance_policy-wrap .rule-box h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
  line-height: 1;
}

.esg_governance_policy-wrap .rule-box + .rule-box {
  margin-top: 20px;
}

.esg_governance_policy-wrap .rule-box .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_governance_policy-wrap .rule-box .mark_dot-list2 > li:after {
  top: 13.5px;
}

.esg_governance_policy-wrap .rule-box_set {
  margin-top: 60px;
  text-align: center;
}

.esg_governance_policy-wrap .rule-box_set .rule-box {
  margin-top: 0;
  text-align: left;
}

.esg_governance_policy-wrap .rule-box_set .rule-box.half {
  max-width: 482px;
  width: 48%;
  height: 242px;
  display: inline-block;
}

.esg_governance_policy-wrap .rule-box_set .rule-box + .rule-box {
  margin-top: 0;
  margin-left: 30px;
}

.esg_governance_policy-wrap .rule-box_set .rule-box .desc {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_governance_policy-wrap .circle_intro {
  max-width: 1093px;
  margin: 70px auto 0;
}

.esg_governance_policy-wrap .circle_intro:after {
  content: "";
  display: table;
  clear: both;
}

.esg_governance_policy-wrap .circle_intro > li {
  float: left;
  width: 25%;
  padding: 0 5px;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box {
  max-width: 259px;
  margin: 0 auto;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg {
  background: url(/resources/images/esg/bg_policy_2_1.png) no-repeat;
  width: 192px;
  height: 230px;
  margin: 0 auto;
  text-align: center;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.type2 {
  background-image: url(/resources/images/esg/bg_policy_2_2.png);
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.type3 {
  background-image: url(/resources/images/esg/bg_policy_2_3.png);
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.type4 {
  background-image: url(/resources/images/esg/bg_policy_2_4.png);
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.type5 {
  background-image: url(/resources/images/esg/bg_policy_2_5.png);
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.red {
  background-image: url(/resources/images/esg/bg_circle_red_sm.png);
  width: 140px;
  height: 171px;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.gray {
  background-image: url(/resources/images/esg/bg_circle_gray_sm.png);
  width: 140px;
  height: 171px;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding-top: 58px;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg span i {
  display: block;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg {
  width: 220px;
  height: 125px;
  margin: 0 auto;
  background: url(/resources/images/esg/bg_policy_3_1.png) no-repeat;
  text-align: center;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type2 {
  background-image: url(/resources/images/esg/bg_policy_3_2.png);
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type3 {
  background-image: url(/resources/images/esg/bg_policy_3_3.png);
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type4 {
  background-image: url(/resources/images/esg/bg_policy_3_4.png);
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding: 25px;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span i {
  display: block;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .desc {
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
  padding: 20px 20px;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
  top: 13.5px;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .desc.has-tit {
  padding-top: 0;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .desc.none-tit {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box .desc h5 {
  background: #f6f6f6;
  font-size: 18px;
  line-height: 46px;
  color: #222;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -20px;
  text-align: center;
  margin-bottom: 20px;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box.sm {
  max-width: 173px;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box.sm .circle-bg span {
  padding-top: 48px;
}

.esg_governance_policy-wrap .circle_intro .circle_intro-box.sm .desc {
  padding: 20px 15px 30px;
}

.esg_governance_policy-wrap .circle_intro.has-5 {
  margin: 0 -11px;
}

.esg_governance_policy-wrap .circle_intro.has-5 > li {
  width: 20%;
  padding: 0 11px;
}

.esg_governance_policy-wrap .circle_intro.has-4 {
  max-width: 1200px;
  margin: 0 auto;
}

.esg_governance_policy-wrap .circle_intro.has-4 > li {
  position: relative;
  width: 25%;
  padding: 0 25px;
}

.esg_governance_policy-wrap .circle_intro.has-4 .icon_inno_arrow {
  position: absolute;
  top: 210px;
  right: -5px;
}

.esg_governance_policy-wrap .circle_intro.has-4 .circle_intro-box {
  max-width: 245px;
  margin: 0 auto;
}

.esg_governance_policy-wrap .circle_intro.has-2 {
  max-width: 980px;
  margin: 0 auto;
}

.esg_governance_policy-wrap .circle_intro.has-2 > li {
  width: 50%;
  padding: 0 15px;
}

.esg_governance_policy-wrap .circle_intro.has-2 .circle_intro-box {
  max-width: 460px;
  margin: 0 auto;
}

.esg_governance_policy-wrap .innovation {
  margin-top: 60px;
}

.esg_governance_policy-wrap .innovation .circle-box {
  text-align: center;
}

.esg_governance_policy-wrap .innovation .circle-box ul {
  border: 1px solid #d9d9d9;
  padding: 24px 34px;
  -webkit-border-radius: 204px;
  -moz-border-radius: 204px;
  -ms-border-radius: 204px;
  border-radius: 204px;
  display: inline-block;
}

.esg_governance_policy-wrap .innovation .circle-box ul:after {
  content: "";
  display: table;
  clear: both;
}

.esg_governance_policy-wrap .innovation .circle-box ul li {
  float: left;
}

.esg_governance_policy-wrap .innovation .circle-box ul li > div {
  width: 154px;
  height: 154px;
  -webkit-border-radius: 154px;
  -moz-border-radius: 154px;
  -ms-border-radius: 154px;
  border-radius: 154px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: #8c8c8c;
}

.esg_governance_policy-wrap .innovation .circle-box ul li > div p {
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.esg_governance_policy-wrap .innovation .circle-box ul li > div:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 154px;
}

.esg_governance_policy-wrap .innovation .circle-box ul li:nth-child(odd) > div {
  background: #8c8c8c;
}

.esg_governance_policy-wrap .innovation .circle-box ul li:nth-child(even) > div {
  background: #ea3341;
}

.esg_governance_policy-wrap .innovation .circle-box ul li + li {
  margin-left: 20px;
}

.esg_governance_policy-wrap .innovation .top .desc {
  text-align: center;
  margin-top: 35px;
  font-size: 20px;
  line-height: 30px;
  color: #000;
}

.esg_governance_policy-wrap .innovation .bottom {
  margin-top: 75px;
  text-align: center;
}

.esg_governance_policy-wrap .innovation .bottom > ul {
  display: inline-block;
}

.esg_governance_policy-wrap .innovation .bottom > ul:after {
  content: "";
  display: table;
  clear: both;
}

.esg_governance_policy-wrap .innovation .bottom > ul > li {
  width: 200px;
  float: left;
  position: relative;
  text-align: left;
}

.esg_governance_policy-wrap .innovation .bottom > ul > li + li {
  margin-left: 50px;
}

.esg_governance_policy-wrap .innovation .bottom > ul > li .tit {
  height: 72px;
  -webkit-border-radius: 72px;
  -moz-border-radius: 72px;
  -ms-border-radius: 72px;
  border-radius: 72px;
  background: #ff868f;
  text-align: center;
  padding-top: 10px;
}

.esg_governance_policy-wrap .innovation .bottom > ul > li .tit i, .esg_governance_policy-wrap .innovation .bottom > ul > li .tit span {
  display: block;
  color: #fff;
}

.esg_governance_policy-wrap .innovation .bottom > ul > li .tit i {
  font-size: 14px;
  line-height: 20px;
}

.esg_governance_policy-wrap .innovation .bottom > ul > li .tit span {
  font-size: 20px;
  font-weight: 500;
}

.esg_governance_policy-wrap .innovation .bottom > ul > li:nth-child(1) .tit {
  background: #ff868f;
}

.esg_governance_policy-wrap .innovation .bottom > ul > li:nth-child(2) .tit {
  background: #ff6772;
}

.esg_governance_policy-wrap .innovation .bottom > ul > li:nth-child(3) .tit {
  background: #ff4250;
}

.esg_governance_policy-wrap .innovation .bottom > ul > li:nth-child(4) .tit {
  background: #ea3341;
}

.esg_governance_policy-wrap .innovation .bottom .mark_dot-list {
  margin-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

.esg_governance_policy-wrap .innovation .bottom .icon_inno_arrow {
  position: absolute;
  top: 25.5px;
  right: -31px;
}

.esg_governance_policy-wrap .company_sub_policy {
  margin-top: 60px;
}

.esg_governance_policy-wrap .company_sub_policy .title {
  margin-bottom: 30px;
}

.esg_governance_policy-wrap .company_sub_policy .cont h5 {
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #000;
}

.esg_governance_policy-wrap .company_sub_policy .cont p {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.esg_governance_policy-wrap .company_sub_policy .policy_img-box {
  margin-top: 60px;
}

.esg_governance_policy-wrap .company_sub_policy .policy_img-box + .word_guide {
  margin-top: 60px;
}

.esg_governance_policy-wrap .company_sub_policy .word_guide {
  margin-top: 24px;
  position: relative;
  padding: 30px 34px 28px 74px;
  background: #f6f6f6;
}

.esg_governance_policy-wrap .company_sub_policy .word_guide .icon-word_guide {
  position: absolute;
  left: 34px;
  top: 30px;
}

.esg_governance_policy-wrap .company_sub_policy .word_guide dl {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.esg_governance_policy-wrap .company_sub_policy .word_guide dl dt {
  font-size: 18px;
  font-weight: bold;
}

.esg_governance_policy-wrap .company_sub_policy .certify-box_set {
  width: 976px;
  margin: 0 auto 0;
  padding: 10px 0 20px;
  font-size: 0;
  line-height: 0;
}

.esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box {
  max-width: 478px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e5e5e5;
  height: 386px;
  text-align: left;
}

.esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .mark {
  height: 188px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .mark:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .mark img {
  display: inline-block;
  vertical-align: middle;
}

.esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
  height: 196px;
  background: #f6f6f6;
  padding: 36px 15px 0 36px;
}

.esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc h5 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  margin-bottom: 6px;
}

.esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc p {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box + .certify-box {
  margin-left: 20px;
}

.esg_governance_policy-wrap .company_sub_policy .list-wrap {
  width: 950px;
  margin: 0 auto;
}

.esg_governance_policy-wrap .company_sub_policy .define-box_set {
  margin-top: 20px;
}

.esg_governance_policy-wrap .define-box_set {
  font-size: 0;
  line-height: 0;
  width: 976px;
  margin: 70px auto 0;
}

.esg_governance_policy-wrap .define-box_set .define-box {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 2px solid #e50012;
  width: 312px;
  display: inline-block;
  vertical-align: top;
}

.esg_governance_policy-wrap .define-box_set .define-box dt {
  font-size: 20px;
  line-height: 66px;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}

.esg_governance_policy-wrap .define-box_set .define-box dd {
  background: #f6f6f6;
  padding: 32px 20px 32px 30px;
  height: 178px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.esg_governance_policy-wrap .define-box_set .define-box dd b {
  font-weight: 400;
  color: #000;
}

.esg_governance_policy-wrap .define-box_set .define-box .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_governance_policy-wrap .define-box_set .define-box .mark_dot-list2 > li:after {
  top: 13.5px;
}

.esg_governance_policy-wrap .define-box_set .define-box + .define-box {
  margin-left: 20px;
}

.esg_governance_policy-wrap .define-box_set .define-box.long dd {
  height: 232px;
}

.esg_governance_policy-wrap .define-box_set .define-box.long_long dd {
  height: 260px;
}

@media screen and (max-width: 1200px) {
  .esg_governance_policy-wrap .define-box_set .define-box.long_long dd {
    height: 310px;
  }
}

@media screen and (max-width: 1023px) {
  .esg_governance_policy-wrap .define-box_set .define-box.long_long dd {
    height: auto;
    min-height: auto;
  }
}

.esg_governance_policy-wrap .define-box_set .define-box.middle dd {
  height: auto;
  min-height: 210px;
}

.esg_governance_policy-wrap .define-box_set .define-box.small dd {
  height: auto;
  min-height: 180px;
}

.esg_governance_policy-wrap .define-box_set.fullsize {
  width: 1110px;
  max-width: 100%;
}

.esg_governance_policy-wrap .define-box_set.fullsize .define-box {
  width: calc( 33.33333333333% - 16px);
}

.esg_governance_policy-wrap .define-box_set.fullsize .define-box + .define-box {
  margin-left: 24px;
}

.esg_governance_policy-wrap .vision-table {
  display: table;
  width: 950px;
  margin: 25px auto 0;
  table-layout: fixed;
}

.esg_governance_policy-wrap .vision-table .tr {
  display: table-row;
}

.esg_governance_policy-wrap .vision-table .tr.border_line .th, .esg_governance_policy-wrap .vision-table .tr.border_line .td {
  border-bottom: 1px solid #e2e2e2;
}

.esg_governance_policy-wrap .vision-table .th {
  display: table-cell;
  width: 150px;
  font-size: 20px;
  line-height: 28px;
  color: #222;
  font-weight: bold;
  padding: 15px 0;
}

.esg_governance_policy-wrap .vision-table .td {
  display: table-cell;
  padding: 15px 0;
  width: auto;
}

.esg_governance_policy-wrap .vision-table .td .txt {
  font-size: 20px;
  line-height: 28px;
  color: #e50012;
  text-align: center;
}

.esg_governance_policy-wrap .vision-table.vision-table-block {
  margin-top: 0;
  display: block;
}

.esg_governance_policy-wrap .vision-table.vision-table-block .tr, .esg_governance_policy-wrap .vision-table.vision-table-block .th, .esg_governance_policy-wrap .vision-table.vision-table-block .td {
  display: block;
  width: 100%;
}

.esg_governance_policy-wrap .vision-table.vision-table-block .circle_intro {
  margin-top: 20px;
}

.esg_governance_policy-wrap .vision-table .vision_img {
  text-align: center;
  font-size: 0;
  line-height: 0;
  padding: 15px 0 30px;
}

.esg_governance_policy-wrap .vision-table .define-box_set {
  margin-top: 0;
  width: 100%;
}

.esg_governance_policy-wrap .vision-table .define-box_set .define-box {
  width: calc(33.333333333333333% - 12px);
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
}

.esg_governance_policy-wrap .vision-table .define-box_set .define-box dt {
  font-size: 18px;
  line-height: 45px;
  background: #f6f6f6;
  border-color: #e5e5e5;
}

.esg_governance_policy-wrap .vision-table .define-box_set .define-box dd {
  background: #fff;
  padding: 20px 12px 20px 18px;
  height: 180px;
}

.esg_governance_policy-wrap .vision-table .define-box_set .define-box + .define-box {
  margin-left: 18px;
}

.esg_governance_policy-wrap .vision-table .define-box_set .define-box.long dd {
  min-height: 208px;
  padding: 20px 10px 20px 16px;
}

.esg_governance_policy-wrap .vision-table .icon-vision-arrow {
  margin: -10px auto 20px;
}

@media screen and (max-width: 1200px) {
  .esg_governance_policy-wrap .innovation .bottom > ul > li + li {
    margin-left: 40px;
  }

  .esg_governance_policy-wrap .innovation .bottom .icon_inno_arrow {
    right: -28px;
  }

  .esg_governance_policy-wrap .certify-box_set .certify-box + .certify-box {
    margin-left: 34px !important;
  }

  .esg_governance_policy-wrap .define-box_set {
    width: 100%;
  }

  .esg_governance_policy-wrap .define-box_set .define-box {
    width: 301px;
  }
}

@media screen and (max-width: 1023px) {
  .esg_governance_policy-wrap {
    margin-top: 30px;
  }

  .esg_governance_policy-wrap .company_policy-block + .company_policy-block {
    margin-top: 40px;
    padding-top: 40px;
  }

  .esg_governance_policy-wrap .policy_img-box {
    margin-top: 35px;
  }

  .esg_governance_policy-wrap .policy_img-box img {
    width: 100%;
    max-width: 292px;
  }

  .esg_governance_policy-wrap .con-header .title .line_block + .btn_set {
    margin-top: 15px;
    padding-left: 16px;
  }

  .esg_governance_policy-wrap .rule-box {
    margin-top: 20px;
    padding: 22px 20px 18px;
  }

  .esg_governance_policy-wrap .rule-box h4 {
    font-size: 15px;
    margin-bottom: 9px;
  }

  .esg_governance_policy-wrap .rule-box .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
  }

  .esg_governance_policy-wrap .rule-box .mark_dot-list2 > li:after {
    top: 9px;
  }

  .esg_governance_policy-wrap .rule-box_set {
    margin-top: 30px;
  }

  .esg_governance_policy-wrap .rule-box_set .rule-box.half {
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
  }

  .esg_governance_policy-wrap .rule-box_set .rule-box + .rule-box {
    margin-top: 30px;
    margin-left: 0;
  }

  .esg_governance_policy-wrap .rule-box_set .rule-box .desc {
    font-size: 13px;
    line-height: 21px;
  }

  .esg_governance_policy-wrap .circle_intro {
    position: relative;
    margin: 35px auto 0;
  }

  .esg_governance_policy-wrap .circle_intro > li {
    float: left;
    width: 50%;
    padding: 0px 5px;
 /* & + li { margin-top: 40px; } */;
  }

  .esg_governance_policy-wrap .circle_intro > li:nth-child(2) {
    margin-top: 0;
  }

  .esg_governance_policy-wrap .circle_intro > li:nth-child(3), .esg_governance_policy-wrap .circle_intro > li:nth-child(4) {
    margin-top: 40px;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box {
    max-width: none;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg {
    background: url(/resources/images/company/bg_policy_2_1_mb.png) no-repeat;
    width: 110px;
    height: 154.5px;
    margin: 0 auto;
    text-align: center;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.type2 {
    background-image: url(/resources/images/company/bg_policy_2_2_mb.png);
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.type3 {
    background-image: url(/resources/images/company/bg_policy_2_3_mb.png);
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.type4 {
    background-image: url(/resources/images/company/bg_policy_2_4_mb.png);
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.type5 {
    background-image: url(/resources/images/company/bg_policy_2_5_mb.png);
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.red {
    background-image: url(/resources/images/company/bg_circle_red_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg.gray {
    background-image: url(/resources/images/company/bg_circle_gray_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle-bg span {
    padding-top: 28px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -1px;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg {
    width: 210px;
    height: 102px;
    margin: 0 auto;
    background: url(/resources/images/company/bg_policy_3_1_mb.png) no-repeat;
    background-size: 100%;
    text-align: center;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type2 {
    background-image: url(/resources/images/company/bg_policy_3_2_mb.png);
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type3 {
    background-image: url(/resources/images/company/bg_policy_3_3_mb.png);
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type4 {
    background-image: url(/resources/images/company/bg_policy_3_4_mb.png);
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span {
    font-weight: normal;
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span i {
    display: block;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .desc {
    padding: 15px;
    min-height: auto;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
    top: 9px;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .desc.has-tit {
    padding-top: 0;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .desc.none-tit {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .desc h5 {
    background: #f6f6f6;
    font-size: 14px;
    line-height: 46px;
    color: #222;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 -15px;
    text-align: center;
    margin-bottom: 15px;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box .desc h5.line2 {
    padding: 10px 0;
    min-height: 46px;
    line-height: 1.3;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box.sm {
    max-width: none;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box.sm .circle-bg span {
    padding-top: 40px;
  }

  .esg_governance_policy-wrap .circle_intro .circle_intro-box.sm .desc {
    padding: 15px 14px;
    min-height: 120px;
  }

  .esg_governance_policy-wrap .circle_intro.has-5 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .esg_governance_policy-wrap .circle_intro.has-5 > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 15px 5px;
    margin: 0 auto;
  }

  .esg_governance_policy-wrap .circle_intro.has-5 > li:last-child {
    padding: 15px 5px 0;
    float: none;
    clear: both;
  }

  .esg_governance_policy-wrap .circle_intro.has-4 {
    margin: 0 auto;
  }

  .esg_governance_policy-wrap .circle_intro.has-4 > li {
    position: relative;
    width: 100%;
    padding: 0 0px;
  }

  .esg_governance_policy-wrap .circle_intro.has-4 > li:nth-child(2), .esg_governance_policy-wrap .circle_intro.has-4 > li:nth-child(3), .esg_governance_policy-wrap .circle_intro.has-4 > li:nth-child(4) {
    margin-top: 40px;
  }

  .esg_governance_policy-wrap .circle_intro.has-4 .icon_inno_arrow {
    position: absolute;
    top: auto;
    bottom: -25px;
    right: 50%;
    margin-right: -9px;
  }

  .esg_governance_policy-wrap .circle_intro.has-4 .circle_intro-box {
    max-width: 320px;
    margin: 0 auto;
  }

  .esg_governance_policy-wrap .circle_intro.has-2 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .esg_governance_policy-wrap .circle_intro.has-2 > li {
    display: inline-block;
    vertical-align: top;
 /* width: 100%; */
    padding: 15px 5px;
    margin: 0 auto;
  }

  .esg_governance_policy-wrap .innovation {
    margin-top: 30px;
  }

  .esg_governance_policy-wrap .innovation .circle-box {
    max-width: 260px;
    margin: 0 auto;
  }

  .esg_governance_policy-wrap .innovation .circle-box ul {
    padding: 7px 9px;
    -webkit-border-radius: 72px;
    -moz-border-radius: 72px;
    -ms-border-radius: 72px;
    border-radius: 72px;
  }

  .esg_governance_policy-wrap .innovation .circle-box ul:after {
    content: "";
    display: table;
    clear: both;
  }

  .esg_governance_policy-wrap .innovation .circle-box ul li {
    float: left;
    width: 50%;
    padding: 12px 10px;
  }

  .esg_governance_policy-wrap .innovation .circle-box ul li > div {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
  }

  .esg_governance_policy-wrap .innovation .circle-box ul li > div p {
    font-size: 13px;
    line-height: 19px;
  }

  .esg_governance_policy-wrap .innovation .circle-box ul li > div:before {
    height: 100px;
  }

  .esg_governance_policy-wrap .innovation .circle-box ul li + li {
    margin-left: 0;
  }

  .esg_governance_policy-wrap .innovation .circle-box ul li:nth-child(odd) > div {
    background: #8c8c8c;
    float: left;
  }

  .esg_governance_policy-wrap .innovation .circle-box ul li:nth-child(even) > div {
    background: #ea3341;
    float: right;
  }

  .esg_governance_policy-wrap .innovation .top .desc {
    margin-top: 26px;
    font-size: 13px;
    line-height: 21px;
  }

  .esg_governance_policy-wrap .innovation .bottom {
    margin-top: 30px;
    text-align: center;
  }

  .esg_governance_policy-wrap .innovation .bottom > ul {
    display: inline-block;
    text-align: left;
  }

  .esg_governance_policy-wrap .innovation .bottom > ul > li {
    width: 100%;
    float: none;
    position: relative;
  }

  .esg_governance_policy-wrap .innovation .bottom > ul > li + li {
    margin-left: 0;
    margin-top: 40px;
  }

  .esg_governance_policy-wrap .innovation .bottom > ul > li .tit {
    width: 200px;
    height: 52px;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    border-radius: 52px;
    padding-top: 6px;
  }

  .esg_governance_policy-wrap .innovation .bottom > ul > li .tit i {
    font-size: 13px;
    line-height: 19px;
  }

  .esg_governance_policy-wrap .innovation .bottom > ul > li .tit span {
    font-size: 14px;
    font-weight: 500;
  }

  .esg_governance_policy-wrap .innovation .bottom > ul > li:nth-child(1) .tit {
    background: #ff868f;
  }

  .esg_governance_policy-wrap .innovation .bottom > ul > li:nth-child(2) .tit {
    background: #ff6772;
  }

  .esg_governance_policy-wrap .innovation .bottom > ul > li:nth-child(3) .tit {
    background: #ff4250;
  }

  .esg_governance_policy-wrap .innovation .bottom > ul > li:nth-child(4) .tit {
    background: #ea3341;
  }

  .esg_governance_policy-wrap .innovation .bottom .mark_dot-list {
    margin-top: 15px;
    font-size: 13px;
    line-height: 19px;
  }

  .esg_governance_policy-wrap .innovation .bottom .icon_inno_arrow {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -25px;
    left: 50%;
    margin-left: -9px;
  }

  .esg_governance_policy-wrap .company_sub_policy {
    margin-top: 40px;
  }

  .esg_governance_policy-wrap .company_sub_policy .title {
    margin-bottom: 16px;
  }

  .esg_governance_policy-wrap .company_sub_policy .cont h5 {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1;
  }

  .esg_governance_policy-wrap .company_sub_policy .cont p {
    font-size: 13px;
    line-height: 21px;
  }

  .esg_governance_policy-wrap .company_sub_policy .policy_img-box {
    margin-top: 26px;
  }

  .esg_governance_policy-wrap .company_sub_policy .policy_img-box + .word_guide {
    margin-top: 20px;
  }

  .esg_governance_policy-wrap .company_sub_policy .policy_img-box img {
    width: 215.5px;
  }

  .esg_governance_policy-wrap .company_sub_policy .word_guide {
    margin-top: 17px;
    padding: 20px 18px 20px 50px;
  }

  .esg_governance_policy-wrap .company_sub_policy .word_guide .icon-word_guide {
    position: absolute;
    left: 18px;
    top: 20px;
  }

  .esg_governance_policy-wrap .company_sub_policy .word_guide dl {
    font-size: 13px;
    line-height: 20px;
  }

  .esg_governance_policy-wrap .company_sub_policy .word_guide dl dt {
    font-size: 15px;
    line-height: 23.5px;
    margin-bottom: 10px;
  }

  .esg_governance_policy-wrap .company_sub_policy .word_guide dl dd {
    margin-left: -32px;
  }

  .esg_governance_policy-wrap .company_sub_policy .certify-box_set {
    width: 100%;
    margin: 0 auto 0;
    padding: 10px 0 0;
    height: auto;
    font-size: 0;
    line-height: 0;
  }

  .esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box {
    width: 100%;
    display: block;
    height: auto;
    max-width: none;
  }

  .esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .mark {
    height: 115px;
  }

  .esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .mark img {
    display: inline-block;
    vertical-align: middle;
    width: 125px;
  }

  .esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
    height: auto;
    background: #f6f6f6;
    padding: 20px 17px;
  }

  .esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc h5 {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 6px;
  }

  .esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc p {
    font-size: 13px;
    line-height: 20px;
  }

  .esg_governance_policy-wrap .company_sub_policy .certify-box_set .certify-box + .certify-box {
    margin-left: 0 !important;
    margin-top: 20px;
  }

  .esg_governance_policy-wrap .company_sub_policy .list-wrap {
    width: 100%;
    margin: 0;
  }

  .esg_governance_policy-wrap .define-box_set {
    font-size: 0;
    line-height: 0;
    width: 100%;
    margin: 35px auto 0;
  }

  .esg_governance_policy-wrap .define-box_set .define-box {
    width: 100%;
  }

  .esg_governance_policy-wrap .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 50px;
  }

  .esg_governance_policy-wrap .define-box_set .define-box dd {
    padding: 20px 15px;
    font-size: 13px;
    height: auto;
  }

  .esg_governance_policy-wrap .define-box_set .define-box .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
  }

  .esg_governance_policy-wrap .define-box_set .define-box .mark_dot-list2 > li:after {
    top: 9px;
  }

  .esg_governance_policy-wrap .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .esg_governance_policy-wrap .define-box_set .define-box.middle dd {
    height: auto;
    min-height: auto;
  }

  .esg_governance_policy-wrap .define-box_set .define-box.long dd {
    height: auto;
  }

  .esg_governance_policy-wrap .define-box_set .define-box.small dd {
    height: auto;
    min-height: auto;
  }

  .esg_governance_policy-wrap .define-box_set.fullsize {
    width: 100%;
    max-width: 100%;
  }

  .esg_governance_policy-wrap .define-box_set.fullsize .define-box {
    width: 100%;
  }

  .esg_governance_policy-wrap .define-box_set.fullsize .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .esg_governance_policy-wrap .vision-table {
    display: block;
    width: 100%;
    margin: 17px auto 0;
  }

  .esg_governance_policy-wrap .vision-table .tr {
    display: block;
    padding: 20px 0 20px;
  }

  .esg_governance_policy-wrap .vision-table .tr.border_line {
    border-bottom: 1px solid #e2e2e2;
  }

  .esg_governance_policy-wrap .vision-table .tr.border_line .th, .esg_governance_policy-wrap .vision-table .tr.border_line .td {
    border-bottom: 0;
  }

  .esg_governance_policy-wrap .vision-table .th {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
  }

  .esg_governance_policy-wrap .vision-table .td {
    display: block;
    padding: 0;
    width: auto;
  }

  .esg_governance_policy-wrap .vision-table .td .txt {
    font-size: 13px;
    line-height: 24px;
    color: #e50012;
    text-align: center;
  }

  .esg_governance_policy-wrap .vision-table .vision_img {
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 20px 0;
  }

  .esg_governance_policy-wrap .vision-table .vision_img img {
    width: 292px;
    max-width: 100%;
  }

  .esg_governance_policy-wrap .vision-table .define-box_set {
    margin-top: 0;
    width: 100%;
    padding: 10px 0;
  }

  .esg_governance_policy-wrap .vision-table .define-box_set .define-box {
    width: 100%;
  }

  .esg_governance_policy-wrap .vision-table .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 40px;
  }

  .esg_governance_policy-wrap .vision-table .define-box_set .define-box dd {
    background: #fff;
    padding: 17px 12px;
    height: auto;
  }

  .esg_governance_policy-wrap .vision-table .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .esg_governance_policy-wrap .vision-table .define-box_set .define-box.long dd {
    height: auto;
  }

  .esg_governance_policy-wrap .vision-table .icon-vision-arrow {
    margin: -10px auto 20px;
  }

  .esg_governance_policy-wrap .vision-table.vision-table-block .circle_intro {
    margin-top: 15px;
  }
}

/* 주주관리 */
.esg_governance_stock-wrap .con-body {
  padding: 0;
}

.esg_governance_stock-wrap .con-body.full_item {
  padding: 0;
}

.esg_governance_stock-wrap .con-body .stock_pdf {
  margin-top: 50px;
}

.esg_governance_stock-wrap .con-body .cont {
  position: relative;
}

.esg_governance_stock-wrap .con-body .cont .data_table {
  min-width: 880px;
}

.esg_governance_stock-wrap .con-body .cont .data_table thead {
  border-top: 2px solid #222;
}

.esg_governance_stock-wrap .con-body .cont .data_table th, .esg_governance_stock-wrap .con-body .cont .data_table td {
  line-height: 1.4;
  padding: 10px 5px;
  word-wrap: break-word;
  word-break: keep-all;
}

.esg_governance_stock-wrap .con-body .cont .tb_guide {
  position: absolute;
  right: 0;
  bottom: -30px;
  color: #5e5e5e;
}

.esg_governance_stock-wrap .con-body .cont .img-box img {
  width: 100%;
}

.esg_governance_stock-wrap .con-body .cont .data_table-wrap {
  margin-top: 70px;
  position: relative;
}

.esg_governance_stock-wrap .con-body .cont .data_table-wrap .tb_guide {
  position: absolute;
  right: 0;
  top: 10px;
  color: #5e5e5e;
}

.esg_governance_stock-wrap .con-body .cont .data_table-wrap .responsive_scrollx {
  margin-top: 15px;
}

.esg_governance_stock-wrap .con-body .cont .data_table-wrap .small_item {
  font-size: 15px;
}

.esg_governance_stock-wrap .con-body .cont .data_table-wrap .small_item .bg_gray {
  background-color: #eeeded;
}

.esg_governance_stock-wrap .con-body .cont .governance_btn.rule-down_btn .ab-r {
  top: -40px;
}

.esg_governance_stock-wrap .con-body .cont .governance_btn .ab-r .btn.btn_sm {
  padding-top: 3px;
}

@media screen and (max-width: 1023px) {
  .esg_governance_stock-wrap {
    margin-top: 40px;
  }

  .esg_governance_stock-wrap .con-body {
    padding: 0;
  }

  .esg_governance_stock-wrap .con-body .stock_pdf {
    margin-top: 20px;
  }

  .esg_governance_stock-wrap .con-body .cont .data_table {
    min-width: 750px;
  }

  .esg_governance_stock-wrap .con-body .cont .tb_guide {
    font-size: 12px;
    bottom: -20px;
  }

  .esg_governance_stock-wrap .con-body .cont .img-box {
    padding: 0;
    max-width: 310px;
    margin: 0 auto;
  }

  .esg_governance_stock-wrap .con-body .cont .img-box img {
    width: 100%;
  }

  .esg_governance_stock-wrap .con-body .cont .data_table-wrap .h4 {
    font-size: 13px;
  }

  .esg_governance_stock-wrap .con-body .cont .data_table-wrap .tb_guide {
    top: 5px;
  }

  .esg_governance_stock-wrap .con-body .cont .data_table-wrap .responsive_scrollx {
    margin-top: 8px;
  }

  .esg_governance_stock-wrap .con-body .cont .data_table-wrap .responsive_scrollx .data_table {
    min-width: 900px;
  }

  .esg_governance_stock-wrap .con-body .cont .governance_btn .ab-r {
    top: -10px;
  }

  .esg_governance_stock-wrap .con-body .cont .governance_btn .ab-r.range-down_mb {
    position: relative;
    padding: 5px 0 2px;
    top: 0px;
  }
}

/* 보고서 */
.data_report-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 1023px) {
  .data_report-wrap {
    margin-top: 30px;
  }
}

.data_report-wrap .con-body {
  padding: 0 60px;
}

@media screen and (max-width: 1023px) {
  .data_report-wrap .con-body {
    padding: 0;
  }
}

.data_report-wrap ul.download_list {
  padding-top: calc(90px - 40px);
  width: calc( 100% + 24px);
  margin-left: -12px;
}

.data_report-wrap ul.download_list > .colitem {
  padding: 40px 12px 0;
}

@media screen and (max-width: 1023px) {
  .data_report-wrap ul.download_list {
    padding-top: 20px;
  }

  .data_report-wrap ul.download_list > .colitem {
    width: 100%;
  }
}

.data_report-wrap .logs_col {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid #ccc;
}

.data_report-wrap .logs_col:after {
  content: '';
  display: block;
  clear: both;
}

.data_report-wrap .logs_col > .colitem {
  position: relative;
  float: left;
  padding: 0;
  height: 195px;
  overflow: hidden;
}

.data_report-wrap .logs_col > .colitem:nth-child(odd) {
  width: 52.7619%;
}

.data_report-wrap .logs_col > .colitem:nth-child(even) {
  width: 47.2381%;
  border-left: 1px solid #ccc;
}

@media screen and (max-width: 1023px) {
  .data_report-wrap .logs_col > .colitem {
    float: none;
    height: auto;
  }

  .data_report-wrap .logs_col > .colitem.colitem_2 {
    height: auto;
  }

  .data_report-wrap .logs_col > .colitem:nth-child(odd) {
    width: 100%;
    height: auto;
  }

  .data_report-wrap .logs_col > .colitem:nth-child(even) {
    width: 100%;
    border-left: none;
  }
}

.data_report-wrap .img-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.data_report-wrap .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  height: 195px;
}

@media screen and (max-width: 1023px) {
  .data_report-wrap .img-box img {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    height: auto;
  }
}

.data_report-wrap .data-box .title {
  position: relative;
  padding: 10px 20px;
  height: 73px;
  background: #efefef;
  font-size: 0;
}

.data_report-wrap .data-box .title::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.data_report-wrap .data-box .title .tit_b {
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  vertical-align: middle;
}

.data_report-wrap .data-box .title.line_2 {
  padding-top: 25px;
  height: 133px;
}

.data_report-wrap .data-box .title.line_2 .tit_b {
  vertical-align: top;
}

.data_report-wrap .data-box .title.line_2::before {
  vertical-align: top;
}

.data_report-wrap .data-box .pdf_download {
  position: relative;
  width: 100%;
  padding: 0px 0px;
  height: 62px;
  border-top: 1px solid #ccc;
  font-size: 0;
}

.data_report-wrap .data-box .pdf_download a {
  display: block;
  text-align: center;
  height: 100%;
  box-sizing: border-box;
}

.data_report-wrap .data-box .pdf_download a span {
  vertical-align: middle;
}

.data_report-wrap .data-box .pdf_download a::before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.data_report-wrap .data-box .pdf_download a::after {
  vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  .data_report-wrap .data-box .title {
    text-align: center;
    border-top: 1px solid #ccc;
    height: auto;
    min-height: 47px;
  }

  .data_report-wrap .data-box .title.line_2 {
    padding: 10px 20px;
    height: auto;
    min-height: 47px;
  }

  .data_report-wrap .data-box .title.line_2 .tit_b {
    vertical-align: middle;
  }

  .data_report-wrap .data-box .title.line_2::before {
    vertical-align: middle;
  }

  .data_report-wrap .data-box .title .tit_b {
    font-size: 15px;
  }

  .data_report-wrap .data-box .pdf_download {
    height: auto;
    min-height: 47px;
  }

  .data_report-wrap .data-box .pdf_download a span {
    font-size: 14px;
  }
}

/* 정책 */
.data_policy-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 1023px) {
  .data_policy-wrap {
    margin-top: 30px;
  }
}

.data_policy-wrap .con-body {
  padding: 0 60px;
}

@media screen and (max-width: 1023px) {
  .data_policy-wrap .con-body {
    padding: 0;
  }
}

.data_policy-wrap ul.download_list {
  position: relative;
  padding-top: calc(80px - 50px);
  width: calc( 100% + 7.7518%);
  margin-left: -3.8759%;
}

.data_policy-wrap ul.download_list.layout_flex {
  display: flex;
  flex-wrap: wrap;
}

.data_policy-wrap ul.download_list > .colitem {
  padding: 50px 3.8759% 0;
}

@media screen and (max-width: 1023px) {
  .data_policy-wrap ul.download_list {
    padding-top: 15px;
    width: calc( 100% + 24px);
    margin-left: -12px;
  }

  .data_policy-wrap ul.download_list > .colitem {
    width: 100%;
    padding: 30px 12px 0;
  }
}

.data_policy-wrap .logs_col {
  position: relative;
  border: 1px solid #ccc;
}

.data_policy-wrap .data-box .title {
  position: relative;
  padding: 20px 20px;
  height: 106px;
  background: #efefef;
  font-size: 0;
}

.data_policy-wrap .data-box .title::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.data_policy-wrap .data-box .title .tit_b {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  vertical-align: middle;
}

.data_policy-wrap .data-box .pdf_download {
  position: relative;
  width: 100%;
  padding: 0px 0px;
  height: 62px;
  border-top: 1px solid #ccc;
  font-size: 0;
}

.data_policy-wrap .data-box .pdf_download a {
  display: block;
  text-align: center;
  height: 100%;
}

.data_policy-wrap .data-box .pdf_download a span {
  vertical-align: middle;
  font-size: 14px;
}

.data_policy-wrap .data-box .pdf_download a::before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.data_policy-wrap .data-box .pdf_download a::after {
  vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  .data_policy-wrap .data-box .title {
    text-align: center;
    height: 50px;
    padding: 5px 20px;
  }

  .data_policy-wrap .data-box .title .tit_b {
    vertical-align: middle;
    font-size: 15px;
  }

  .data_policy-wrap .data-box .title::before {
    vertical-align: middle;
  }

  .data_policy-wrap .data-box .pdf_download {
    height: 50px;
  }

  .data_policy-wrap .data-box .pdf_download a span {
    font-size: 14px;
  }
}

/* 자료실 > 정책 [2024-0122] */
.data_policys-wrap {
  margin-top: 80px;
}

.data_policys-wrap .stock_pdf {
  margin-top: 50px;
}

.data_policys-wrap .stock_pdf .btn {
  margin: 2px;
  min-width: 132px;
}

@media screen and (max-width: 1023px) {
  .data_policys-wrap {
    margin-top: 30px;
  }

  .data_policys-wrap .stock_pdf {
    margin-top: 20px;
  }
}

.data_policys-wrap .table-wrap .con-header h3 {
  font-size: 22px;
  font-weight: bold;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 1023px) {
  .data_policys-wrap .table-wrap .con-header h3 {
    font-size: 18px;
  }
}

.data_policys-wrap .table-wrap .con-body {
  margin-top: 15px;
}

@media screen and (max-width: 1023px) {
  .data_policys-wrap .table-wrap .con-body {
    margin-top: 10px;
  }
}

.data_policys-wrap .download-list li {
  border-bottom: 1px solid #e5e5e5;
}

.data_policys-wrap .download-list li .li-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}

@media screen and (max-width: 1023px) {
  .data_policys-wrap .download-list li .li-inner {
    padding: 10px 15px;
  }
}

.data_policys-wrap .download-list .title-box {
  margin-right: 20px;
  font-size: 20px;
  color: #000000;
  font-weight: 500;
}

@media screen and (max-width: 1023px) {
  .data_policys-wrap .download-list .title-box {
    width: 110px;
    min-width: 110px;
    font-size: 16px;
  }
}

.data_policys-wrap .download-list .pdf_download-box {
  font-size: 14px;
}

.data_policys-wrap .download-list .pdf_download-box .btn.icon-down_pdf {
  border: 1px solid #e5e5e5;
  margin: 2px;
}

.data_policys-wrap .download-list .pdf_download-box .btn.icon-down_pdf::after {
  vertical-align: middle;
}

.data_policys-wrap .download-list .pdf_download-box .btn.icon-down_pdf span {
  vertical-align: middle;
}

@media screen and (max-width: 1023px) {
  .data_policys-wrap .download-list .pdf_download-box {
    font-size: 13px;
  }

  .data_policys-wrap .download-list .pdf_download-box .btn.icon-down_pdf {
    padding: 5px 6px;
    min-width: 78px;
  }
}

.brand {
 /* 광고/홍보 */ /*  .keyvisual-wrap {  .visual_bg.mode_sm {  background: url(/resources/images/common/sub_kv-brand.jpg) center center no-repeat; background-size:cover; }  @media screen and (max-width: $G-wMobile){ .visual_bg.mode_sm {  background: url(/resources/images/common/sub_kv-brand-mb.jpg) center center no-repeat; background-size:cover; }  } } */ /* Business Contact  */;
}

.brand .board_write-wrap {
  margin-top: 130px;
}

.brand .board_write-wrap .con-header {
  margin-bottom: 30px;
}

.brand .board_write-wrap .con-body {
  margin-bottom: 50px;
}

.brand .board_write-wrap .form_policy-area {
  border: 1px solid #e5e5e5;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.brand .board_write-wrap .form_policy-area .mCustomScrollbar {
  height: 252px;
}

.brand .board_write-wrap .form_policy-agree {
  margin-top: 20px;
  text-align: right;
}

.brand .board_write-wrap .form_policy-agree .checkbox-box {
  margin-left: 50px;
}

.brand .write_result-wrap {
  margin-top: 130px;
}

.brand .write_result-wrap .write_result-panel .con-body {
  border-top: 2px solid #000000;
  border-bottom: 1px solid #e5e5e5;
  padding: 80px 0 74px;
  text-align: center;
  margin-bottom: 40px;
}

.brand .write_result-wrap .write_result-panel .con-body h3 {
  font-size: 26px;
  line-height: 1;
  color: #000;
  margin-bottom: 20px;
}

.brand .write_result-wrap .write_result-panel .con-body p {
  font-size: 16px;
  line-height: 28px;
  color: #000;
}

.brand .write_result-wrap .write_result-panel .con-body p + p {
  margin-top: 28px;
}

@media screen and (max-width: 1023px) {
  .brand .board_write-wrap {
    margin-top: 85px;
  }

  .brand .board_write-wrap .con-header {
    margin-bottom: 15px;
  }

  .brand .board_write-wrap .con-body {
    margin-bottom: 30px;
  }

  .brand .board_write-wrap .form_policy-area {
    border: 1px solid #e5e5e5;
    padding: 11px 10px 11px 15px;
    font-size: 13px;
    line-height: 17px;
  }

  .brand .board_write-wrap .form_policy-area .mCustomScrollbar {
    height: 252px;
  }

  .brand .board_write-wrap .form_policy-agree {
    margin-top: 15px;
  }

  .brand .board_write-wrap .form_policy-agree .checkbox-box {
    margin-left: 25px;
  }

  .brand .write_result-wrap {
    margin-top: 85px;
  }

  .brand .write_result-wrap .write_result-panel .con-body {
    padding: 40px 0 37px;
    margin-bottom: 30px;
  }

  .brand .write_result-wrap .write_result-panel .con-body h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .brand .write_result-wrap .write_result-panel .con-body p {
    font-size: 13px;
    line-height: 19px;
  }

  .brand .write_result-wrap .write_result-panel .con-body p + p {
    margin-top: 15px;
  }
}

.brand .sports_marketing_items .tabitem {
  display: none;
}

.brand .sports_marketing_items .tabitem.on {
  display: block;
}

.brand .sports_marketing {
  margin: 130px 0 75px;
}

.brand .sports_marketing .body-inner.padding {
  padding: 50px 16px 70px;
}

.brand .sports_marketing .col2_typo {
  position: relative;
}

.brand .sports_marketing .col2_typo:after {
  content: '';
  display: block;
  clear: both;
}

.brand .sports_marketing .col2_typo .colitem {
  float: left;
 /* percent_item( 1168 , 10) */;
}

.brand .sports_marketing .col2_typo .colitem:nth-child(1) {
  width: 320px;
}

.brand .sports_marketing .col2_typo .colitem:nth-child(2) {
  width: calc( 100% - 320px);
}

.brand .sports_marketing .symbol-area {
  width: 200px;
  margin: 0 auto;
}

.brand .sports_marketing .sports-area {
  padding-left: 40px;
}

.brand .sports_marketing .sports-area .title {
  font-size: 22px;
  font-weight: bold;
}

.brand .sports_marketing .sports-area .assistance {
  margin-top: 30px;
}

.brand .sports_marketing .sports-area .assistance dl {
  display: inline-block;
  margin-right: 50px;
}

.brand .sports_marketing .sports-area .assistance dl:after {
  content: '';
  display: block;
  clear: both;
}

.brand .sports_marketing .sports-area .assistance dt, .brand .sports_marketing .sports-area .assistance dd {
  float: left;
}

.brand .sports_marketing .sports-area .assistance dt {
  font-size: 16px;
  font-weight: 900;
  margin-right: 20px;
}

.brand .sports_marketing .sports-area .assistance dd {
  font-size: 16px;
  font-weight: 400;
  color: #979797;
}

.brand .sports_marketing .sports-area .assistance dd a + span {
  display: inline-block;
  padding: 0 10px;
}

.brand .sports_marketing .sports-area .assistance dd + dd {
  position: relative;
  margin-left: 15px;
  padding-left: 15px;
}

.brand .sports_marketing .sports-area .assistance dd + dd::before {
  content: "/";
  position: absolute;
  left: -3px;
}

.brand .sports_marketing .sports-area .desc {
  position: relative;
  padding-left: 20px;
  margin-top: 45px;
  font-size: 16px;
  color: #5e5e5e;
  font-weight: 400;
  line-height: 1.8;
}

.brand .sports_marketing .sports-area .desc::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 1px;
  height: calc( 100% - 8px);
  background-color: #d9d9d9;
}

@media screen and (max-width: 1023px) {
  .brand .sports_marketing {
    margin: 100px 0 0;
  }

  .brand .sports_marketing .body-inner.padding {
    padding: 35px 14px 00px;
  }

  .brand .sports_marketing .col2_typo {
    position: relative;
  }

  .brand .sports_marketing .col2_typo:after {
    content: '';
    display: block;
    clear: both;
  }

  .brand .sports_marketing .col2_typo .colitem {
    float: none;
  }

  .brand .sports_marketing .col2_typo .colitem:nth-child(1) {
    width: 100%;
  }

  .brand .sports_marketing .col2_typo .colitem:nth-child(2) {
    width: 100%;
  }

  .brand .sports_marketing .symbol-area {
    padding: 0px;
  }

  .brand .sports_marketing .symbol-area .imgfull {
    max-width: 125px;
    margin: 0 auto;
  }

  .brand .sports_marketing .sports-area {
    padding-left: 0px;
    padding-bottom: 45px;
  }

  .brand .sports_marketing .sports-area .title {
    margin-top: 20px;
    font-size: 18px;
  }

  .brand .sports_marketing .sports-area .assistance {
    margin-top: 20px;
 /* dd.ranking { float: none; clear: both; display: block; margin-left: 50px;  } */;
  }

  .brand .sports_marketing .sports-area .assistance dl + dl {
    margin-top: 5px;
  }

  .brand .sports_marketing .sports-area .assistance dt {
    font-size: 13px;
    font-weight: 900;
    margin-right: 16px;
  }

  .brand .sports_marketing .sports-area .assistance dd {
    font-size: 13px;
    font-weight: 300;
    color: #979797;
    margin-right: 0px;
  }

  .brand .sports_marketing .sports-area .assistance dd a + span {
    display: inline-block;
    padding: 0 5px;
  }

  .brand .sports_marketing .sports-area .desc {
    position: relative;
    padding-left: 15px;
    margin-top: 20px;
    font-size: 13px;
  }

  .brand .marketing_photo-wrap .gallery_view .gallery_prev {
    display: none;
  }

  .brand .marketing_photo-wrap .gallery_view .gallery_next {
    display: none;
  }
}

.brand .marketing_ranking-wrap {
  margin-top: 36px;
}

.brand .marketing_ranking-wrap .tag_role dt {
  margin-top: 10px;
  color: #000;
}

.brand .marketing_ranking-wrap .tag_role dd {
  color: #979797;
  position: relative;
  margin-top: 5px;
  padding-left: 20px;
}

.brand .marketing_ranking-wrap .tag_role dd:after {
  content: '';
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
}

.brand .marketing_ranking-wrap .tag_role dd.tag_red:after {
  background: #e50013;
}

.brand .marketing_ranking-wrap .tag_role dd.tag_orange:after {
  background: #fec021;
}

.brand .marketing_ranking-wrap .tag_role dd.tag_green:after {
  background: #00a84b;
}

.brand .marketing_ranking-wrap .tag_role dd.tag_gray:after {
  background: #a0a0a0;
}

.brand .marketing_ranking-wrap .player_cont {
  margin-top: 40px;
}

.brand .marketing_ranking-wrap .player_cont .title {
 /* padding-bottom: 40px; */
  text-align: left;
}

.brand .marketing_ranking-wrap .player_cont .con-body {
  border-top: 2px solid #000000;
}

.brand .marketing_ranking-wrap .select_season {
  text-align: center;
  position: relative;
}

.brand .marketing_ranking-wrap .select_season .btn_arrow {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: top;
}

.brand .marketing_ranking-wrap .select_season .btn_arrow:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 7px;
  width: 14px;
  height: 20px;
  background-position: -206px -169px;
}

.brand .marketing_ranking-wrap .select_season .btn_arrow.btn_prev:after {
  transform: rotate(180deg);
}

.brand .marketing_ranking-wrap .select_season .btn_arrow:disabled {
  opacity: 0.3;
  cursor: default;
}

.brand .marketing_ranking-wrap .select_season .btn_select {
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
  font-size: 28px;
  font-weight: 700;
  margin: 0 20px;
  padding-right: 17px;
  position: relative;
}

.brand .marketing_ranking-wrap .select_season .btn_select:after {
  content: '';
  position: absolute;
  right: 0;
  top: 13px;
  width: 9px;
  height: 5px;
  background-position: -460px -340px;
}

.brand .marketing_ranking-wrap .select_season .select_wrap {
  display: none;
  position: absolute;
  top: 40px;
  border: 1px solid #aaaaaa;
  left: 50%;
  margin-left: -60px;
  background: #fff;
  z-index: 1;
}

.brand .marketing_ranking-wrap .select_season .select_wrap li {
  width: 120px;
}

.brand .marketing_ranking-wrap .select_season .select_wrap li a {
  color: #353535;
  font-size: 16px;
  display: block;
  text-align: center;
  padding: 13px 20px;
}

.brand .marketing_ranking-wrap .select_season .select_wrap li a.selected {
  background: #e3e3e3;
}

.brand .marketing_ranking-wrap .select_season .select_wrap li a:hover {
  background: #e3e3e3;
}

@media screen and (max-width: 1023px) {
  .brand .marketing_ranking-wrap .tag_role {
    font-size: 13px;
  }

  .brand .marketing_ranking-wrap .tag_role dd {
    padding-left: 15px;
  }

  .brand .marketing_ranking-wrap .tag_role dd:after {
    top: 4px;
    width: 7px;
    height: 7px;
  }

  .brand .marketing_ranking-wrap .txt_date {
    font-size: 13px;
  }

  .brand .marketing_ranking-wrap .select_season .btn_select {
    font-size: 19px;
    margin: 0 5px;
  }

  .brand .marketing_ranking-wrap .select_season .btn_arrow.btn_prev:after {
    transform: rotate(180deg) scale(0.5);
  }

  .brand .marketing_ranking-wrap .select_season .btn_arrow.btn_next:after {
    transform: scale(0.5);
  }

  .brand .marketing_ranking-wrap .player_cont {
    margin-top: 20px;
  }

  .brand .marketing_ranking-wrap .player_cont .title {
    padding-bottom: 20px;
  }
}

.brand .marketing_ranking-wrap .player_name {
  position: relative;
  padding-left: 55px;
}

.brand .marketing_ranking-wrap .player_name .photo {
  position: absolute;
  left: 0;
  top: 0px;
}

.brand .marketing_ranking-wrap .player_name .photo .img_box {
  display: block;
  height: 46px;
  width: 46px;
  overflow: hidden;
}

.brand .marketing_ranking-wrap .player_name .photo .img_box img {
  width: 46px;
}

.brand .marketing_ranking-wrap .player_name .btn_name {
  line-height: 46px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
  position: relative;
  max-width: 85%;
}

.brand .marketing_ranking-wrap .player_name .btn_name:after {
  content: '';
  width: 4px;
  height: 8px;
  background-position: -500px -368px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  display: block;
}

.brand .marketing_ranking-wrap .player_name .txt_name {
  line-height: 46px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
  position: relative;
  max-width: 85%;
}

.brand .marketing_ranking-wrap .sort_btn {
  display: inline-block;
  padding-right: 10px;
  position: relative;
}

.brand .marketing_ranking-wrap .sort_btn:after {
  content: '';
  position: absolute;
  right: 0;
  top: 8px;
  display: block;
  width: 6px;
  height: 3px;
  background-position: -489px -340px;
  transform: rotate(180deg);
  opacity: 0.3;
}

.brand .marketing_ranking-wrap .sort_btn.active:after {
  transform: rotate(0deg);
  opacity: 1;
}

.brand .marketing_ranking-wrap .topranker {
  position: relative;
  padding-left: 30px;
}

.brand .marketing_ranking-wrap .topranker .rank {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -10px;
  font-size: 16px;
}

.brand .marketing_ranking-wrap .topranker .photo {
  position: absolute;
  left: 36px;
}

.brand .marketing_ranking-wrap .topranker .photo .img_box {
  display: block;
  height: 46px;
  width: 46px;
  overflow: hidden;
}

.brand .marketing_ranking-wrap .topranker .photo .img_box img {
  width: 46px;
}

.brand .marketing_ranking-wrap .topranker .photo .img_team {
  width: 27px;
  height: 27px;
  position: absolute;
  right: -12px;
  bottom: -7px;
}

.brand .marketing_ranking-wrap .topranker .info {
  padding-right: 60px;
  position: relative;
  font-size: 16px;
}

.brand .marketing_ranking-wrap .topranker .info .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  width: 115px;
}

.brand .marketing_ranking-wrap .topranker .info .count {
  right: 20px;
  top: 0;
  position: absolute;
  font-size: 16px;
}

.brand .marketing_ranking-wrap .topranker.type_top {
  padding-left: 110px;
}

.brand .marketing_ranking-wrap .topranker.type_top .rank {
  color: #e50013;
}

.brand .marketing_ranking-wrap .topranker.type_top .info {
  padding-right: 0;
  text-align: left;
  line-height: 23px;
}

.brand .marketing_ranking-wrap .topranker.type_top .info .name {
  color: #e50013;
  width: 110px;
  color: #5e5e5e;
}

.brand .marketing_ranking-wrap .topranker.type_top .info .name b {
  color: #000;
}

.brand .marketing_ranking-wrap .topranker.type_top .info .count {
  position: relative;
  right: auto;
  color: #e50013;
}

@media screen and (max-width: 1023px) {
  .brand .marketing_ranking-wrap {
    margin-top: 20px;
  }

  .brand .marketing_ranking-wrap .topranker .rank {
    font-size: 15px;
  }

  .brand .marketing_ranking-wrap .topranker .photo .img_box {
    height: 44px;
    width: 44px;
  }

  .brand .marketing_ranking-wrap .topranker .photo .img_box img {
    width: 44px;
  }

  .brand .marketing_ranking-wrap .topranker .info .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    width: 115px;
  }

  .brand .marketing_ranking-wrap .topranker .info .count {
    font-size: 13px;
  }

  .brand .marketing_ranking-wrap .topranker .info .count b {
    font-size: 15px;
  }

  .brand .marketing_ranking-wrap .topranker.type_top {
    padding-left: 100px;
  }
}

.brand .ci-wrap {
  margin-top: 80px;
}

.brand .ci-wrap .line_block {
  margin-right: 50px;
}

.brand .ci-wrap .con-body {
  margin-top: 60px;
}

.brand .ci-wrap .ci-color, .brand .ci-wrap .ci-prohibition {
  border-top: 1px solid #e2e2e2;
  padding-top: 70px;
  margin-top: 70px;
}

.brand .ci-wrap .ci-change {
  border-top: 1px solid #e2e2e2;
  padding-top: 70px;
  margin-top: 30px;
}

.brand .ci-wrap .ci_down-wrap {
  display: flex;
  justify-self: center;
  padding: 0 50px;
  margin: 0 -2%;
}

.brand .ci-wrap .ci_down-wrap .col-item {
  width: 50%;
  padding: 0 2%;
}

.brand .ci-wrap .ci_down-wrap .signature_down .img-box {
  padding: 30px;
  border: 1px solid #e6e6e6;
  text-align: center;
}

.brand .ci-wrap .ci_down-wrap .signature_down .img-box img {
  max-width: 472px;
  width: 100%;
}

.brand .ci-wrap .ci_down-wrap .signature_down .logo_down {
  margin-top: 40px;
  text-align: center;
}

.brand .ci-wrap .ci_down-wrap .signature_down .logo_down a {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0 30px;
}

.brand .ci-wrap .ci-info-wrap {
  margin-top: 75px;
  padding: 0 120px;
}

.brand .ci-wrap .ci-info-wrap ul li + li {
  margin-top: 5px;
}

.brand .ci-wrap .ci-info-wrap ul li {
  font-size: 20px;
  color: #5e5e5e;
}

.brand .ci-wrap .signature_down-area img {
  width: 100%;
  max-width: 760px;
}

.brand .ci-wrap .signature_down-area .logo_down {
  margin-top: 40px;
}

.brand .ci-wrap .signature_down-area .logo_down a {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0 30px;
}

.brand .ci-wrap .ci-color .color_chart {
  display: block;
  margin: 0 50px;
}

.brand .ci-wrap .ci-color .color_chart:after {
  content: "";
  display: table;
  clear: both;
}

.brand .ci-wrap .ci-color .color_chart > li {
  float: left;
  width: 25%;
  margin-bottom: 40px;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box {
  display: block;
  width: 100%;
  height: 70px;
  margin-bottom: 15px;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box span:before, .brand .ci-wrap .ci-color .color_chart > li .color_box span:after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box span:before {
  left: 0;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box span:after {
  right: 0;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box span:before {
  border-left: 30px solid #fff;
  border-right: 0px solid transparent;
  border-bottom: 70px solid #ed1c24;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box span:after {
  border-left: 0px solid transparent;
  border-right: 30px solid #fff;
  border-top: 70px solid #ed1c24;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.red span {
  background: #ef0010;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.red span:before {
  border-bottom-color: #ef0010;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.red span:after {
  border-top-color: #ef0010;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.dk_gray span {
  background: #4a4a49;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.dk_gray span:before {
  border-bottom-color: #4a4a49;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.dk_gray span:after {
  border-top-color: #4a4a49;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.gray span {
  background: #6e6e6e;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.gray span:before {
  border-bottom-color: #6e6e6e;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.gray span:after {
  border-top-color: #6e6e6e;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.silver span {
  background: #b4b8ba;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.silver span:before {
  border-bottom-color: #b4b8ba;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.silver span:after {
  border-top-color: #b4b8ba;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.li_gray span {
  background: #d7d7d7;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.li_gray span:before {
  border-bottom-color: #d7d7d7;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.li_gray span:after {
  border-top-color: #d7d7d7;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.black span {
  background: #000000;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.black span:before {
  border-bottom-color: #000000;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.black span:after {
  border-top-color: #000000;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.gold span {
  background: #896e4a;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.gold span:before {
  border-bottom-color: #896e4a;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.gold span:after {
  border-top-color: #896e4a;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.white img {
  width: 100%;
  height: 70px;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.white span {
  background-color: #fff;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.white span:before, .brand .ci-wrap .ci-color .color_chart > li .color_box.white span:after {
  display: none;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.white span .fl_fix {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 31px;
  background: url("/resources/images/brand/img_ci_color_w_l.png") no-repeat left top;
}

.brand .ci-wrap .ci-color .color_chart > li .color_box.white span .fr_fix {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 31px;
  background: url("/resources/images/brand/img_ci_color_w_r.png") no-repeat left top;
}

.brand .ci-wrap .ci-color .color_chart > li dl dt {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  word-break: keep-all;
}

.brand .ci-wrap .ci-color .color_chart > li dl dt em {
  font-size: 16px;
  color: #222222;
  display: block;
  letter-spacing: -1px;
}

.brand .ci-wrap .ci-color .color_chart > li dl dd {
  font-size: 14px;
  color: #7d7d7d;
  line-height: 20px;
}

.brand .ci-wrap .ci-change .change_logo {
  text-align: center;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: -30px;
}

.brand .ci-wrap .ci-change .change_logo > li {
  margin-top: 30px;
  width: 50%;
  float: left;
}

.brand .ci-wrap .ci-change .change_logo > li img {
  width: 100%;
  max-width: 532px;
}

.brand .ci-wrap .ci-change .change_logo > li:nth-child(1) {
  text-align: left;
  padding-right: 18px;
}

.brand .ci-wrap .ci-change .change_logo > li:nth-child(2) {
  text-align: right;
  padding-left: 18px;
}

.brand .ci-wrap .ci-change .change_logo > li:nth-child(3) {
  text-align: left;
  padding-right: 18px;
}

.brand .ci-wrap .ci-change .change_logo > li:nth-child(4) {
  text-align: right;
  padding-left: 18px;
}

.brand .ci-wrap .ci-prohibition .prohibition_list {
  display: block;
  margin: 0 50px;
}

.brand .ci-wrap .ci-prohibition .prohibition_list:after {
  content: "";
  display: table;
  clear: both;
}

.brand .ci-wrap .ci-prohibition .prohibition_list li {
  width: 25%;
  float: left;
}

.brand .ci-wrap .ci-prohibition .prohibition_list li span {
  display: block;
}

.brand .ci-wrap .ci-prohibition .prohibition_list li .log {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  padding: 40px 20px;
  background: url("/resources/images/brand/bg_logo_intro.png") repeat;
  background-size: 436%;
}

.brand .ci-wrap .ci-prohibition .prohibition_list li .log img {
  vertical-align: top;
  width: 100%;
  max-width: 216px;
}

.brand .ci-wrap .ci-prohibition .prohibition_list li .txt {
  text-align: center;
  padding: 20px 30px;
  font-size: 16px;
  color: #5e5e5e;
}

.brand .ci-wrap .ci-prohibition .prohibition_list li:nth-child(1) .log {
  border-left: 1px solid #e6e6e6;
}

.brand .ci-wrap .ci-prohibition .prohibition_list li:nth-child(4) .log {
  border-right: 1px solid #e6e6e6;
}

.brand .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt {
  margin-bottom: 50px;
}

.brand .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt:after {
  content: "";
  display: table;
  clear: both;
}

.brand .ci-wrap .ci-prohibition .prohibition-area {
  padding: 0 50px;
}

.brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -40px;
}

.brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
  margin-top: 40px;
  width: 25%;
}

.brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .li-inner {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 218px;
}

.brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc {
  position: relative;
  padding-left: 30px;
}

.brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc i {
  background-color: #000;
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 4px;
  left: 0;
  text-align: center;
  font-size: 14px;
  line-height: 23px;
  color: #fff;
}

.brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc .txt {
  font-size: 16px;
  line-height: 1.5;
}

.brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .log {
  margin-top: 15px;
  align-self: flex-end;
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list {
    justify-content: flex-start;
  }

  .brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    width: 33.33%;
  }
}

@media screen and (max-width: 1023px) {
  .brand .ci-wrap {
    margin-top: 75px;
 /* */;
  }

  .brand .ci-wrap .line_block {
    margin-right: 0;
  }

  .brand .ci-wrap .con-body {
    margin-top: 30px;
  }

  .brand .ci-wrap .ci-color, .brand .ci-wrap .ci-prohibition {
    padding-top: 35px;
    margin-top: 35px;
  }

  .brand .ci-wrap .ci-change {
    padding-top: 35px;
    margin-top: 15px;
  }

  .brand .ci-wrap .ci_down-wrap {
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }

  .brand .ci-wrap .ci_down-wrap .col-item {
    width: 100%;
    padding: 0;
  }

  .brand .ci-wrap .ci_down-wrap .col-item + .col-item {
    margin-top: 40px;
  }

  .brand .ci-wrap .ci_down-wrap .signature_down .img-box {
    padding: 20px;
  }

  .brand .ci-wrap .ci_down-wrap .signature_down .img-box img {
    max-width: 272px;
    width: 100%;
  }

  .brand .ci-wrap .ci_down-wrap .signature_down .logo_down {
    margin-top: 20px;
  }

  .brand .ci-wrap .ci_down-wrap .signature_down .logo_down a {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin: 0 30px;
  }

  .brand .ci-wrap .ci-info-wrap {
    margin-top: 40px;
    padding: 0;
  }

  .brand .ci-wrap .ci-info-wrap ul li {
    font-size: 13px;
    margin: 0 0px;
  }

  .brand .ci-wrap .ci-info-wrap ul li::after {
    top: 8px;
  }

  .brand .ci-wrap .signature_down-area .logo_down {
    margin-top: 20px;
  }

  .brand .ci-wrap .signature_down-area .logo_down a {
    font-size: 13px;
    margin: 0 20px;
  }

  .brand .ci-wrap .ci-color .color_chart {
    margin: 0;
  }

  .brand .ci-wrap .ci-color .color_chart > li {
    width: 50%;
    margin-bottom: 20px;
  }

  .brand .ci-wrap .ci-color .color_chart > li .color_box {
    height: 36px;
    margin-bottom: 15px;
  }

  .brand .ci-wrap .ci-color .color_chart > li .color_box span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .brand .ci-wrap .ci-color .color_chart > li .color_box span:before {
    border-left: 16px solid #fff;
    border-right: 0px solid transparent;
    border-bottom: 36px solid #ed1c24;
  }

  .brand .ci-wrap .ci-color .color_chart > li .color_box span:after {
    border-left: 0px solid transparent;
    border-right: 16px solid #fff;
    border-top: 36px solid #ed1c24;
  }

  .brand .ci-wrap .ci-color .color_chart > li .color_box.white img {
    width: 100%;
    height: 36px;
  }

  .brand .ci-wrap .ci-color .color_chart > li .color_box.white span:before, .brand .ci-wrap .ci-color .color_chart > li .color_box.white span:after {
    display: none;
  }

  .brand .ci-wrap .ci-color .color_chart > li .color_box.white span .fl_fix {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 17px;
    background: url("/resources/images/brand/img_ci_color_w_l-mb.png") no-repeat left top;
    background-size: 17px 36px;
  }

  .brand .ci-wrap .ci-color .color_chart > li .color_box.white span .fr_fix {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 17px;
    background: url("/resources/images/brand/img_ci_color_w_r-mb.png") no-repeat left top;
    background-size: 17px 36px;
  }

  .brand .ci-wrap .ci-color .color_chart > li dl dt {
    font-size: 14px;
  }

  .brand .ci-wrap .ci-color .color_chart > li dl dt em {
    font-size: 14px;
  }

  .brand .ci-wrap .ci-color .color_chart > li dl dd {
    font-size: 14px;
  }

  .brand .ci-wrap .ci-change .change_logo {
    margin-top: -15px;
  }

  .brand .ci-wrap .ci-change .change_logo > li {
    margin-top: 15px;
  }

  .brand .ci-wrap .ci-change .change_logo > li:nth-child(1) {
    padding-right: 6px;
  }

  .brand .ci-wrap .ci-change .change_logo > li:nth-child(2) {
    padding-left: 6px;
  }

  .brand .ci-wrap .ci-change .change_logo > li:nth-child(3) {
    padding-right: 6px;
  }

  .brand .ci-wrap .ci-change .change_logo > li:nth-child(4) {
    padding-left: 6px;
  }

  .brand .ci-wrap .ci-prohibition .prohibition_list {
    margin: 0;
  }

  .brand .ci-wrap .ci-prohibition .prohibition_list li {
    width: 50%;
  }

  .brand .ci-wrap .ci-prohibition .prohibition_list li span {
    display: block;
  }

  .brand .ci-wrap .ci-prohibition .prohibition_list li .log {
    padding: 20px;
  }

  .brand .ci-wrap .ci-prohibition .prohibition_list li .log img {
    vertical-align: top;
    width: 100%;
    max-width: 260px;
  }

  .brand .ci-wrap .ci-prohibition .prohibition_list li .txt {
    text-align: center;
    padding: 15px 15px;
    font-size: 13px;
  }

  .brand .ci-wrap .ci-prohibition .prohibition_list li:nth-child(2) .log {
    border-right: 1px solid #e6e6e6;
  }

  .brand .ci-wrap .ci-prohibition .prohibition_list li:nth-child(3) .log {
    border-left: 1px solid #e6e6e6;
  }

  .brand .ci-wrap .ci-prohibition .prohibition_list li:nth-child(4) .log {
    border-right: 1px solid #e6e6e6;
  }

  .brand .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt {
    margin-bottom: 0;
  }

  .brand .ci-wrap .ci-prohibition .prohibition-area {
    padding: 0;
  }

  .brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list {
    margin-top: -20px;
  }

  .brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    margin-top: 20px;
    width: 50%;
    padding: 0 15px;
  }

  .brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .li-inner {
    max-width: 218px;
    width: auto;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-between;
  }

  .brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc {
    position: relative;
    padding-left: 22px;
  }

  .brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc i {
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 18px;
  }

  .brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc .txt {
    font-size: 12px;
  }

  .brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .log {
    margin-top: 10px;
  }

  .brand .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .log img {
    max-width: 218px;
    width: 100%;
  }
}

.brand .cont-wrap {
  margin-top: 130px;
}

.brand .character-wrap .character_box {
  height: 440px;
  position: relative;
  margin-top: 8px;
}

.brand .character-wrap .character_box .bg {
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(/resources/images/brand/bg_character_a.png) no-repeat center center;
}

.brand .character-wrap .character_box .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 45%;
  font-size: 0;
  line-height: 0;
}

.brand .character-wrap .character_box .info:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.brand .character-wrap .character_box .info .inner {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.brand .character-wrap .character_box .info .name {
  text-align: left;
  font-size: 24px;
  line-height: 30px;
  color: #000;
  font-weight: 700;
}

.brand .character-wrap .character_box .info .name span {
  display: inline-block;
  color: #e50012;
}

.brand .character-wrap .character_box .info .history {
  margin-top: 28px;
  padding-top: 25px;
  border-top: 1px solid #e5e5e5;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  text-align: left;
}

.brand .character-wrap .character_box .info .history .mark_dot-list li::after {
  background-color: #5e5e5e;
}

.brand .character-wrap .character_box .profile {
  position: absolute;
  bottom: 14%;
  left: 0;
  width: 50%;
  text-align: center;
}

.brand .character-wrap .character_box.woman .bg {
  background: url(/resources/images/brand/bg_character_b.png) no-repeat center center;
}

.brand .character-wrap .character_box.woman .info {
  left: 10%;
  width: 44%;
}

.brand .character-wrap .character_box.woman .profile {
  left: 44%;
}

.brand .character-wrap .character_box.baby .bg {
  background: url(/resources/images/brand/bg_character_c.png) no-repeat center center;
}

.brand .character-wrap .character_box.baby .info .name span {
  display: inline-block;
  color: #058ebb;
}

.brand .character-wrap .character_box.baby .profile {
  position: absolute;
  bottom: 14%;
  left: 0;
  width: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.brand .character-wrap .character_box.baby .profile img:nth-child(1) {
  margin-top: -5px;
}

.brand .character-wrap .character_box.baby .profile img:nth-child(2) {
  margin: 0 10px;
}

.brand .qna-wrap {
  margin-top: 40px;
}

.brand .qna-wrap .con-header {
  margin-bottom: 30px;
}

.brand .qna-wrap .faq_box-list .box-head {
  padding: 0 55px 0 40px;
}

.brand .qna-wrap .faq_box-list .box-head .box-type {
  width: 40px;
  padding: 0 10px 0 15px;
}

.brand .qna-wrap .faq_box-list .box-head .box-title {
  padding: 15px 0;
}

.brand .video-wrap {
  margin-top: 40px;
}

.brand .video-wrap .video_list-panel .con-header {
  height: 40px;
}

.brand .video-wrap .video_list {
  margin: 40px  -11px 0;
}

.brand .video-wrap .video_listafter {
  content: "";
  display: table;
  clear: both;
}

.brand .video-wrap .video_list .colitem {
  padding: 0 11px 60px;
}

.brand .video-wrap .video_list .item_article {
  position: relative;
}

.brand .video-wrap .video_list .item_article .img {
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.brand .video-wrap .video_list .item_article .img::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("/resources/images/common/icon_play.png") no-repeat center;
}

.brand .video-wrap .video_list .item_article .img img {
  width: 100%;
}

.brand .video-wrap .video_list .item_article .sbj {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1023px) {
  .brand .cont-wrap {
    margin-top: 80px;
  }

  .brand .qna-wrap {
    margin-top: 20px;
  }

  .brand .qna-wrap .con-header {
    margin-bottom: 15px;
  }

  .brand .video-wrap {
    margin-top: 25px;
  }

  .brand .video-wrap .video_list {
    margin: 20px 0 0px;
  }

  .brand .video-wrap .video_listafter {
    content: "";
    display: table;
    clear: both;
  }

  .brand .video-wrap .video_list .colitem {
    float: none;
    width: 100%;
    padding: 0 0px 36px;
  }

  .brand .video-wrap .video_list .item_article {
    max-width: 640px;
    margin: 0 auto;
  }

  .brand .video-wrap .video_list .item_article .img::after {
    background: url("/resources/images/common/icon_play.png") no-repeat center;
    background-size: 56px 56px;
  }

  .brand .character-wrap .con-header {
    margin-bottom: 20px;
  }

  .brand .character-wrap .character_box {
    padding: 0;
    height: auto;
    background: url(/resources/images/brand/bg_character_b-mo2.png) repeat center top;
  }

  .brand .character-wrap .character_box .bg {
    background: #f6f6f6;
  }

  .brand .character-wrap .character_box .profile {
    position: relative;
    width: 100%;
    min-height: 193px;
    background: url(/resources/images/brand/bg_team_intro_mo.jpg) no-repeat center bottom;
    background-size: auto 193px;
  }

  .brand .character-wrap .character_box .profile img {
    width: 70px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .brand .character-wrap .character_box .info {
    position: static;
    width: 100%;
    padding: 28px 18px 50px;
  }

  .brand .character-wrap .character_box .info:before {
    display: none;
  }

  .brand .character-wrap .character_box .info::after {
    content: '';
    display: inline-block;
    width: 105px;
    height: 46px;
    position: absolute;
    right: 0;
    bottom: -6px;
    background: url(/resources/images/brand/bg_character_b-mo_bottom.png) no-repeat right bottom;
    background-size: 105px 46px;
  }

  .brand .character-wrap .character_box .info .inner {
    display: block;
  }

  .brand .character-wrap .character_box .info .name {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
  }

  .brand .character-wrap .character_box .info .history {
    margin-top: 10px;
    padding-top: 16px;
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 20px;
  }

  .brand .character-wrap .character_box .info .history ul li:after {
    top: 9px;
  }

  .brand .character-wrap .character_box.woman {
    margin-top: 30px;
  }

  .brand .character-wrap .character_box.woman .info {
    position: static;
    width: 100%;
    padding: 28px 18px;
    background: none;
  }

  .brand .character-wrap .character_box.woman .info::after {
    display: none;
  }

  .brand .character-wrap .character_box.woman .profile {
    position: relative;
    width: 100%;
    min-height: 201px;
    left: 0;
    background: url(/resources/images/brand/bg_character_b-mo.png) no-repeat center top;
    background-size: auto 201px;
  }

  .brand .character-wrap .character_box.woman .profile img {
    width: 85px;
    position: absolute;
    bottom: 19px;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .brand .character-wrap .character_box.baby {
    margin-top: 30px;
  }

  .brand .character-wrap .character_box.baby .profile {
    position: relative;
    width: 100%;
    min-height: 193px;
    background: url(/resources/images/brand/bg_character_c-mo.png) no-repeat center bottom;
    background-size: auto 193px;
  }

  .brand .character-wrap .character_box.baby .profile img {
    height: 130px;
    width: auto;
    position: relative;
    bottom: auto;
    left: auto;
    transform: translate(0, 0);
  }

  .brand .character-wrap .character_box.baby .profile img:nth-child(2) {
    margin: 0 5px;
    height: 20px;
  }

  .brand .character-wrap .character_box.baby .info::after {
    content: '';
    display: inline-block;
    width: 105px;
    height: 46px;
    position: absolute;
    right: 0;
    bottom: -6px;
    background: url(/resources/images/brand/bg_character_c-mo_bottom.png) no-repeat right bottom;
    background-size: 105px 46px;
  }
}

.trp.popupfixed-wrap .section .table-wrap.schedule_table {
  padding: 0px 0px;
}

.trp.popupfixed-wrap .section .table-wrap.schedule_table .con-body {
  margin-top: 0;
}

.brand {
 /*  ============ 챔피언십 typo ============ */ /*  챔피언십 photo */ /* 테이블 */ /* calender-wrap */ /* 팀소개 & 스포츠 마케팅 */ /* ============ 팀소개 & 스포츠 마케팅 [2022-0628] */;
}

.brand .select-wrap .visual_bg {
  margin-top: 80px;
  overflow: hidden;
}

.brand .select-wrap .body-inner .select-area {
  width: 210px;
  float: right;
}

@media screen and (max-width: 1023px) {
  .brand .select-wrap .visual_bg {
    margin: 40px 0 20px;
  }

  .brand .select-wrap .body-inner .select-area {
    width: 100%;
    float: none;
  }
}

.brand .championship_typo-wrap .body-inner.padding {
  padding: 50px 16px 70px;
}

.brand .championship_typo-wrap .col2_typo {
  position: relative;
}

.brand .championship_typo-wrap .col2_typo:after {
  content: '';
  display: block;
  clear: both;
}

.brand .championship_typo-wrap .col2_typo .colitem {
  float: left;
 /* percent_item( 1168 , 10) */;
}

.brand .championship_typo-wrap .col2_typo .colitem:nth-child(1) {
  width: 264px;
}

.brand .championship_typo-wrap .col2_typo .colitem:nth-child(2) {
  width: calc( 100% - 264px);
}

.brand .championship_typo-wrap .symbol-area {
  padding: 0 20px 0 47px;
}

.brand .championship_typo-wrap .championship-area {
  padding-left: 40px;
}

.brand .championship_typo-wrap .championship-area .title {
  margin-top: 25px;
  font-size: 22px;
  font-weight: bold;
}

.brand .championship_typo-wrap .championship-area .assistance {
  margin-top: 30px;
}

.brand .championship_typo-wrap .championship-area .assistance dl {
  display: inline-block;
  margin-right: 50px;
}

.brand .championship_typo-wrap .championship-area .assistance dl:after {
  content: '';
  display: block;
  clear: both;
}

.brand .championship_typo-wrap .championship-area .assistance dt, .brand .championship_typo-wrap .championship-area .assistance dd {
  float: left;
}

.brand .championship_typo-wrap .championship-area .assistance dt {
  font-size: 16px;
  font-weight: 900;
  margin-right: 20px;
}

.brand .championship_typo-wrap .championship-area .assistance dd {
  font-size: 16px;
  font-weight: 400;
  color: #979797;
}

.brand .championship_typo-wrap .championship-area .assistance dd a + span {
  display: inline-block;
  padding: 0 10px;
}

.brand .championship_typo-wrap .championship-area .desc {
  position: relative;
  padding-left: 20px;
  margin-top: 45px;
  font-size: 16px;
  color: #5e5e5e;
  font-weight: 400;
  line-height: 1.8;
}

.brand .championship_typo-wrap .championship-area .desc::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 1px;
  height: calc( 100% - 8px);
  background-color: #d9d9d9;
}

@media screen and (max-width: 1023px) {
  .brand .championship_typo-wrap .body-inner.padding {
    padding: 35px 14px 00px;
  }

  .brand .championship_typo-wrap .col2_typo {
    position: relative;
  }

  .brand .championship_typo-wrap .col2_typo:after {
    content: '';
    display: block;
    clear: both;
  }

  .brand .championship_typo-wrap .col2_typo .colitem {
    float: none;
  }

  .brand .championship_typo-wrap .col2_typo .colitem:nth-child(1) {
    width: 100%;
  }

  .brand .championship_typo-wrap .col2_typo .colitem:nth-child(2) {
    width: 100%;
  }

  .brand .championship_typo-wrap .symbol-area {
    padding: 0px;
  }

  .brand .championship_typo-wrap .symbol-area .imgfull {
    max-width: 125px;
    margin: 0 auto;
  }

  .brand .championship_typo-wrap .championship-area {
    padding-left: 0px;
    padding-bottom: 45px;
  }

  .brand .championship_typo-wrap .championship-area .title {
    margin-top: 20px;
    font-size: 18px;
  }

  .brand .championship_typo-wrap .championship-area .assistance {
    margin-top: 20px;
  }

  .brand .championship_typo-wrap .championship-area .assistance dl + dl {
    margin-top: 5px;
  }

  .brand .championship_typo-wrap .championship-area .assistance dt {
    font-size: 13px;
    font-weight: 900;
    margin-right: 16px;
  }

  .brand .championship_typo-wrap .championship-area .assistance dd {
    font-size: 13px;
    font-weight: 300;
    color: #979797;
    margin-right: 50px;
  }

  .brand .championship_typo-wrap .championship-area .assistance dd a + span {
    display: inline-block;
    padding: 0 5px;
  }

  .brand .championship_typo-wrap .championship-area .desc {
    position: relative;
    padding-left: 15px;
    margin-top: 20px;
    font-size: 13px;
  }
}

.brand .championship_photo-wrap .gallery_view {
  position: relative;
}

.brand .championship_photo-wrap .gallery_view .gallery_center {
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.brand .championship_photo-wrap .gallery_view .gallery_pageing {
  position: relative;
  padding: 25px 0 30px;
}

.brand .championship_photo-wrap .gallery_view .gallery_pageing .progress_bar {
  width: calc( 100% - 80px);
}

.brand .championship_photo-wrap .gallery_view .gallery_pagination {
  display: none;
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
}

.brand .championship_photo-wrap .gallery_view .gallery_pagination .bx-pager {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.brand .championship_photo-wrap .gallery_view .gallery_pagination .bx-pager .bx-pager-item {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.brand .championship_photo-wrap .gallery_view .gallery_pagination .bx-pager .bx-pager-item a {
  margin: 5px 2px;
  overflow: hidden;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
  font-size: 0;
  line-height: 0;
  text-indent: 100px;
}

.brand .championship_photo-wrap .gallery_view .gallery_pagination .bx-pager .bx-pager-item a.active {
  opacity: 1;
  background: #333;
}

.brand .championship_photo-wrap .video_view {
  position: relative;
}

.brand .championship_photo-wrap .video_view video {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .brand .championship_photo-wrap .gallery_view {
    position: relative;
  }

  .brand .championship_photo-wrap .gallery_view .gallery_pagination {
    bottom: 30px;
    width: 100%;
  }

  .brand .championship_photo-wrap .gallery_view .gallery_pagination .bx-pager {
    text-align: center;
    font-size: 0;
    line-height: 0;
  }
}

.brand .table_set-wrap .data_table thead th {
  background-color: #ececec;
}

.brand .table_set-wrap .data_table tbody .team_logo {
  text-align: center;
  margin-bottom: 3px;
}

.brand .calender-wrap {
  margin-top: 60px;
}

.brand .calender-wrap .calender-panel .con-header {
  padding: 20px;
}

.brand .calender-wrap .calender-panel .con-header .btn_set-center {
  position: relative;
}

.brand .calender-wrap .calender-panel .con-header .btn_set-center .year_month {
  display: inline-block;
  margin: 0 10px;
  font-size: 28px;
  font-weight: bold;
  line-height: 40px;
  vertical-align: middle;
}

.brand .calender-wrap .calender-panel .con-header .btn_set-center .arrow-btn {
  display: inline-block;
  padding: 5px;
  vertical-align: top;
  font-size: 0;
}

.brand .calender-wrap .calender-panel .con-header .btn_set-center .arrow-btn:disabled, .brand .calender-wrap .calender-panel .con-header .btn_set-center .arrow-btn[disabled] {
  opacity: 0.3;
  cursor: auto;
}

.brand .calender-wrap .calender-panel .con-header .btn_set.ab-r {
  position: absolute;
  top: 20px;
  right: 0;
}

.brand .calender-wrap .calender-panel .con-body {
  border-top: 2px solid #000;
}

@media screen and (max-width: 1023px) {
  .brand .calender-wrap {
    margin-top: 30px;
  }

  .brand .calender-wrap .calender-panel .con-header {
    padding: 10px;
  }

  .brand .calender-wrap .calender-panel .con-header .btn_set-center .year_month {
    margin: 0 0px;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    vertical-align: middle;
  }

  .brand .calender-wrap .calender-panel .con-header .btn_set-center .arrow-btn {
    padding: 5px;
    vertical-align: top;
    font-size: 0;
  }

  .brand .calender-wrap .calender-panel .con-header .btn_set-center .arrow-btn i {
    padding: 8px 7px 7px 8px;
    box-sizing: border-box;
  }

  .brand .calender-wrap .calender-panel .con-header .btn_set.ab-r {
    position: absolute;
    top: 13px;
    right: 0;
  }

  .brand .calender-wrap .calender-panel .con-header .btn_set.ab-r .btn {
    padding: 7px 10px 6px;
    min-width: auto;
  }
}

.brand .team-intro-tab {
 /* margin-top: 80px; */;
}

.brand .team-intro-tab .tab-wrap {
  margin-top: 0;
}

.brand .team-intro-tab .tab-list.tab_typesub.tab_item2 {
  margin-left: -300%;
}

.brand .team-intro-tab .tab-list.tab_typesub.tab_item3 {
  margin-left: -300%;
  width: 300px;
}

.brand .team-intro-tab .tab-list.tab_typesub.tab_item3.tab1_active1 {
  margin-left: -300%;
}

.brand .team-intro-tab .tab-list.tab_typesub.tab_item3.tab1_active2 {
  margin-left: -65%;
}

.brand .team-intro-tab .tab-list.tab_typesub.tab_item3.tab1_active3 {
  margin-left: 65%;
}

.brand .team-intro-tab .tab-list.tab_typesub.tab_item3.tab1_active4 {
  margin-left: 143%;
}

.brand .team-intro-tab .tab-list.tab_typesub.tab_item2.tab1_active1 {
  margin-left: -300%;
}

.brand .team-intro-tab .tab-list.tab_typesub.tab_item2.tab1_active2 {
  margin-left: -65%;
}

.brand .team-intro-tab .tab-list.tab_typesub.tab_item2.tab1_active3 {
  margin-left: 85%;
}

.brand .team-intro-tab .tab-list.tab_typesub.tab_item2.tab1_active4 {
  margin-left: 168%;
 /* 적용 */;
}

.brand .team-intro-tab .tab-list.tab_typedot.tab_item4 > li:nth-child(1) {
  width: 25%;
}

.brand .team-intro-tab .tab-list.tab_typedot.tab_item4 > li:nth-child(2) {
  width: 34%;
}

.brand .team-intro-tab .tab-list.tab_typedot.tab_item4 > li:nth-child(3) {
  width: 24%;
}

.brand .team-intro-tab .tab-list.tab_typedot.tab_item4 > li:nth-child(4) {
  width: 17%;
}

@media screen and (max-width: 1023px) {
  .brand .team-intro-tab {
    position: relative;
 /*  margin-top: 60px; */;
  }

  .brand .team-intro-tab .tab-wrap {
    margin-top: 0;
  }

  .brand .team-intro-tab .team_tab .tab-area {
    width: 100%;
    min-width: 650px;
  }

  .brand .team-intro-tab .tab-area {
    width: 100%;
    min-width: 500px;
  }

  .brand .team-intro-tab .tab-list.tab_typedot.tab_item4 > li:nth-child(1) {
    width: auto;
  }

  .brand .team-intro-tab .tab-list.tab_typedot.tab_item4 > li:nth-child(2) {
    width: auto;
  }

  .brand .team-intro-tab .tab-list.tab_typedot.tab_item4 > li:nth-child(3) {
    width: auto;
  }

  .brand .team-intro-tab .tab-list.tab_typedot.tab_item4 > li:nth-child(4) {
    width: auto;
  }

  .brand .team-intro-tab .tab_typesub-wrap {
    width: 500px;
    margin: 0 auto;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area {
    width: 137px;
    margin: 5px 0 0 14px;
    min-width: auto;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area .tab_item2 {
    margin-left: 4%;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area .tab_item3 {
    margin-left: 4%;
    width: 200px;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area .tab-list.tab_typesub.tab_item3.tab1_active1 {
    margin-left: 0%;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area .tab-list.tab_typesub.tab_item3.tab1_active2 {
    margin-left: 80%;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area .tab-list.tab_typesub.tab_item3.tab1_active3 {
    margin-left: 155%;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area .tab-list.tab_typesub.tab_item3.tab1_active4 {
    margin-left: 225%;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area .tab-list.tab_typesub.tab_item2.tab1_active1 {
    margin-left: 0%;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area .tab-list.tab_typesub.tab_item2.tab1_active2 {
    margin-left: 80%;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area .tab-list.tab_typesub.tab_item2.tab1_active3 {
    margin-left: 185%;
  }

  .brand .team-intro-tab .tab_typesub-wrap .tab-area .tab-list.tab_typesub.tab_item2.tab1_active4 {
    margin-left: 322%;
  }

  .brand .team-intro-tab + .list-wrap {
    margin-top: 30px;
  }

  .brand .team-intro-tab + .view-wrap {
    margin-top: 30px !important;
  }
}

.brand .team-intro_set-tab {
 /* margin-top: 80px; */;
}

.brand .team-intro_set-tab .tab-wrap {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .brand .team-intro_set-tab {
    position: relative;
 /*  margin-top: 60px; */;
  }

  .brand .team-intro_set-tab .tab-wrap {
    margin-top: 0;
  }

  .brand .team-intro_set-tab .team_tab .tab-area {
    width: 100%;
    min-width: 650px;
  }

  .brand .team-intro_set-tab .tab-area {
    width: 100%;
    min-width: 500px;
  }

  .brand .team-intro_set-tab .tab_typesub-wrap {
    margin: 0 auto;
  }

  .brand .team-intro_set-tab .tab_typesub-wrap .tab-area {
    width: 137px;
    margin: 5px 0 0 14px;
    min-width: auto;
  }

  .brand .team-intro_set-tab + .list-wrap {
    margin-top: 30px;
  }

  .brand .team-intro_set-tab + .view-wrap {
    margin-top: 30px !important;
  }
}

.brand .team-intro-wrap {
  margin-top: 60px;
 /* ---- old ---- */ /* ---- ///old ---- */;
}

.brand .team-intro-wrap .con-body {
  margin-top: 50px;
}

.brand .team-intro-wrap .team-intro_slider {
  position: relative;
  padding-bottom: 45px;
}

.brand .team-intro-wrap .slider_item {
  overflow: hidden;
}

.brand .team-intro-wrap .team-member_box {
 /* padding-top: 36.75%; */
  padding-top: 41.6666%;
}

.brand .team-intro-wrap .team-member_box .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/resources/images/brand/motor_sports/bg_team_intro-500.png) no-repeat center center;
  background-size: cover;
}

.brand .team-intro-wrap .team-member_box .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 50%;
  font-size: 0;
  line-height: 0;
}

.brand .team-intro-wrap .team-member_box .info:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.brand .team-intro-wrap .team-member_box .info .inner {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.brand .team-intro-wrap .team-member_box .info .name {
  text-align: left;
}

.brand .team-intro-wrap .team-member_box .info .name b {
  font-size: 24px;
  color: #000;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
}

.brand .team-intro-wrap .team-member_box .info .name span {
  margin-left: 12px;
  padding-left: 13px;
  font-size: 18px;
  color: #979797;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.brand .team-intro-wrap .team-member_box .info .name span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background: #e7e7e7;
}

.brand .team-intro-wrap .team-member_box .info .history {
  margin-top: 28px;
  padding-top: 25px;
  border-top: 1px solid #e5e5e5;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  text-align: left;
}

.brand .team-intro-wrap .team-member_box .info .history .pl {
  display: inline-block;
  padding-left: 58px;
}

.brand .team-intro-wrap .team-member_box .profile {
  position: absolute;
  bottom: 2%;
  left: 0;
  width: 46.66666%;
  text-align: center;
}

.brand .team-intro-wrap .team-member_box.ect .info {
  left: 82%;
  width: auto;
  top: auto;
  bottom: 40px;
}

.brand .team-intro-wrap .team-member_box.ect .profile {
  left: 5%;
  width: 75%;
}

.brand .team-intro-wrap .team-member_box.ect .profile img {
  width: 100%;
}

.brand .team-intro-wrap .team-member_box.ect.type02 .profile {
  left: 5%;
  width: 58.333%;
}

.brand .team-intro-wrap .gallery_view .gallery_prev {
  display: none;
}

.brand .team-intro-wrap .gallery_view .gallery_next {
  display: none;
}

.brand .team-intro-wrap .thumbs-area {
  margin-top: 20px;
  margin-bottom: 5px;
}

.brand .team-intro-wrap .thumbs-area .pagination-list {
  text-align: center;
}

.brand .team-intro-wrap .thumbs-area .pagination-list li {
  display: inline-block;
  margin: 0 2px 7px;
}

.brand .team-intro-wrap .thumbs-area .pagination-list a {
  position: relative;
  display: block;
  width: 64px;
  height: 64px;
  box-sizing: border-box;
  overflow: hidden;
}

.brand .team-intro-wrap .thumbs-area .pagination-list a img {
  width: 100%;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.brand .team-intro-wrap .thumbs-area .pagination-list a .ac_line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
}

.brand .team-intro-wrap .thumbs-area .pagination-list li.current img {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  margin-top: -64px;
}

.brand .team-intro-wrap .thumbs-area .pagination-list li.current .ac_line {
  display: block;
  border: 2px solid #e50012;
}

.brand .team-intro-wrap .swiper-container.thumbs {
  height: 64px;
  margin: 20px auto 0;
 /*.swiper-wrapper {display: inline-block;width: auto;}*/;
}

.brand .team-intro-wrap .swiper-container.thumbs .img-thumb.swiper-slide {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 64px !important;
  height: 64px;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0.5;
}

.brand .team-intro-wrap .swiper-container.thumbs .img-thumb.swiper-slide *, .brand .team-intro-wrap .swiper-container.thumbs .img-thumb.swiper-slide *:before, .brand .team-intro-wrap .swiper-container.thumbs .img-thumb.swiper-slide *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.brand .team-intro-wrap .swiper-container.thumbs .img-thumb.swiper-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #d2d2d2;
}

.brand .team-intro-wrap .swiper-container.thumbs .img-thumb.swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.brand .team-intro-wrap .swiper-container.thumbs .img-thumb.swiper-slide.swiper-slide-thumb-active:after {
  border: 2px solid #e50012;
}

.brand .team-intro-wrap .swiper-custom-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25px;
}

.brand .team-intro-wrap .swiper-custom-bar .swiper-scrollbar-custom {
  position: absolute;
  top: 50%;
  left: 0;
  right: 80px;
  height: 3px;
  border-bottom: 1px solid #b2b2b2;
  margin-top: -2px;
}

.brand .team-intro-wrap .swiper-custom-bar .swiper-scrollbar-custom .swiper-scrollbar-drag {
  height: 3px;
  background: #ef0010;
}

.brand .team-intro-wrap .swiper-custom-bar .swiper-scrollbar-custom .swiper-scrollbar-drag:before {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 3px 3px;
  border-color: transparent transparent #ef0010 transparent;
}

.brand .team-intro-wrap .swiper-custom-bar .swiper-scrollbar-custom .swiper-scrollbar-drag:after {
  content: "";
  position: absolute;
  top: 0;
  right: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 3px 0 0;
  border-color: #ef0010 transparent transparent transparent;
}

.brand .team-intro-wrap .swiper-custom-bar .swiper-pagination-custom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 80px;
  text-align: right;
  font-size: 16px;
  line-height: 25px;
  color: #cacaca;
}

.brand .team-intro-wrap .swiper-custom-bar .swiper-pagination-custom .swiper-pagination-current {
  color: #000;
}

.brand .team-intro-wrap .swiper-custom-bar .swiper-pagination-custom .swiper-pagination-total {
  color: #cacaca;
}

.brand .team-intro-wrap .swiper-custom-nav .swiper-button-next {
  width: 58px;
  height: 58px;
  background: none;
  margin-top: -29px;
  right: 0;
}

.brand .team-intro-wrap .swiper-custom-nav .swiper-button-prev {
  width: 58px;
  height: 58px;
  background: none;
  margin-top: -29px;
  left: 0;
}

.brand .logo-intro-wrap {
  margin-top: 100px;
}

.brand .logo-intro-wrap .logo-intro_panel {
  margin-top: 60px;
  background: url(/resources/images/brand/motor_sports/bg_logo_intro.png) repeat center center;
  border: 1px solid #e2e2e2;
  height: 402px;
  padding: 40px 0;
  text-align: center;
}

.brand .logo-intro-wrap .logo-intro_panel h4 {
  text-align: left;
  font-size: 22px;
  line-height: 1;
  color: #000;
  margin-bottom: 55px;
  padding: 0 45px;
}

.brand .logo-intro-wrap .logo-intro_panel ul {
  display: inline-block;
}

.brand .logo-intro-wrap .logo-intro_panel ul li {
  float: left;
  width: 236px;
}

.brand .logo-intro-wrap .logo-intro_panel ul li + li {
  margin-left: 88px;
}

.brand .logo-intro-wrap .logo-intro_panel ul:after {
  content: "";
  display: table;
  clear: both;
}

.brand .logo-intro-wrap .logo-intro_panel .logo_item h5 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 1;
}

.brand .logo-intro-wrap .logo-intro_panel .logo_item .logo_img {
  width: 236px;
  height: 236px;
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 236px 236px;
  background-position: 0 0;
}

.brand .logo-intro-wrap .logo-intro_panel .logo_item .logo_img.type1 {
  background-image: url(/resources/images/brand/motor_sports/team_logo_1.png);
}

.brand .logo-intro-wrap .logo-intro_panel .logo_item .logo_img.type2 {
  background-image: url(/resources/images/brand/motor_sports/team_logo_2.png);
}

.brand .logo-intro-wrap .logo-intro_panel .logo_item .logo_img.type3 {
  background-image: url(/resources/images/brand/motor_sports/team_logo_3.png);
}

@media screen and (max-width: 1023px) {
  .brand .team-intro-wrap {
    margin-top: 30px;
  }

  .brand .team-intro-wrap .con-body {
    margin-top: 30px;
  }

  .brand .team-intro-wrap .team-intro_slider {
    position: relative;
    padding-bottom: 30px;
  }

  .brand .team-intro-wrap .team-member_box {
    padding: 0;
  }

  .brand .team-intro-wrap .team-member_box .bg {
    position: absolute;
    top: 7px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f6f6f6;
    z-index: -1;
  }

  .brand .team-intro-wrap .team-member_box .profile {
    position: relative;
    width: 100%;
    min-height: 193px;
    background: url(/resources/images/brand/motor_sports/bg_team_intro_mo.jpg) no-repeat center bottom;
 /* -webkit-background-size: auto 193px;background-size: auto 193px; */
    background-size: auto 193px;
  }

  .brand .team-intro-wrap .team-member_box .profile img {
    width: 168px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .brand .team-intro-wrap .team-member_box .info {
    position: static;
    width: 100%;
    padding: 28px 18px;
    background: #f6f6f6 url(/resources/images/brand/motor_sports/bg_team_intro_bottom_mo.png) no-repeat right bottom;
    background-size: 93px 46px;
    min-height: 261px;
  }

  .brand .team-intro-wrap .team-member_box .info:before {
    display: none;
  }

  .brand .team-intro-wrap .team-member_box .info .inner {
    display: block;
  }

  .brand .team-intro-wrap .team-member_box .info .name {
    text-align: left;
  }

  .brand .team-intro-wrap .team-member_box .info .name b {
    font-size: 18px;
    line-height: 18px;
  }

  .brand .team-intro-wrap .team-member_box .info .name span {
    margin-left: 9px;
    padding-left: 10px;
    font-size: 13px;
    line-height: 18px;
  }

  .brand .team-intro-wrap .team-member_box .info .name span:before {
    height: 10px;
    margin-top: -5px;
  }

  .brand .team-intro-wrap .team-member_box .info .history {
    margin-top: 10px;
    padding-top: 16px;
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 20px;
  }

  .brand .team-intro-wrap .team-member_box .info .history ul li {
    position: relative;
    padding-left: 10px;
    text-align: left;
  }

  .brand .team-intro-wrap .team-member_box .info .history ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #666;
  }

  .brand .team-intro-wrap .team-member_box .info .history .pl {
    display: inline-block;
    padding-left: 47px;
  }

  .brand .team-intro-wrap .team-member_box.ect .info {
    left: 82%;
    width: 100%;
    top: auto;
    bottom: 40px;
  }

  .brand .team-intro-wrap .team-member_box.ect .profile {
    left: 0;
    width: 100%;
  }

  .brand .team-intro-wrap .team-member_box.ect .profile img {
    width: 300px;
  }

  .brand .team-intro-wrap .team-member_box.ect.type02 .profile {
    left: 0;
    width: 100%;
  }

  .brand .team-intro-wrap .thumbs-area {
    display: none;
  }

  .brand .team-intro-wrap .team-intro_slider .swiper-container.thumbs {
    display: none;
  }

  .brand .team-intro-wrap .swiper-custom-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
  }

  .brand .team-intro-wrap .swiper-custom-bar .swiper-scrollbar-custom {
    right: 44px;
  }

  .brand .team-intro-wrap .swiper-custom-bar .swiper-pagination-custom {
    width: 44px;
    font-size: 13px;
    line-height: 20px;
  }

  .brand .team-intro-wrap .swiper-custom-nav .swiper-button-next {
    width: 29px;
    height: 29px;
    background: none;
    margin-top: -14.5px;
    right: 0;
  }

  .brand .team-intro-wrap .swiper-custom-nav .swiper-button-prev {
    width: 29px;
    height: 29px;
    background: none;
    margin-top: -14.5px;
    left: 0;
  }

  .brand .logo-intro-wrap {
    margin-top: 50px;
  }

  .brand .logo-intro-wrap .logo-intro_panel {
    margin-top: 27px;
    -webkit-background-size: auto 200px;
    background-size: auto 200px;
    border: 1px solid #e2e2e2;
    height: auto;
    padding: 30px 0;
    text-align: center;
  }

  .brand .logo-intro-wrap .logo-intro_panel h4 {
    font-size: 17px;
    margin-bottom: 35px;
    padding: 0 22px;
  }

  .brand .logo-intro-wrap .logo-intro_panel ul {
    display: block;
  }

  .brand .logo-intro-wrap .logo-intro_panel ul li {
    float: none;
    width: 100%;
  }

  .brand .logo-intro-wrap .logo-intro_panel ul li + li {
    margin-left: 0;
    margin-top: 20px;
  }

  .brand .logo-intro-wrap .logo-intro_panel .logo_item h5 {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    line-height: 1;
    margin-bottom: 6px;
  }

  .brand .logo-intro-wrap .logo-intro_panel .logo_item .logo_img {
    width: 118px;
    height: 118px;
    background-size: 118px 118px;
  }

  .brand .logo-intro-wrap .logo-intro_panel .logo_item .logo_img.type1 {
    background-image: url(/resources/images/brand/motor_sports/team_logo_1_mo.png);
  }

  .brand .logo-intro-wrap .logo-intro_panel .logo_item .logo_img.type2 {
    background-image: url(/resources/images/brand/motor_sports/team_logo_2_mo.png);
  }

  .brand .logo-intro-wrap .logo-intro_panel .logo_item .logo_img.type3 {
    background-image: url(/resources/images/brand/motor_sports/team_logo_3_mo.png);
  }
}

.brand {
 /* card-list */;
}

.brand .webzine_article > a {
  display: block;
}

.brand .webzine_article > a span {
  position: relative;
  display: block;
}

.brand .webzine_article > a span.img {
  margin-bottom: 20px;
 /* position: relative;overflow: hidden;padding-top: 75%; */;
}

.brand .webzine_article > a span.img img {
  display: block;
  width: 100%;
 /* position: absolute; top:50%;left:50%; transform:translate(-50%,-50%); */;
}

.brand .webzine_article > a span.img::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/resources/images/news_event/webzine_download.png) center center no-repeat;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.brand .webzine_article > a span.sbj {
  height: 29px;
  font-size: 20px;
  line-height: 29px;
  color: #010101;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (hover: hover) {
  .brand .webzine_article > a:hover span.img::after {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
  }
}

@media screen and (max-width: 1023px) {
  .brand .webzine_article > a span.img {
    margin-bottom: 10px;
  }

  .brand .webzine_article > a span.img:after {
    display: none;
  }

  .brand .webzine_article > a span.sbj {
    height: 40px;
    font-size: 15px;
    line-height: 20px;
    white-space: normal;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.brand .gallery_editer-area {
  padding-bottom: 0px;
}

.brand .gallery_editer-area .gallery_view {
  position: relative;
  max-width: 900px;
  width: 100%;
  padding: 0 85px;
  margin: 0 auto;
}

.brand .gallery_editer-area .gallery_view .gallery_center {
  position: relative;
}

.brand .gallery_editer-area .gallery_view .gallery_center .imgfull img {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.brand .gallery_editer-area .gallery_view .gallery_pagination {
  display: block;
}

.brand .gallery_editer-area .gallery_view .gallery_paginations {
  display: block;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .brand .gallery_editer-area {
    padding-bottom: 30px;
  }

  .brand .gallery_editer-area .gallery_view {
    position: relative;
    padding: 0 0px;
  }

  .brand .gallery_editer-area .gallery_view .gallery_prev {
    display: none;
  }

  .brand .gallery_editer-area .gallery_view .gallery_next {
    display: none;
  }

  .brand .gallery_editer-area .gallery_view .gallery_center {
    position: relative;
  }
}

.news_event {
 /* 뉴스&이벤트 */
  letter-spacing: -0.025em;
 /* 	.keyvisual-wrap {  .visual_bg.mode_sm {  background: url(/resources/images/common/sub_kv-news_event.jpg) center center no-repeat; background-size:cover; }  .visual_typo {  display: inline-block; max-width:740px; } @media screen and (max-width: $G-wMobile){ .visual_bg.mode_sm {  background: url(/resources/images/common/sub_kv-news_event-mb.jpg) center center no-repeat; background-size:cover; }  } } */ /* card-list */;
}

.news_event .webzine_article > a {
  display: block;
}

.news_event .webzine_article > a span {
  position: relative;
  display: block;
}

.news_event .webzine_article > a span.img {
  margin-bottom: 20px;
 /* position: relative;overflow: hidden;padding-top: 75%; */;
}

.news_event .webzine_article > a span.img img {
  display: block;
  width: 100%;
 /* position: absolute; top:50%;left:50%; transform:translate(-50%,-50%); */;
}

.news_event .webzine_article > a span.img::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/resources/images/news_event/webzine_download.png) center center no-repeat;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.news_event .webzine_article > a span.sbj {
  height: 29px;
  font-size: 20px;
  line-height: 29px;
  color: #010101;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (hover: hover) {
  .news_event .webzine_article > a:hover span.img::after {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
  }
}

@media screen and (max-width: 1023px) {
  .news_event .webzine_article > a span.img {
    margin-bottom: 10px;
  }

  .news_event .webzine_article > a span.img:after {
    display: none;
  }

  .news_event .webzine_article > a span.sbj {
    height: 40px;
    font-size: 15px;
    line-height: 20px;
    white-space: normal;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.news_event .table_list.event_agency tr td:nth-child(1) {
  text-align: left;
}

.news_event .table_list.event_agency tr td:nth-child(2) {
  text-align: left;
}

.company {
 /* 회사소개 */
  letter-spacing: -0.025em;
 /* .keyvisual-wrap {  .visual_bg.mode_sm {  background: url(/resources/images//common/sub_kv-company.jpg) center center no-repeat; background-size:cover; }  .visual_typo {  display: inline-block; max-width:740px; } @media screen and (max-width: $G-wMobile){ .visual_bg.mode_sm {  background: url(/resources/images//common/sub_kv-company-mb.jpg) center center no-repeat; background-size:cover; }  } } */ /* 학심가치 & 추진방향 */;
}

.company .cont-wrap {
  margin-top: 90px;
}

.company .company_ceo-wrap .con-body {
  margin-top: 60px;
}

.company .company_ceo-wrap .con-body .ceo_box {
  position: relative;
}

.company .company_ceo-wrap .con-body .ceo_box .ceo_txt {
  padding-right: 410px;
  color: #5e5e5e;
  min-height: 400px;
  line-height: 26px;
}

.company .company_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-subtit {
  font-size: 20px;
  color: #000;
}

.company .company_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-name {
  font-size: 22px;
  color: #000;
  font-weight: bold;
}

.company .company_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-name .signature {
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  margin-left: 15px;
}

.company .company_ceo-wrap .con-body .ceo_box .ceo_photo {
  position: absolute;
  right: 0px;
  width: 314px;
  height: 383px;
}

@media screen and (max-width: 1023px) {
  .company .company_ceo-wrap .con-body {
    margin-top: 30px;
  }

  .company .company_ceo-wrap .con-body .ceo_box {
    position: relative;
  }

  .company .company_ceo-wrap .con-body .ceo_box .ceo_txt {
    padding-top: 25px;
    padding-right: 0;
    min-height: 0px;
    line-height: 20px;
    font-size: 13px;
  }

  .company .company_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-subtit {
    font-size: 15px;
    color: #000;
    line-height: 26px;
  }

  .company .company_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-name {
    font-size: 17px;
    color: #000;
    font-weight: bold;
    line-height: 26px;
  }

  .company .company_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-name .signature {
    vertical-align: top;
    margin-top: 5px;
    margin-left: 10px;
  }

  .company .company_ceo-wrap .con-body .ceo_box .ceo_txt .ceo_txt-name .signature img {
    width: 60px;
  }

  .company .company_ceo-wrap .con-body .ceo_box .ceo_photo {
    position: relative;
    top: 0;
    text-align: center;
    width: 100%;
    max-width: 400px;
    height: auto;
  }

  .company .company_ceo-wrap .con-body .ceo_box .ceo_photo img {
    width: 100%;
  }
}

.company .valuesystem_summary-block {
  margin-top: 80px;
}

.company .worth-box {
  width: 950px;
  margin: 40px auto 0;
}

.company .worth-box .worth_mission-box, .company .worth-box .worth_vission-box, .company .worth-box .worth_point-box {
  position: relative;
}

.company .worth-box .worth_mission-box:after, .company .worth-box .worth_vission-box:after, .company .worth-box .worth_point-box:after {
  content: '';
  display: block;
  clear: both;
}

.company .worth-box .worth_mission-box {
  height: 70px;
  border-bottom: 1px solid #e2e2e2;
}

.company .worth-box .worth_vission-box {
  margin-top: 15px;
  height: 45px;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: middle;
}

.company .worth-box .worth_point-box {
  margin-top: 30px;
}

.company .worth-box .worth_title {
  float: left;
  width: 150px;
  height: 100%;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  vertical-align: middle;
}

.company .worth-box .worth_txt {
  float: left;
  width: calc( 100% - 150px);
  font-size: 20px;
  text-align: center;
}

.company .worth-box .worth_txt em {
  color: #c00000;
}

.company .worth_point_cont {
  position: relative;
  padding-top: 70px;
}

.company .worth_point_cont .icon-vision-arrow {
  margin: 20px auto;
}

.company .worth_point_cont .worth_point_cont-set {
  margin: 30px 30px 0;
  position: relative;
}

.company .worth_point_cont .worth_point_cont-set:after {
  content: '';
  display: block;
  clear: both;
}

.company .worth_point_cont .worth_point_cont-set .conbox_item {
  float: left;
  width: 33.3333%;
  padding: 0 12px;
}

.company .worth_point_cont .worth_point_cont-set .con_f_box, .company .worth_point_cont .worth_point_cont-set .con_s_box, .company .worth_point_cont .worth_point_cont-set .con_t_box {
 /* width: 250px;margin-right: 25px; */
  border-top: 2px solid #000;
}

.company .worth_point_cont .worth_point_cont-set .con_t_box {
  margin-right: 0;
}

.company .worth_point_cont .conbox_worth-title {
  background-color: #f6f6f6;
  height: 100%;
  font-size: 18px;
  color: black;
  font-weight: 500;
  line-height: 45px;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}

.company .worth_point_cont .conbox_worth-txt {
  min-height: 100px;
  border: 1px solid #e5e5e5;
  height: 100%;
  line-height: 25px;
  padding: 22px 15px;
}

.company .valuesystem_read-block {
  clear: both;
  float: none;
  margin-top: 70px;
  border-top: 1px solid #e2e2e2;
  padding-top: 70px;
}

.company .valuesystem_read-block .valuesystem_read-box {
  margin-top: 60px;
}

.company .valuesystem_read-block .valuesystem_read-box p {
  margin-top: 30px;
  font-weight: 500;
}

.company .valuesystem_read-block .valuesystem_read-box ul {
  margin-top: 5px;
}

.company .valuesystem_read-block .valuesystem_read-box ul li {
  color: #5e5e5e;
  line-height: 25px;
}

.company .valuesystem_read-block .valuesystem_read-box .title.style_line + .valuesystem_read-boxtr {
  margin-top: 30px;
}

.company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr + .valuesystem_read-boxtr {
  margin-top: 50px;
}

.company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr {
  position: relative;
  margin: 0 30px;
}

.company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr:after {
  content: '';
  display: block;
  clear: both;
}

.company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont {
  float: left;
  width: 33.3%;
  padding: 0 15px;
}

.company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont .valuesystem_read-boxset_tit {
  height: 68px;
  text-align: center;
  padding-top: 18px;
  font-size: 20px;
  font-weight: 500;
  border-top: 2px solid #e50012;
}

.company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont .valuesystem_read-boxset_txt {
  background-color: #f6f6f6;
  border-top: 1px solid #d9d9d9;
  height: 208px;
  padding: 30px 30px;
}

@media screen and (max-width: 1023px) {
  .company {
 /* 핵심가치&추진방향 */;
  }

  .company .valuesystem_summary-block {
    margin-top: 0px;
  }

  .company .worth-box {
    width: 100%;
    margin: 30px auto 0;
  }

  .company .worth-box .worth_mission-box {
    height: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 20px;
  }

  .company .worth-box .worth_vission-box {
    margin-top: 10px;
    height: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 20px;
  }

  .company .worth-box .worth_point-box {
    margin-top: 10px;
  }

  .company .worth-box .worth_title {
    float: none;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
  }

  .company .worth-box .worth_txt {
    float: none;
    width: 100%;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
  }

  .company .worth_point_cont {
    float: none;
    width: 100%;
    margin-top: -15px;
  }

  .company .worth_point_cont .icon-vision-arrow {
    margin: 20px auto;
    margin-bottom: -10px;
  }

  .company .worth_point_cont .worth_point_cont-set {
    position: relative;
    margin: 30px 0px 0;
  }

  .company .worth_point_cont .worth_point_cont-set:after {
    content: '';
    display: block;
    clear: both;
  }

  .company .worth_point_cont .worth_point_cont-set .conbox_item {
    float: none;
    width: 100%;
    padding: 0 0px;
  }

  .company .worth_point_cont .worth_point_cont-set .con_f_box, .company .worth_point_cont .worth_point_cont-set .con_s_box, .company .worth_point_cont .worth_point_cont-set .con_t_box {
    margin-top: 30px;
    float: none;
    width: 100%;
    margin-right: 0;
    border-top: 2px solid #000;
  }

  .company .worth_point_cont .worth_point_cont-set .con_t_box {
    margin-right: 0;
  }

  .company .worth_point_cont .conbox_worth-title {
    background-color: #f6f6f6;
    height: 100%;
    font-size: 14px;
    color: black;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-bottom: none;
  }

  .company .worth_point_cont .conbox_worth-txt {
    border: 1px solid #e5e5e5;
    height: 100%;
    font-size: 13px;
    line-height: 20px;
    padding: 15px 13px;
    color: #5e5e5e;
  }

  .company .valuesystem_read-block {
    margin-top: 40px;
    border-top: 1px solid #e2e2e2;
    padding-top: 40px;
  }

  .company .valuesystem_read-block .valuesystem_read-box {
    margin-top: 30px;
  }

  .company .valuesystem_read-block .valuesystem_read-box p {
    margin-top: 15px;
    font-weight: 500;
    font-size: 13px;
  }

  .company .valuesystem_read-block .valuesystem_read-box ul {
    margin-top: 5px;
  }

  .company .valuesystem_read-block .valuesystem_read-box ul li {
    color: #5e5e5e;
    line-height: 25px;
    font-size: 13px;
  }

  .company .valuesystem_read-block .valuesystem_read-box .title.style_line + .valuesystem_read-boxtr {
    margin-top: 0px;
  }

  .company .valuesystem_read-block .valuesystem_read-box .title.style_line + .valuesystem_read-boxtr .valuesystem_read-cont {
    margin-top: 15px;
  }

  .company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr + .valuesystem_read-boxtr {
    margin-top: 50px;
  }

  .company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr {
    position: relative;
    margin: 0 0;
  }

  .company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr:after {
    content: '';
    display: block;
    clear: both;
  }

  .company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont {
    margin-top: 30px;
    float: none;
    width: 100%;
    padding: 0 0;
  }

  .company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont .valuesystem_read-boxset_tit {
    height: 48px;
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 500;
    border-top: 2px solid #e50012;
  }

  .company .valuesystem_read-block .valuesystem_read-box .valuesystem_read-boxtr .valuesystem_read-cont .valuesystem_read-boxset_txt {
    background-color: #f6f6f6;
    border-top: 1px solid #d9d9d9;
    height: 100%;
    padding: 15px 15px;
  }
}

.company .contact_box .contact_guide {
  display: block;
  text-align: center;
  padding-top: 100px;
  font-size: 22px;
  font-weight: 700;
  position: relative;
  line-height: 29px;
}

.company .contact_box .contact_guide::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 80px;
  height: 74px;
  margin-left: -40px;
  background: url("/resources/images/company/img_Contact.png") no-repeat;
}

.company .contact_box .contact_info {
  position: relative;
  display: block;
  margin-top: 35px;
  text-align: center;
  line-height: 27px;
  color: #979797;
  font-size: 16px;
  height: 150px;
  padding: 30px 0;
  background: #f6f6f6 url("/resources/images/company/bg_customer_guide_right.png") no-repeat 101% 17px;
}

.company .contact_box .contact_info::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: url("/resources/images/company/bg_customer_guide_left.png") no-repeat left top;
}

@media screen and (max-width: 1023px) {
  .company .contact_box .contact_guide {
    font-size: 15px;
    padding-top: 78px;
    line-height: 22px;
  }

  .company .contact_box .contact_guide::before {
    width: 60px;
    height: 56px;
    margin-left: -30px;
    background: url("/resources/images/company/img_Contact_mb.png") no-repeat;
    background-size: 60px 56px;
  }

  .company .contact_box .contact_info {
    margin-top: 20px;
    line-height: 20px;
    font-size: 13px;
    height: auto;
    padding: 38px 0;
    background: #f6f6f6 url("/resources/images/company/bg_customer_guide_left-mb2.png") no-repeat 101% bottom;
    background-size: 137px 94px;
  }

  .company .contact_box .contact_info::before {
    background: url("/resources/images/company/bg_customer_guide_right-mb2.png") no-repeat 0 top;
    background-size: 107px 71px;
  }
}

.company .company_data {
  width: 100%;
  position: relative;
 /* min-height: 800px; height: 100vh; */;
}

.company .company_data .iframeload {
  width: 750px;
  margin: 0 auto;
}

.company .company_data iframe {
 /* position: absolute; left:0; top:0; right:0; bottom:0; */;
}

@media screen and (max-width: 1023px) {
  .company .company_data {
    overflow: overlay;
  }
}

.company .table-wrap.ir_list {
  padding: 0;
}

.company .table-wrap.ir_list .irfont_red {
  color: #e50012;
}

.company .table-wrap .pdf_download span {
  font-size: 14px;
}

.company .table-wrap .pdf_download a {
  padding: 0;
}

@media screen and (max-width: 1023px) {
  .company .table-wrap .pdf_download span {
    font-size: 13px;
  }
}

.company .recruit_box .recruit_guide {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  padding-top: 100px;
 /* 	&::before{ content: ''; background: url('/resources/images/company/img_Recruit.png') no-repeat; width: 88px;height: 95px;position: absolute;top: 0px;left: 50%;margin-left: -40px; } */;
}

.company .recruit_box .recruit_btnbox {
  margin-top: 60px;
  position: relative;
  background: #f6f6f6 url("/resources/images/company/bg_customer_guide_right.png") no-repeat right bottom;
}

.company .recruit_box .recruit_btnbox::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("/resources/images/company/bg_customer_guide_left.png") left top no-repeat;
}

.company .recruit_box .recruit_btnbox .recruit_btnbox-btn {
  padding: 50px 0;
  text-align: center;
}

.company .recruit_box .recruit_btnbox .recruit_btnbox-btn .btn {
  font-weight: bold;
  width: 230px;
  height: 54px;
  line-height: 54px;
  padding: 0;
}

@media screen and (max-width: 1023px) {
  .company .recruit_box .recruit_guide {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    padding-top: 50px;
 /* &::before{ content: ''; background: url('/resources/images/company/img_Recruit_mb.png') no-repeat;background-size: 50px 56px ; width: 50px;height:56px;position: absolute;top: 0px;left: 50%;margin-left: -20px; } */;
  }

  .company .recruit_box .recruit_btnbox {
    margin-top: 50px;
    position: relative;
    background: #f6f6f6 url("/resources/images/company/bg_customer_guide_right-mb.png") no-repeat 102% bottom;
    background-size: 121px 72px;
  }

  .company .recruit_box .recruit_btnbox::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url("/resources/images/company/bg_customer_guide_left-mb.png") -30px top no-repeat;
    background-size: 134px 57px;
  }

  .company .recruit_box .recruit_btnbox .recruit_btnbox-btn {
    padding: 35px 0;
    text-align: center;
  }

  .company .recruit_box .recruit_btnbox .recruit_btnbox-btn .btn {
    width: 180px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 13px;
    font-weight: normal;
  }

  .company .recruit_box .recruit_btnbox .recruit_btnbox-btn .btn.btn_lg {
    padding: 0 25px;
    box-sizing: border-box;
    min-width: auto !important;
    width: auto;
  }
}

.company .data_table.data_table-company th, .company .data_table.data_table-company td {
  padding: 10px 20px;
  font-size: 16px;
  line-height: 26px;
}

.company .data_table.data_table-company th {
  text-align: center;
}

.company .data_table.data_table-company td {
  text-align: left;
}

.company .data_table.data_table-company td em {
  color: #e50012;
}

.company .data_table.data_table-company .mark_dot-list {
  line-height: 26px;
}

.company .data_table.data_table-company.data_vertical th, .company .data_table.data_table-company.data_vertical td {
  text-align: left;
}

.company .data_table.data_table-company.data_vertical tr th:first-child, .company .data_table.data_table-company.data_vertical tr td:first-child {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .company .data_table.data_table-company th, .company .data_table.data_table-company td {
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
  }

  .company .data_table.data_table-company th {
    padding-left: 20px;
    padding-right: 20px;
  }

  .company .data_table.data_table-company .mark_dot-list {
    line-height: 20px;
  }
}

.company .company_status-wrap .con-header h3 {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.company .company_status-wrap .con-body {
  margin-top: 40px;
}

.company .company_status-wrap .con-body .ab-r {
  top: 40px;
}

.company .company_status-wrap .con-body .tb_guide {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .company .company_status-wrap .con-header h3 {
    font-size: 17px;
  }

  .company .company_status-wrap .con-body {
    margin-top: 20px;
  }

  .company .company_status-wrap .data_table.data_table-company.col_width th {
    width: 20% !important;
  }

  .company .company_status-wrap .data_table.data_table-company td {
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
  }

  .company .company_status-wrap .data_table.data_table-company th {
    padding-left: 20px;
    padding-right: 20px;
  }

  .company .company_status-wrap .data_table.data_table-company .mark_dot-list {
    line-height: 20px;
  }
}

.company .trophy_history-wrap .con-header {
  margin-top: 60px;
}

.company .trophy_history-wrap .con-header .img-box {
  margin-top: 20px;
}

.company .trophy_history-wrap .con-header .img-box img {
  width: 100%;
}

.company .trophy_history-wrap .con-body {
  margin-top: 60px;
}

.company .trophy_history-wrap .trophy_history-list > ul {
  border-top: 1px solid #e5e5e5;
}

.company .trophy_history-wrap .trophy_history-list > ul > li {
  border-bottom: 1px solid #e5e5e5;
}

.company .trophy_history-wrap .trophy_history-list > ul > li.open .box-head {
  color: #e50013;
}

.company .trophy_history-wrap .trophy_history-list > ul > li.open .box-head:after {
  transform: rotate(180deg);
}

.company .trophy_history-wrap .trophy_history-list .box-head {
  display: block;
  position: relative;
  padding: 18px 55px 18px 20px;
  font-size: 20px;
  line-height: 24px;
  color: #5e5e5e;
  font-weight: bold;
}

.company .trophy_history-wrap .trophy_history-list .box-head i.icon-faq_arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -15px;
}

.company .trophy_history-wrap .trophy_history-list .box-body {
  display: none;
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 34px 20px;
}

.company .trophy_history-wrap .trophy_history {
  position: relative;
  padding-left: 50px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.company .trophy_history-wrap .trophy_history + .trophy_history {
  margin-top: 20px;
}

.company .trophy_history-wrap .trophy_history .month {
  font-size: 16px;
  font-weight: 500;
  color: #979797;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
  width: 34px;
}

.company .trophy_history-wrap .trophy_history .desc .tit {
  margin-bottom: 6px;
  font-size: 16px;
  color: #000;
}

.company .trophy_history-wrap .trophy_history .desc .tit .type {
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: 1px;
  color: #e50013;
}

.company .trophy_history-wrap .trophy_history .desc .tit .type:before {
  content: "";
  height: 13px;
  position: absolute;
  width: 1px;
  background: #e50013;
  top: 50%;
  margin-top: -6px;
  left: 0;
}

.company .trophy_history-wrap .trophy_history .desc .cont ul li {
  position: relative;
  padding-left: 10px;
}

.company .trophy_history-wrap .trophy_history .desc .cont ul li:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1023px) {
  .company .trophy_history-wrap .con-header {
    margin-top: 30px;
  }

  .company .trophy_history-wrap .con-header .img-box {
    margin-top: 10px;
  }

  .company .trophy_history-wrap .con-body {
    margin-top: 30px;
  }

  .company .trophy_history-wrap .trophy_history-list .box-head {
    padding: 8px 30px 8px 10px;
    font-size: 13px;
    line-height: 24px;
  }

  .company .trophy_history-wrap .trophy_history-list .box-head i.icon-faq_arrow {
    right: 5px;
    margin-top: -7.5px;
  }

  .company .trophy_history-wrap .trophy_history-list .box-body {
    padding: 16px 10px;
  }

  .company .trophy_history-wrap .trophy_history {
    position: relative;
    padding-left: 0;
    font-size: 13px;
    line-height: 21px;
    color: #5e5e5e;
  }

  .company .trophy_history-wrap .trophy_history + .trophy_history {
    margin-top: 20px;
  }

  .company .trophy_history-wrap .trophy_history .month {
    font-size: 13px;
    position: static;
    text-align: left;
    width: 100%;
  }

  .company .trophy_history-wrap .trophy_history .desc .tit {
    margin-bottom: 3px;
    font-size: 13px;
  }

  .company .trophy_history-wrap .trophy_history .desc .tit .type {
    position: relative;
    padding-left: 5px;
    margin-left: 5px;
    vertical-align: 1px;
  }

  .company .trophy_history-wrap .trophy_history .desc .tit .type:before {
    height: 10px;
    margin-top: -5px;
  }

  .company .trophy_history-wrap .trophy_history .desc .cont ul li {
    position: relative;
    padding-left: 10px;
  }

  .company .trophy_history-wrap .trophy_history .desc .cont ul li:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
  }
}

.company .company_ho-wrap {
  margin-top: 80px;
}

.company .company_ho-wrap .location_map-panel {
  margin-bottom: 60px;
}

.company .company_ho-wrap .location_map-panel img {
  width: 100%;
}

.company .company_ho-wrap .table-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

.company .company_ho-wrap .table-wrap .con-body {
  margin-top: 0;
}

.company .company_ho-wrap .table-wrap .data_table-company.col_th_w th {
  width: 15%;
}

.company .company_ho-wrap .customer_guide {
  margin-top: 60px;
  border: 1px solid #e6e6e6;
  border-width: 1px 0;
  padding: 0;
  background: #f6f6f6 url(/resources/images/service/bg_customer_guide_right.png) no-repeat right bottom;
  background-size: 600px auto;
}

.company .company_ho-wrap .customer_guide:after {
  content: "";
  display: table;
  clear: both;
}

.company .company_ho-wrap .customer_guide .left, .company .company_ho-wrap .customer_guide .right {
  float: left;
  position: relative;
  min-height: 120px;
}

.company .company_ho-wrap .customer_guide .left {
  background: url(/resources/images/service/bg_customer_guide_left.png) no-repeat left -20px;
  background-size: 600px auto;
  width: 760px;
  padding: 24px 25px 24px 147px;
}

.company .company_ho-wrap .customer_guide .left .icon-customer_tel {
  position: absolute;
  left: 39px;
  top: 22px;
}

.company .company_ho-wrap .customer_guide .left p {
  font-size: 16px;
  line-height: 27px;
  color: #979797;
}

.company .company_ho-wrap .customer_guide .left .tel {
  margin-top: 5px;
}

.company .company_ho-wrap .customer_guide .left .tel a {
  font-size: 32px;
  color: #e50113;
  font-weight: bold;
}

.company .company_ho-wrap .customer_guide .right {
  width: 440px;
  padding: 37px 40px 38px 10px;
}

.company .company_ho-wrap .customer_guide .right .btn_set {
  font-size: 0;
  line-height: 0;
}

.company .company_ho-wrap .customer_guide .right .btn_set li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}

.company .company_ho-wrap .customer_guide .right .btn {
  display: inline-block;
  font-size: 17px;
  line-height: 41px;
  color: #000;
  border: 1px solid #ccc;
  width: 120px;
  height: 45px;
  background: #fff;
  padding: 0;
}

@media screen and (max-width: 1200px) {
  .company .company_ho-wrap .customer_guide .right {
    width: 100%;
  }

  .company .company_ho-wrap .customer_guide .right .btn_set li {
    float: left;
    width: 33.3333333333%;
  }

  .company .company_ho-wrap .customer_guide .right .btn_set li a {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .company .company_ho-wrap {
    margin-top: 30px;
  }

  .company .company_ho-wrap .location_map-panel {
    margin-bottom: 30px;
    height: 220px;
  }

  .company .company_ho-wrap .location_map-panel img {
    width: 100%;
    height: 220px;
  }

  .company .company_ho-wrap .table-wrap .data_table-company.col_th_w th {
    width: 20%;
  }

  .company .company_ho-wrap .customer_guide {
    margin-top: 30px;
    border-width: 1px;
    background-image: none;
  }

  .company .company_ho-wrap .customer_guide .left, .company .company_ho-wrap .customer_guide .right {
    float: none;
    min-height: 0;
  }

  .company .company_ho-wrap .customer_guide .left {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_left-mb.png) no-repeat top left;
    background-size: 134px auto;
    width: 100%;
    padding: 22px 22px 22px 87px;
  }

  .company .company_ho-wrap .customer_guide .left .icon-customer_tel {
    position: absolute;
    left: 17px;
    top: 25px;
  }

  .company .company_ho-wrap .customer_guide .left p {
    font-size: 13px;
    line-height: 19px;
  }

  .company .company_ho-wrap .customer_guide .left .tel {
    margin-top: 10px;
  }

  .company .company_ho-wrap .customer_guide .left .tel a {
    font-size: 21px;
  }

  .company .company_ho-wrap .customer_guide .right {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_right-mb.png) no-repeat right bottom;
    background-size: 121px auto;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 0 14px 24px;
  }

  .company .company_ho-wrap .customer_guide .right .btn_set {
    margin: 0 -4px;
  }

  .company .company_ho-wrap .customer_guide .right .btn_set li {
    float: left;
    width: 33.3333333333%;
    padding: 0 4px;
  }

  .company .company_ho-wrap .customer_guide .right .btn {
    font-size: 13px;
    line-height: 32px;
    width: 100%;
    height: 35px;
    min-width: auto;
  }
}

.company .company_est-wrap {
  margin-top: 60px;
}

.company .company_est-wrap .branch_box-list {
  margin-top: 80px;
}

.company .company_est-wrap .branch_box-list .box-head .box-head-toggle .addr {
  font-weight: normal;
}

.company .company_est-wrap .branch_box-list .open .box-head .box-head-toggle .name {
  color: #e50012;
}

.company .company_est-wrap .branch_box-list .box-body {
  background: #fff;
}

.company .company_est-wrap .company-establishment {
  margin-top: 60px;
}

.company .company_est-wrap .company-establishment img {
  width: 100%;
  max-width: 1200px;
}

@media screen and (max-width: 1023px) {
  .company .company_est-wrap {
    margin-top: 30px;
  }

  .company .company_est-wrap .company-establishment {
    display: none;
  }

  .company .company_est-wrap .branch_box-list {
    margin-top: 40px;
  }

  .company .company_est-wrap .branch_box-list .box-head .box-head-toggle {
    padding-right: 55px;
  }

  .company .company_est-wrap .branch_box-list .box-body {
    background: #fff;
  }

  .company .company_est-wrap + .tab-wrap {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .company .company_est-wrap + .tab-wrap {
    margin-top: 10px;
  }
}

.company .company_est-list-wrap {
  margin-top: 60px;
}

.company .company_est-list-wrap .con-body {
  margin-top: 40px;
}

.company .company_est-list-wrap .company_est-list {
  border-top: 1px solid #d9d9d9;
}

.company .company_est-list-wrap .company_est-item {
  padding: 17px 18px 19px;
  border-bottom: 1px solid #d9d9d9;
}

.company .company_est-list-wrap .company_est-item h4 {
  font-size: 20px;
  font-weight: bold;
  color: #5e5e5e;
  line-height: 32px;
}

.company .company_est-list-wrap .company_est-item h4 .link-site {
  margin-left: 20px;
  display: inline-block;
  vertical-align: 2px;
  height: 32px;
  width: 88px;
  background: #7d7d7d;
  color: #fff;
  font-size: 16px;
  line-height: 31px;
  font-weight: normal;
  text-align: center;
}

.company .company_est-list-wrap .company_est-item p {
  font-size: 16px;
  line-height: 20px;
  margin-top: 10px;
}

.company .company_est-list-wrap .company_est-item .contact {
  margin-top: 10px;
}

.company .company_est-list-wrap .company_est-item .contact > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

.company .company_est-list-wrap .company_est-item .contact > span + span {
  margin-left: 35px;
}

.company .company_est-list-wrap .company_est-item .contact > span em {
  color: #e50012;
}

@media screen and (max-width: 1023px) {
  .company .company_est-list-wrap {
    margin-top: 30px;
  }

  .company .company_est-list-wrap .con-header {
    display: none;
  }

  .company .company_est-list-wrap .con-body {
    margin-top: 30px;
  }

  .company .company_est-list-wrap .company_est-item {
    padding: 14px 10px;
  }

  .company .company_est-list-wrap .company_est-item h4 {
    font-size: 15px;
    line-height: 1;
  }

  .company .company_est-list-wrap .company_est-item h4 .link-site {
    margin-left: 0;
    margin-top: 10px;
    display: block;
    height: 30px;
    width: 70px;
    font-size: 13px;
    line-height: 29px;
  }

  .company .company_est-list-wrap .company_est-item p {
    font-size: 13px;
  }

  .company .company_est-list-wrap .company_est-item .contact {
    margin-top: 10px;
  }

  .company .company_est-list-wrap .company_est-item .contact > span {
    display: block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 20px;
  }

  .company .company_est-list-wrap .company_est-item .contact > span + span {
    margin-left: 0;
  }

  .company .company_est-list-wrap .company_est-item .contact > span em {
    color: #e50012;
    margin-right: 3px;
  }
}

.company .company_policy-wrap {
  margin-top: 80px;
}

.company .company_policy-wrap .company_policy-block + .company_policy-block {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

.company .company_policy-wrap .policy_img-box {
  margin-top: 80px;
}

.company .company_policy-wrap .policy_img-box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.company .company_policy-wrap .con-header .title {
  position: relative;
}

.company .company_policy-wrap .con-header .title .line_block + .btn_set {
  padding-left: 150px;
}

.company .company_policy-wrap .con-header .title .btn_set {
  margin-top: 20px;
 /* position: absolute; bottom:0;right:0; */;
}

.company .company_policy-wrap .rule-box {
  background: #f6f6f6;
  padding: 50px 50px 44px;
  margin-top: 35px;
}

.company .company_policy-wrap .rule-box h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
  line-height: 1;
}

.company .company_policy-wrap .rule-box + .rule-box {
  margin-top: 20px;
}

.company .company_policy-wrap .rule-box .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.company .company_policy-wrap .rule-box .mark_dot-list2 > li:after {
  top: 13.5px;
}

.company .company_policy-wrap .rule-box_set {
  margin-top: 60px;
  text-align: center;
}

.company .company_policy-wrap .rule-box_set .rule-box {
  margin-top: 0;
  text-align: left;
}

.company .company_policy-wrap .rule-box_set .rule-box.half {
  max-width: 482px;
  width: 48%;
  height: 242px;
  display: inline-block;
}

.company .company_policy-wrap .rule-box_set .rule-box + .rule-box {
  margin-top: 0;
  margin-left: 30px;
}

.company .company_policy-wrap .rule-box_set .rule-box .desc {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.company .company_policy-wrap .circle_intro {
  max-width: 1093px;
  margin: 70px auto 0;
}

.company .company_policy-wrap .circle_intro:after {
  content: "";
  display: table;
  clear: both;
}

.company .company_policy-wrap .circle_intro > li {
  float: left;
  width: 25%;
  padding: 0 5px;
}

.company .company_policy-wrap .circle_intro .circle_intro-box {
  max-width: 259px;
  margin: 0 auto;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg {
  background: url(/resources/images/company/bg_policy_2_1.png) no-repeat;
  width: 192px;
  height: 230px;
  margin: 0 auto;
  text-align: center;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type2 {
  background-image: url(/resources/images/company/bg_policy_2_2.png);
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type3 {
  background-image: url(/resources/images/company/bg_policy_2_3.png);
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type4 {
  background-image: url(/resources/images/company/bg_policy_2_4.png);
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type5 {
  background-image: url(/resources/images/company/bg_policy_2_5.png);
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.red {
  background-image: url(/resources/images/company/bg_circle_red_sm.png);
  width: 140px;
  height: 171px;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.gray {
  background-image: url(/resources/images/company/bg_circle_gray_sm.png);
  width: 140px;
  height: 171px;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding-top: 58px;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg span i {
  display: block;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg {
  width: 220px;
  height: 125px;
  margin: 0 auto;
  background: url(/resources/images/company/bg_policy_3_1.png) no-repeat;
  text-align: center;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type2 {
  background-image: url(/resources/images/company/bg_policy_3_2.png);
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type3 {
  background-image: url(/resources/images/company/bg_policy_3_3.png);
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type4 {
  background-image: url(/resources/images/company/bg_policy_3_4.png);
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding: 25px;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span i {
  display: block;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .desc {
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
  padding: 20px 20px;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
  top: 13.5px;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .desc.has-tit {
  padding-top: 0;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .desc.none-tit {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

.company .company_policy-wrap .circle_intro .circle_intro-box .desc h5 {
  background: #f6f6f6;
  font-size: 18px;
  line-height: 46px;
  color: #222;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -20px;
  text-align: center;
  margin-bottom: 20px;
}

.company .company_policy-wrap .circle_intro .circle_intro-box.sm {
  max-width: 173px;
}

.company .company_policy-wrap .circle_intro .circle_intro-box.sm .circle-bg span {
  padding-top: 48px;
}

.company .company_policy-wrap .circle_intro .circle_intro-box.sm .desc {
  padding: 20px 15px 30px;
}

.company .company_policy-wrap .circle_intro.has-5 {
  margin: 0 -11px;
}

.company .company_policy-wrap .circle_intro.has-5 > li {
  width: 20%;
  padding: 0 11px;
}

.company .company_policy-wrap .circle_intro.has-4 {
  max-width: 1200px;
  margin: 0 auto;
}

.company .company_policy-wrap .circle_intro.has-4 > li {
  position: relative;
  width: 25%;
  padding: 0 25px;
}

.company .company_policy-wrap .circle_intro.has-4 .icon_inno_arrow {
  position: absolute;
  top: 210px;
  right: -5px;
}

.company .company_policy-wrap .circle_intro.has-4 .circle_intro-box {
  max-width: 245px;
  margin: 0 auto;
}

.company .company_policy-wrap .circle_intro.has-2 {
  max-width: 980px;
  margin: 0 auto;
}

.company .company_policy-wrap .circle_intro.has-2 > li {
  width: 50%;
  padding: 0 15px;
}

.company .company_policy-wrap .circle_intro.has-2 .circle_intro-box {
  max-width: 460px;
  margin: 0 auto;
}

.company .company_policy-wrap .customer_guide {
  margin-top: 100px;
  border: 1px solid #e6e6e6;
  border-width: 1px 1px;
  padding: 0;
  background: #f6f6f6 url(/resources/images/service/bg_customer_guide_right.png) no-repeat right bottom;
  background-size: 600px auto;
}

.company .company_policy-wrap .customer_guide:after {
  content: "";
  display: table;
  clear: both;
}

.company .company_policy-wrap .customer_guide .left, .company .company_policy-wrap .customer_guide .right {
  float: left;
  position: relative;
  min-height: 120px;
}

.company .company_policy-wrap .customer_guide .left {
  background: url(/resources/images/service/bg_customer_guide_left.png) no-repeat left -20px;
  background-size: 600px auto;
  width: 810px;
  padding: 24px 25px 24px 147px;
}

.company .company_policy-wrap .customer_guide .left .icon-customer_tel {
  position: absolute;
  left: 39px;
  top: 22px;
}

.company .company_policy-wrap .customer_guide .left p {
  font-size: 16px;
  line-height: 27px;
  color: #979797;
}

.company .company_policy-wrap .customer_guide .left a {
  color: #e50113;
  font-weight: bold;
}

.company .company_policy-wrap .customer_guide .right {
  float: right;
  padding: 37px 40px 38px 10px;
}

.company .company_policy-wrap .customer_guide .right .btn_set {
  font-size: 0;
  line-height: 0;
}

.company .company_policy-wrap .customer_guide .right .btn_set li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}

.company .company_policy-wrap .customer_guide .right .btn {
  display: inline-block;
  font-size: 17px;
  line-height: 41px;
  color: #000;
  border: 1px solid #ccc;
  height: 45px;
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.company .company_policy-wrap .innovation {
  margin-top: 60px;
}

.company .company_policy-wrap .innovation .circle-box {
  text-align: center;
}

.company .company_policy-wrap .innovation .circle-box ul {
  border: 1px solid #d9d9d9;
  padding: 24px 34px;
  -webkit-border-radius: 204px;
  -moz-border-radius: 204px;
  -ms-border-radius: 204px;
  border-radius: 204px;
  display: inline-block;
}

.company .company_policy-wrap .innovation .circle-box ul:after {
  content: "";
  display: table;
  clear: both;
}

.company .company_policy-wrap .innovation .circle-box ul li {
  float: left;
}

.company .company_policy-wrap .innovation .circle-box ul li > div {
  width: 154px;
  height: 154px;
  -webkit-border-radius: 154px;
  -moz-border-radius: 154px;
  -ms-border-radius: 154px;
  border-radius: 154px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: #8c8c8c;
}

.company .company_policy-wrap .innovation .circle-box ul li > div p {
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.company .company_policy-wrap .innovation .circle-box ul li > div:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 154px;
}

.company .company_policy-wrap .innovation .circle-box ul li:nth-child(odd) > div {
  background: #8c8c8c;
}

.company .company_policy-wrap .innovation .circle-box ul li:nth-child(even) > div {
  background: #ea3341;
}

.company .company_policy-wrap .innovation .circle-box ul li + li {
  margin-left: 20px;
}

.company .company_policy-wrap .innovation .top .desc {
  text-align: center;
  margin-top: 35px;
  font-size: 20px;
  line-height: 30px;
  color: #000;
}

.company .company_policy-wrap .innovation .bottom {
  margin-top: 75px;
  text-align: center;
}

.company .company_policy-wrap .innovation .bottom > ul {
  display: inline-block;
}

.company .company_policy-wrap .innovation .bottom > ul:after {
  content: "";
  display: table;
  clear: both;
}

.company .company_policy-wrap .innovation .bottom > ul > li {
  width: 200px;
  float: left;
  position: relative;
  text-align: left;
}

.company .company_policy-wrap .innovation .bottom > ul > li + li {
  margin-left: 50px;
}

.company .company_policy-wrap .innovation .bottom > ul > li .tit {
  height: 72px;
  -webkit-border-radius: 72px;
  -moz-border-radius: 72px;
  -ms-border-radius: 72px;
  border-radius: 72px;
  background: #ff868f;
  text-align: center;
  padding-top: 10px;
}

.company .company_policy-wrap .innovation .bottom > ul > li .tit i, .company .company_policy-wrap .innovation .bottom > ul > li .tit span {
  display: block;
  color: #fff;
}

.company .company_policy-wrap .innovation .bottom > ul > li .tit i {
  font-size: 14px;
  line-height: 20px;
}

.company .company_policy-wrap .innovation .bottom > ul > li .tit span {
  font-size: 20px;
  font-weight: 500;
}

.company .company_policy-wrap .innovation .bottom > ul > li:nth-child(1) .tit {
  background: #ff868f;
}

.company .company_policy-wrap .innovation .bottom > ul > li:nth-child(2) .tit {
  background: #ff6772;
}

.company .company_policy-wrap .innovation .bottom > ul > li:nth-child(3) .tit {
  background: #ff4250;
}

.company .company_policy-wrap .innovation .bottom > ul > li:nth-child(4) .tit {
  background: #ea3341;
}

.company .company_policy-wrap .innovation .bottom .mark_dot-list {
  margin-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

.company .company_policy-wrap .innovation .bottom .icon_inno_arrow {
  position: absolute;
  top: 25.5px;
  right: -31px;
}

.company .company_policy-wrap .company_sub_policy {
  margin-top: 60px;
}

.company .company_policy-wrap .company_sub_policy .title {
  margin-bottom: 30px;
}

.company .company_policy-wrap .company_sub_policy .cont h5 {
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #000;
}

.company .company_policy-wrap .company_sub_policy .cont p {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.company .company_policy-wrap .company_sub_policy .policy_img-box {
  margin-top: 60px;
}

.company .company_policy-wrap .company_sub_policy .policy_img-box + .word_guide {
  margin-top: 60px;
}

.company .company_policy-wrap .company_sub_policy .word_guide {
  margin-top: 24px;
  position: relative;
  padding: 30px 34px 28px 74px;
  background: #f6f6f6;
}

.company .company_policy-wrap .company_sub_policy .word_guide .icon-word_guide {
  position: absolute;
  left: 34px;
  top: 30px;
}

.company .company_policy-wrap .company_sub_policy .word_guide dl {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.company .company_policy-wrap .company_sub_policy .word_guide dl dt {
  font-size: 18px;
  font-weight: bold;
}

.company .company_policy-wrap .company_sub_policy .certify-box_set {
  width: 976px;
  margin: 0 auto 0;
  padding: 10px 0 20px;
  font-size: 0;
  line-height: 0;
}

.company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box {
  max-width: 478px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e5e5e5;
  height: 386px;
  text-align: left;
}

.company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .mark {
  height: 188px;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

.company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .mark:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .mark img {
  display: inline-block;
  vertical-align: middle;
}

.company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
  height: 196px;
  background: #f6f6f6;
  padding: 36px 15px 0 36px;
}

.company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc h5 {
  font-size: 20px;
  line-height: 28px;
  color: #000;
  margin-bottom: 6px;
}

.company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc p {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box + .certify-box {
  margin-left: 20px;
}

.company .company_policy-wrap .company_sub_policy .list-wrap {
  width: 950px;
  margin: 0 auto;
}

.company .company_policy-wrap .company_sub_policy .define-box_set {
  margin-top: 20px;
}

.company .company_policy-wrap .define-box_set {
  font-size: 0;
  line-height: 0;
  width: 976px;
  margin: 70px auto 0;
}

.company .company_policy-wrap .define-box_set .define-box {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 2px solid #e50012;
  width: 312px;
  display: inline-block;
  vertical-align: top;
}

.company .company_policy-wrap .define-box_set .define-box dt {
  font-size: 20px;
  line-height: 66px;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}

.company .company_policy-wrap .define-box_set .define-box dd {
  background: #f6f6f6;
  padding: 32px 20px 32px 30px;
  height: 178px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.company .company_policy-wrap .define-box_set .define-box dd b {
  font-weight: 400;
  color: #000;
}

.company .company_policy-wrap .define-box_set .define-box .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.company .company_policy-wrap .define-box_set .define-box .mark_dot-list2 > li:after {
  top: 13.5px;
}

.company .company_policy-wrap .define-box_set .define-box + .define-box {
  margin-left: 20px;
}

.company .company_policy-wrap .define-box_set .define-box.long dd {
  height: 232px;
}

.company .company_policy-wrap .define-box_set .define-box.long_long dd {
  height: 260px;
}

@media screen and (max-width: 1200px) {
  .company .company_policy-wrap .define-box_set .define-box.long_long dd {
    height: 310px;
  }
}

@media screen and (max-width: 1023px) {
  .company .company_policy-wrap .define-box_set .define-box.long_long dd {
    height: auto;
    min-height: auto;
  }
}

.company .company_policy-wrap .define-box_set .define-box.middle dd {
  height: auto;
  min-height: 210px;
}

.company .company_policy-wrap .define-box_set .define-box.small dd {
  height: auto;
  min-height: 180px;
}

.company .company_policy-wrap .define-box_set.fullsize {
  width: 1110px;
  max-width: 100%;
}

.company .company_policy-wrap .define-box_set.fullsize .define-box {
  width: calc( 33.33333333333% - 16px);
}

.company .company_policy-wrap .define-box_set.fullsize .define-box + .define-box {
  margin-left: 24px;
}

.company .company_policy-wrap .vision-table {
  display: table;
  width: 950px;
  margin: 25px auto 0;
  table-layout: fixed;
}

.company .company_policy-wrap .vision-table .tr {
  display: table-row;
}

.company .company_policy-wrap .vision-table .tr.border_line .th, .company .company_policy-wrap .vision-table .tr.border_line .td {
  border-bottom: 1px solid #e2e2e2;
}

.company .company_policy-wrap .vision-table .th {
  display: table-cell;
  width: 150px;
  font-size: 20px;
  line-height: 28px;
  color: #222;
  font-weight: bold;
  padding: 15px 0;
}

.company .company_policy-wrap .vision-table .td {
  display: table-cell;
  padding: 15px 0;
  width: auto;
}

.company .company_policy-wrap .vision-table .td .txt {
  font-size: 20px;
  line-height: 28px;
  color: #e50012;
  text-align: center;
}

.company .company_policy-wrap .vision-table.vision-table-block {
  margin-top: 0;
  display: block;
}

.company .company_policy-wrap .vision-table.vision-table-block .tr, .company .company_policy-wrap .vision-table.vision-table-block .th, .company .company_policy-wrap .vision-table.vision-table-block .td {
  display: block;
  width: 100%;
}

.company .company_policy-wrap .vision-table.vision-table-block .circle_intro {
  margin-top: 20px;
}

.company .company_policy-wrap .vision-table .vision_img {
  text-align: center;
  font-size: 0;
  line-height: 0;
  padding: 15px 0 30px;
}

.company .company_policy-wrap .vision-table .define-box_set {
  margin-top: 0;
  width: 100%;
}

.company .company_policy-wrap .vision-table .define-box_set .define-box {
  width: calc(33.333333333333333% - 12px);
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
}

.company .company_policy-wrap .vision-table .define-box_set .define-box dt {
  font-size: 18px;
  line-height: 45px;
  background: #f6f6f6;
  border-color: #e5e5e5;
}

.company .company_policy-wrap .vision-table .define-box_set .define-box dd {
  background: #fff;
  padding: 20px 12px 20px 18px;
  height: 180px;
}

.company .company_policy-wrap .vision-table .define-box_set .define-box + .define-box {
  margin-left: 18px;
}

.company .company_policy-wrap .vision-table .define-box_set .define-box.long dd {
  min-height: 208px;
  padding: 20px 10px 20px 16px;
}

.company .company_policy-wrap .vision-table .icon-vision-arrow {
  margin: -10px auto 20px;
}

@media screen and (max-width: 1200px) {
  .company .company_policy-wrap .innovation .bottom > ul > li + li {
    margin-left: 40px;
  }

  .company .company_policy-wrap .innovation .bottom .icon_inno_arrow {
    right: -28px;
  }

  .company .company_policy-wrap .certify-box_set .certify-box + .certify-box {
    margin-left: 34px !important;
  }

  .company .company_policy-wrap .define-box_set {
    width: 100%;
  }

  .company .company_policy-wrap .define-box_set .define-box {
    width: 301px;
  }
}

@media screen and (max-width: 1023px) {
  .company .company_policy-wrap {
    margin-top: 30px;
  }

  .company .company_policy-wrap .company_policy-block + .company_policy-block {
    margin-top: 40px;
    padding-top: 40px;
  }

  .company .company_policy-wrap .policy_img-box {
    margin-top: 35px;
  }

  .company .company_policy-wrap .policy_img-box img {
    width: 100%;
    max-width: 292px;
  }

  .company .company_policy-wrap .con-header .title .line_block + .btn_set {
    margin-top: 15px;
    padding-left: 16px;
  }

  .company .company_policy-wrap .rule-box {
    margin-top: 20px;
    padding: 22px 20px 18px;
  }

  .company .company_policy-wrap .rule-box h4 {
    font-size: 15px;
    margin-bottom: 9px;
  }

  .company .company_policy-wrap .rule-box .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
  }

  .company .company_policy-wrap .rule-box .mark_dot-list2 > li:after {
    top: 9px;
  }

  .company .company_policy-wrap .rule-box_set {
    margin-top: 30px;
  }

  .company .company_policy-wrap .rule-box_set .rule-box.half {
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
  }

  .company .company_policy-wrap .rule-box_set .rule-box + .rule-box {
    margin-top: 30px;
    margin-left: 0;
  }

  .company .company_policy-wrap .rule-box_set .rule-box .desc {
    font-size: 13px;
    line-height: 21px;
  }

  .company .company_policy-wrap .circle_intro {
    position: relative;
    margin: 35px auto 0;
  }

  .company .company_policy-wrap .circle_intro > li {
    float: left;
    width: 50%;
    padding: 0px 5px;
 /* & + li { margin-top: 40px; } */;
  }

  .company .company_policy-wrap .circle_intro > li:nth-child(2) {
    margin-top: 0;
  }

  .company .company_policy-wrap .circle_intro > li:nth-child(3), .company .company_policy-wrap .circle_intro > li:nth-child(4) {
    margin-top: 40px;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box {
    max-width: none;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg {
    background: url(/resources/images/company/bg_policy_2_1_mb.png) no-repeat;
    width: 110px;
    height: 154.5px;
    margin: 0 auto;
    text-align: center;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type2 {
    background-image: url(/resources/images/company/bg_policy_2_2_mb.png);
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type3 {
    background-image: url(/resources/images/company/bg_policy_2_3_mb.png);
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type4 {
    background-image: url(/resources/images/company/bg_policy_2_4_mb.png);
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type5 {
    background-image: url(/resources/images/company/bg_policy_2_5_mb.png);
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.red {
    background-image: url(/resources/images/company/bg_circle_red_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.gray {
    background-image: url(/resources/images/company/bg_circle_gray_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle-bg span {
    padding-top: 28px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -1px;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg {
    width: 210px;
    height: 102px;
    margin: 0 auto;
    background: url(/resources/images/company/bg_policy_3_1_mb.png) no-repeat;
    background-size: 100%;
    text-align: center;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type2 {
    background-image: url(/resources/images/company/bg_policy_3_2_mb.png);
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type3 {
    background-image: url(/resources/images/company/bg_policy_3_3_mb.png);
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type4 {
    background-image: url(/resources/images/company/bg_policy_3_4_mb.png);
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span {
    font-weight: normal;
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span i {
    display: block;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .desc {
    padding: 15px;
    min-height: auto;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
    top: 9px;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .desc.has-tit {
    padding-top: 0;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .desc.none-tit {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .desc h5 {
    background: #f6f6f6;
    font-size: 14px;
    line-height: 46px;
    color: #222;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 -15px;
    text-align: center;
    margin-bottom: 15px;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box .desc h5.line2 {
    padding: 10px 0;
    min-height: 46px;
    line-height: 1.3;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box.sm {
    max-width: none;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box.sm .circle-bg span {
    padding-top: 40px;
  }

  .company .company_policy-wrap .circle_intro .circle_intro-box.sm .desc {
    padding: 15px 14px;
    min-height: 120px;
  }

  .company .company_policy-wrap .circle_intro.has-5 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .company .company_policy-wrap .circle_intro.has-5 > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 15px 5px;
    margin: 0 auto;
  }

  .company .company_policy-wrap .circle_intro.has-5 > li:last-child {
    padding: 15px 5px 0;
    float: none;
    clear: both;
  }

  .company .company_policy-wrap .circle_intro.has-4 {
    margin: 0 auto;
  }

  .company .company_policy-wrap .circle_intro.has-4 > li {
    position: relative;
    width: 100%;
    padding: 0 0px;
  }

  .company .company_policy-wrap .circle_intro.has-4 > li:nth-child(2), .company .company_policy-wrap .circle_intro.has-4 > li:nth-child(3), .company .company_policy-wrap .circle_intro.has-4 > li:nth-child(4) {
    margin-top: 40px;
  }

  .company .company_policy-wrap .circle_intro.has-4 .icon_inno_arrow {
    position: absolute;
    top: auto;
    bottom: -25px;
    right: 50%;
    margin-right: -9px;
  }

  .company .company_policy-wrap .circle_intro.has-4 .circle_intro-box {
    max-width: 320px;
    margin: 0 auto;
  }

  .company .company_policy-wrap .circle_intro.has-2 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  .company .company_policy-wrap .circle_intro.has-2 > li {
    display: inline-block;
    vertical-align: top;
 /* width: 100%; */
    padding: 15px 5px;
    margin: 0 auto;
  }

  .company .company_policy-wrap .customer_guide {
    margin-top: 50px;
    border-width: 1px;
    background-image: none;
  }

  .company .company_policy-wrap .customer_guide .left, .company .company_policy-wrap .customer_guide .right {
    float: none;
    min-height: 0;
  }

  .company .company_policy-wrap .customer_guide .left {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_left-mb.png) no-repeat top left;
    background-size: 134px auto;
    width: 100%;
    padding: 22px 22px 22px 87px;
  }

  .company .company_policy-wrap .customer_guide .left .icon-customer_tel {
    position: absolute;
    left: 17px;
    top: 25px;
  }

  .company .company_policy-wrap .customer_guide .left p {
    font-size: 13px;
    line-height: 19px;
  }

  .company .company_policy-wrap .customer_guide .right {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_right-mb.png) no-repeat right bottom;
    background-size: 121px auto;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 0 14px 24px 87px;
  }

  .company .company_policy-wrap .customer_guide .right .btn_set {
    margin: 0;
  }

  .company .company_policy-wrap .customer_guide .right .btn_set li {
    float: none;
    width: 100%;
    padding: 0;
  }

  .company .company_policy-wrap .customer_guide .right .btn {
    font-size: 13px;
    line-height: 32px;
    width: auto;
    height: 35px;
  }

  .company .company_policy-wrap .innovation {
    margin-top: 30px;
  }

  .company .company_policy-wrap .innovation .circle-box {
    max-width: 260px;
    margin: 0 auto;
  }

  .company .company_policy-wrap .innovation .circle-box ul {
    padding: 7px 9px;
    -webkit-border-radius: 72px;
    -moz-border-radius: 72px;
    -ms-border-radius: 72px;
    border-radius: 72px;
  }

  .company .company_policy-wrap .innovation .circle-box ul:after {
    content: "";
    display: table;
    clear: both;
  }

  .company .company_policy-wrap .innovation .circle-box ul li {
    float: left;
    width: 50%;
    padding: 12px 10px;
  }

  .company .company_policy-wrap .innovation .circle-box ul li > div {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
  }

  .company .company_policy-wrap .innovation .circle-box ul li > div p {
    font-size: 13px;
    line-height: 19px;
  }

  .company .company_policy-wrap .innovation .circle-box ul li > div:before {
    height: 100px;
  }

  .company .company_policy-wrap .innovation .circle-box ul li + li {
    margin-left: 0;
  }

  .company .company_policy-wrap .innovation .circle-box ul li:nth-child(odd) > div {
    background: #8c8c8c;
    float: left;
  }

  .company .company_policy-wrap .innovation .circle-box ul li:nth-child(even) > div {
    background: #ea3341;
    float: right;
  }

  .company .company_policy-wrap .innovation .top .desc {
    margin-top: 26px;
    font-size: 13px;
    line-height: 21px;
  }

  .company .company_policy-wrap .innovation .bottom {
    margin-top: 30px;
    text-align: center;
  }

  .company .company_policy-wrap .innovation .bottom > ul {
    display: inline-block;
    text-align: left;
  }

  .company .company_policy-wrap .innovation .bottom > ul > li {
    width: 100%;
    float: none;
    position: relative;
  }

  .company .company_policy-wrap .innovation .bottom > ul > li + li {
    margin-left: 0;
    margin-top: 40px;
  }

  .company .company_policy-wrap .innovation .bottom > ul > li .tit {
    width: 200px;
    height: 52px;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    border-radius: 52px;
    padding-top: 6px;
  }

  .company .company_policy-wrap .innovation .bottom > ul > li .tit i {
    font-size: 13px;
    line-height: 19px;
  }

  .company .company_policy-wrap .innovation .bottom > ul > li .tit span {
    font-size: 14px;
    font-weight: 500;
  }

  .company .company_policy-wrap .innovation .bottom > ul > li:nth-child(1) .tit {
    background: #ff868f;
  }

  .company .company_policy-wrap .innovation .bottom > ul > li:nth-child(2) .tit {
    background: #ff6772;
  }

  .company .company_policy-wrap .innovation .bottom > ul > li:nth-child(3) .tit {
    background: #ff4250;
  }

  .company .company_policy-wrap .innovation .bottom > ul > li:nth-child(4) .tit {
    background: #ea3341;
  }

  .company .company_policy-wrap .innovation .bottom .mark_dot-list {
    margin-top: 15px;
    font-size: 13px;
    line-height: 19px;
  }

  .company .company_policy-wrap .innovation .bottom .icon_inno_arrow {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -25px;
    left: 50%;
    margin-left: -9px;
  }

  .company .company_policy-wrap .company_sub_policy {
    margin-top: 40px;
  }

  .company .company_policy-wrap .company_sub_policy .title {
    margin-bottom: 16px;
  }

  .company .company_policy-wrap .company_sub_policy .cont h5 {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1;
  }

  .company .company_policy-wrap .company_sub_policy .cont p {
    font-size: 13px;
    line-height: 21px;
  }

  .company .company_policy-wrap .company_sub_policy .policy_img-box {
    margin-top: 26px;
  }

  .company .company_policy-wrap .company_sub_policy .policy_img-box + .word_guide {
    margin-top: 20px;
  }

  .company .company_policy-wrap .company_sub_policy .policy_img-box img {
    width: 215.5px;
  }

  .company .company_policy-wrap .company_sub_policy .word_guide {
    margin-top: 17px;
    padding: 20px 18px 20px 50px;
  }

  .company .company_policy-wrap .company_sub_policy .word_guide .icon-word_guide {
    position: absolute;
    left: 18px;
    top: 20px;
  }

  .company .company_policy-wrap .company_sub_policy .word_guide dl {
    font-size: 13px;
    line-height: 20px;
  }

  .company .company_policy-wrap .company_sub_policy .word_guide dl dt {
    font-size: 15px;
    line-height: 23.5px;
    margin-bottom: 10px;
  }

  .company .company_policy-wrap .company_sub_policy .word_guide dl dd {
    margin-left: -32px;
  }

  .company .company_policy-wrap .company_sub_policy .certify-box_set {
    width: 100%;
    margin: 0 auto 0;
    padding: 10px 0 0;
    height: auto;
    font-size: 0;
    line-height: 0;
  }

  .company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box {
    width: 100%;
    display: block;
    height: auto;
    max-width: none;
  }

  .company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .mark {
    height: 115px;
  }

  .company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .mark img {
    display: inline-block;
    vertical-align: middle;
    width: 125px;
  }

  .company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
    height: auto;
    background: #f6f6f6;
    padding: 20px 17px;
  }

  .company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc h5 {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 6px;
  }

  .company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc p {
    font-size: 13px;
    line-height: 20px;
  }

  .company .company_policy-wrap .company_sub_policy .certify-box_set .certify-box + .certify-box {
    margin-left: 0 !important;
    margin-top: 20px;
  }

  .company .company_policy-wrap .company_sub_policy .list-wrap {
    width: 100%;
    margin: 0;
  }

  .company .company_policy-wrap .define-box_set {
    font-size: 0;
    line-height: 0;
    width: 100%;
    margin: 35px auto 0;
  }

  .company .company_policy-wrap .define-box_set .define-box {
    width: 100%;
  }

  .company .company_policy-wrap .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 50px;
  }

  .company .company_policy-wrap .define-box_set .define-box dd {
    padding: 20px 15px;
    font-size: 13px;
    height: auto;
  }

  .company .company_policy-wrap .define-box_set .define-box .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
  }

  .company .company_policy-wrap .define-box_set .define-box .mark_dot-list2 > li:after {
    top: 9px;
  }

  .company .company_policy-wrap .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .company .company_policy-wrap .define-box_set .define-box.middle dd {
    height: auto;
    min-height: auto;
  }

  .company .company_policy-wrap .define-box_set .define-box.long dd {
    height: auto;
  }

  .company .company_policy-wrap .define-box_set .define-box.small dd {
    height: auto;
    min-height: auto;
  }

  .company .company_policy-wrap .define-box_set.fullsize {
    width: 100%;
    max-width: 100%;
  }

  .company .company_policy-wrap .define-box_set.fullsize .define-box {
    width: 100%;
  }

  .company .company_policy-wrap .define-box_set.fullsize .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .company .company_policy-wrap .vision-table {
    display: block;
    width: 100%;
    margin: 17px auto 0;
  }

  .company .company_policy-wrap .vision-table .tr {
    display: block;
    padding: 20px 0 20px;
  }

  .company .company_policy-wrap .vision-table .tr.border_line {
    border-bottom: 1px solid #e2e2e2;
  }

  .company .company_policy-wrap .vision-table .tr.border_line .th, .company .company_policy-wrap .vision-table .tr.border_line .td {
    border-bottom: 0;
  }

  .company .company_policy-wrap .vision-table .th {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
  }

  .company .company_policy-wrap .vision-table .td {
    display: block;
    padding: 0;
    width: auto;
  }

  .company .company_policy-wrap .vision-table .td .txt {
    font-size: 13px;
    line-height: 24px;
    color: #e50012;
    text-align: center;
  }

  .company .company_policy-wrap .vision-table .vision_img {
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 20px 0;
  }

  .company .company_policy-wrap .vision-table .vision_img img {
    width: 292px;
    max-width: 100%;
  }

  .company .company_policy-wrap .vision-table .define-box_set {
    margin-top: 0;
    width: 100%;
    padding: 10px 0;
  }

  .company .company_policy-wrap .vision-table .define-box_set .define-box {
    width: 100%;
  }

  .company .company_policy-wrap .vision-table .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 40px;
  }

  .company .company_policy-wrap .vision-table .define-box_set .define-box dd {
    background: #fff;
    padding: 17px 12px;
    height: auto;
  }

  .company .company_policy-wrap .vision-table .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  .company .company_policy-wrap .vision-table .define-box_set .define-box.long dd {
    height: auto;
  }

  .company .company_policy-wrap .vision-table .icon-vision-arrow {
    margin: -10px auto 20px;
  }

  .company .company_policy-wrap .vision-table.vision-table-block .circle_intro {
    margin-top: 15px;
  }
}

/* ----------- Brand_CI ------------- [2024-0708] */
.ci-wrap {
  margin-top: 80px;
}

.ci-wrap .line_block {
  margin-right: 50px;
}

.ci-wrap .con-body {
  margin-top: 60px;
}

.ci-wrap .ci-color, .ci-wrap .ci-prohibition {
  border-top: 1px solid #e2e2e2;
  padding-top: 70px;
  margin-top: 70px;
}

.ci-wrap .ci-change {
  border-top: 1px solid #e2e2e2;
  padding-top: 70px;
  margin-top: 30px;
}

.ci-wrap .ci_down-wrap {
  display: flex;
  justify-self: center;
  padding: 0 50px;
  margin: 0 -2%;
}

.ci-wrap .ci_down-wrap .col-item {
  width: 50%;
  padding: 0 2%;
}

.ci-wrap .ci_down-wrap .signature_down .img-box {
  padding: 30px;
  border: 1px solid #e6e6e6;
  text-align: center;
}

.ci-wrap .ci_down-wrap .signature_down .img-box img {
  max-width: 472px;
  width: 100%;
}

.ci-wrap .ci_down-wrap .signature_down .logo_down {
  margin-top: 40px;
  text-align: center;
}

.ci-wrap .ci_down-wrap .signature_down .logo_down a {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0 30px;
}

.ci-wrap .ci-info-wrap {
  margin-top: 75px;
  padding: 0 120px;
}

.ci-wrap .ci-info-wrap ul li + li {
  margin-top: 5px;
}

.ci-wrap .ci-info-wrap ul li {
  font-size: 20px;
  color: #5e5e5e;
}

.ci-wrap .signature_down-area img {
  width: 100%;
  max-width: 760px;
}

.ci-wrap .signature_down-area .logo_down {
  margin-top: 40px;
}

.ci-wrap .signature_down-area .logo_down a {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 0 30px;
}

.ci-wrap .ci-color .color_chart {
  display: block;
  margin: 0 50px;
}

.ci-wrap .ci-color .color_chart:after {
  content: "";
  display: table;
  clear: both;
}

.ci-wrap .ci-color .color_chart > li {
  float: left;
  width: 25%;
  margin-bottom: 40px;
}

.ci-wrap .ci-color .color_chart > li .color_box {
  display: block;
  width: 100%;
  height: 70px;
  margin-bottom: 15px;
}

.ci-wrap .ci-color .color_chart > li .color_box span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.ci-wrap .ci-color .color_chart > li .color_box span:before, .ci-wrap .ci-color .color_chart > li .color_box span:after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
}

.ci-wrap .ci-color .color_chart > li .color_box span:before {
  left: 0;
}

.ci-wrap .ci-color .color_chart > li .color_box span:after {
  right: 0;
}

.ci-wrap .ci-color .color_chart > li .color_box span:before {
  border-left: 30px solid #fff;
  border-right: 0px solid transparent;
  border-bottom: 70px solid #ed1c24;
}

.ci-wrap .ci-color .color_chart > li .color_box span:after {
  border-left: 0px solid transparent;
  border-right: 30px solid #fff;
  border-top: 70px solid #ed1c24;
}

.ci-wrap .ci-color .color_chart > li .color_box.red span {
  background: #ef0010;
}

.ci-wrap .ci-color .color_chart > li .color_box.red span:before {
  border-bottom-color: #ef0010;
}

.ci-wrap .ci-color .color_chart > li .color_box.red span:after {
  border-top-color: #ef0010;
}

.ci-wrap .ci-color .color_chart > li .color_box.dk_gray span {
  background: #4a4a49;
}

.ci-wrap .ci-color .color_chart > li .color_box.dk_gray span:before {
  border-bottom-color: #4a4a49;
}

.ci-wrap .ci-color .color_chart > li .color_box.dk_gray span:after {
  border-top-color: #4a4a49;
}

.ci-wrap .ci-color .color_chart > li .color_box.gray span {
  background: #6e6e6e;
}

.ci-wrap .ci-color .color_chart > li .color_box.gray span:before {
  border-bottom-color: #6e6e6e;
}

.ci-wrap .ci-color .color_chart > li .color_box.gray span:after {
  border-top-color: #6e6e6e;
}

.ci-wrap .ci-color .color_chart > li .color_box.silver span {
  background: #b4b8ba;
}

.ci-wrap .ci-color .color_chart > li .color_box.silver span:before {
  border-bottom-color: #b4b8ba;
}

.ci-wrap .ci-color .color_chart > li .color_box.silver span:after {
  border-top-color: #b4b8ba;
}

.ci-wrap .ci-color .color_chart > li .color_box.li_gray span {
  background: #d7d7d7;
}

.ci-wrap .ci-color .color_chart > li .color_box.li_gray span:before {
  border-bottom-color: #d7d7d7;
}

.ci-wrap .ci-color .color_chart > li .color_box.li_gray span:after {
  border-top-color: #d7d7d7;
}

.ci-wrap .ci-color .color_chart > li .color_box.black span {
  background: #000000;
}

.ci-wrap .ci-color .color_chart > li .color_box.black span:before {
  border-bottom-color: #000000;
}

.ci-wrap .ci-color .color_chart > li .color_box.black span:after {
  border-top-color: #000000;
}

.ci-wrap .ci-color .color_chart > li .color_box.gold span {
  background: #896e4a;
}

.ci-wrap .ci-color .color_chart > li .color_box.gold span:before {
  border-bottom-color: #896e4a;
}

.ci-wrap .ci-color .color_chart > li .color_box.gold span:after {
  border-top-color: #896e4a;
}

.ci-wrap .ci-color .color_chart > li .color_box.white img {
  width: 100%;
  height: 70px;
}

.ci-wrap .ci-color .color_chart > li .color_box.white span {
  background-color: #fff;
}

.ci-wrap .ci-color .color_chart > li .color_box.white span:before, .ci-wrap .ci-color .color_chart > li .color_box.white span:after {
  display: none;
}

.ci-wrap .ci-color .color_chart > li .color_box.white span .fl_fix {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 31px;
  background: url("/resources/images/brand/img_ci_color_w_l.png") no-repeat left top;
}

.ci-wrap .ci-color .color_chart > li .color_box.white span .fr_fix {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 31px;
  background: url("/resources/images/brand/img_ci_color_w_r.png") no-repeat left top;
}

.ci-wrap .ci-color .color_chart > li dl dt {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  word-break: keep-all;
}

.ci-wrap .ci-color .color_chart > li dl dt em {
  font-size: 16px;
  color: #222222;
  display: block;
  letter-spacing: -1px;
}

.ci-wrap .ci-color .color_chart > li dl dd {
  font-size: 14px;
  color: #7d7d7d;
  line-height: 20px;
}

.ci-wrap .ci-change .change_logo {
  text-align: center;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: -30px;
}

.ci-wrap .ci-change .change_logo > li {
  margin-top: 30px;
  width: 50%;
  float: left;
}

.ci-wrap .ci-change .change_logo > li img {
  width: 100%;
  max-width: 532px;
}

.ci-wrap .ci-change .change_logo > li:nth-child(1) {
  text-align: left;
  padding-right: 18px;
}

.ci-wrap .ci-change .change_logo > li:nth-child(2) {
  text-align: right;
  padding-left: 18px;
}

.ci-wrap .ci-change .change_logo > li:nth-child(3) {
  text-align: left;
  padding-right: 18px;
}

.ci-wrap .ci-change .change_logo > li:nth-child(4) {
  text-align: right;
  padding-left: 18px;
}

.ci-wrap .ci-prohibition .prohibition_list {
  display: block;
  margin: 0 50px;
}

.ci-wrap .ci-prohibition .prohibition_list:after {
  content: "";
  display: table;
  clear: both;
}

.ci-wrap .ci-prohibition .prohibition_list li {
  width: 25%;
  float: left;
}

.ci-wrap .ci-prohibition .prohibition_list li span {
  display: block;
}

.ci-wrap .ci-prohibition .prohibition_list li .log {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  padding: 40px 20px;
  background: url("/resources/images/brand/bg_logo_intro.png") repeat;
  background-size: 436%;
}

.ci-wrap .ci-prohibition .prohibition_list li .log img {
  vertical-align: top;
  width: 100%;
  max-width: 216px;
}

.ci-wrap .ci-prohibition .prohibition_list li .txt {
  text-align: center;
  padding: 20px 30px;
  font-size: 16px;
  color: #5e5e5e;
}

.ci-wrap .ci-prohibition .prohibition_list li:nth-child(1) .log {
  border-left: 1px solid #e6e6e6;
}

.ci-wrap .ci-prohibition .prohibition_list li:nth-child(4) .log {
  border-right: 1px solid #e6e6e6;
}

.ci-wrap .ci-prohibition .prohibition_list .prohibition_txt {
  margin-bottom: 50px;
}

.ci-wrap .ci-prohibition .prohibition_list .prohibition_txt:after {
  content: "";
  display: table;
  clear: both;
}

.ci-wrap .ci-prohibition .prohibition-area {
  padding: 0 50px;
}

.ci-wrap .ci-prohibition .prohibition-area .prohibition-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -40px;
}

.ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
  margin-top: 40px;
  width: 25%;
}

.ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .li-inner {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 218px;
}

.ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc {
  position: relative;
  padding-left: 30px;
}

.ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc i {
  background-color: #000;
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 4px;
  left: 0;
  text-align: center;
  font-size: 14px;
  line-height: 23px;
  color: #fff;
}

.ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc .txt {
  font-size: 16px;
  line-height: 1.5;
}

.ci-wrap .ci-prohibition .prohibition-area .prohibition-list .log {
  margin-top: 15px;
  align-self: flex-end;
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .ci-wrap .ci-prohibition .prohibition-area .prohibition-list {
    justify-content: flex-start;
  }

  .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    width: 33.33%;
  }
}

@media screen and (max-width: 1023px) {
  .ci-wrap {
    margin-top: 75px;
 /* */;
  }

  .ci-wrap .line_block {
    margin-right: 0;
  }

  .ci-wrap .con-body {
    margin-top: 30px;
  }

  .ci-wrap .ci-color, .ci-wrap .ci-prohibition {
    padding-top: 35px;
    margin-top: 35px;
  }

  .ci-wrap .ci-change {
    padding-top: 35px;
    margin-top: 15px;
  }

  .ci-wrap .ci_down-wrap {
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }

  .ci-wrap .ci_down-wrap .col-item {
    width: 100%;
    padding: 0;
  }

  .ci-wrap .ci_down-wrap .col-item + .col-item {
    margin-top: 40px;
  }

  .ci-wrap .ci_down-wrap .signature_down .img-box {
    padding: 20px;
  }

  .ci-wrap .ci_down-wrap .signature_down .img-box img {
    max-width: 272px;
    width: 100%;
  }

  .ci-wrap .ci_down-wrap .signature_down .logo_down {
    margin-top: 20px;
  }

  .ci-wrap .ci_down-wrap .signature_down .logo_down a {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin: 0 30px;
  }

  .ci-wrap .ci-info-wrap {
    margin-top: 40px;
    padding: 0;
  }

  .ci-wrap .ci-info-wrap ul li {
    font-size: 13px;
    margin: 0 0px;
  }

  .ci-wrap .ci-info-wrap ul li::after {
    top: 8px;
  }

  .ci-wrap .signature_down-area .logo_down {
    margin-top: 20px;
  }

  .ci-wrap .signature_down-area .logo_down a {
    font-size: 13px;
    margin: 0 20px;
  }

  .ci-wrap .ci-color .color_chart {
    margin: 0;
  }

  .ci-wrap .ci-color .color_chart > li {
    width: 50%;
    margin-bottom: 20px;
  }

  .ci-wrap .ci-color .color_chart > li .color_box {
    height: 36px;
    margin-bottom: 15px;
  }

  .ci-wrap .ci-color .color_chart > li .color_box span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .ci-wrap .ci-color .color_chart > li .color_box span:before {
    border-left: 16px solid #fff;
    border-right: 0px solid transparent;
    border-bottom: 36px solid #ed1c24;
  }

  .ci-wrap .ci-color .color_chart > li .color_box span:after {
    border-left: 0px solid transparent;
    border-right: 16px solid #fff;
    border-top: 36px solid #ed1c24;
  }

  .ci-wrap .ci-color .color_chart > li .color_box.white img {
    width: 100%;
    height: 36px;
  }

  .ci-wrap .ci-color .color_chart > li .color_box.white span:before, .ci-wrap .ci-color .color_chart > li .color_box.white span:after {
    display: none;
  }

  .ci-wrap .ci-color .color_chart > li .color_box.white span .fl_fix {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 17px;
    background: url("/resources/images/brand/img_ci_color_w_l-mb.png") no-repeat left top;
    background-size: 17px 36px;
  }

  .ci-wrap .ci-color .color_chart > li .color_box.white span .fr_fix {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 17px;
    background: url("/resources/images/brand/img_ci_color_w_r-mb.png") no-repeat left top;
    background-size: 17px 36px;
  }

  .ci-wrap .ci-color .color_chart > li dl dt {
    font-size: 14px;
  }

  .ci-wrap .ci-color .color_chart > li dl dt em {
    font-size: 14px;
  }

  .ci-wrap .ci-color .color_chart > li dl dd {
    font-size: 14px;
  }

  .ci-wrap .ci-change .change_logo {
    margin-top: -15px;
  }

  .ci-wrap .ci-change .change_logo > li {
    margin-top: 15px;
  }

  .ci-wrap .ci-change .change_logo > li:nth-child(1) {
    padding-right: 6px;
  }

  .ci-wrap .ci-change .change_logo > li:nth-child(2) {
    padding-left: 6px;
  }

  .ci-wrap .ci-change .change_logo > li:nth-child(3) {
    padding-right: 6px;
  }

  .ci-wrap .ci-change .change_logo > li:nth-child(4) {
    padding-left: 6px;
  }

  .ci-wrap .ci-prohibition .prohibition_list {
    margin: 0;
  }

  .ci-wrap .ci-prohibition .prohibition_list li {
    width: 50%;
  }

  .ci-wrap .ci-prohibition .prohibition_list li span {
    display: block;
  }

  .ci-wrap .ci-prohibition .prohibition_list li .log {
    padding: 20px;
  }

  .ci-wrap .ci-prohibition .prohibition_list li .log img {
    vertical-align: top;
    width: 100%;
    max-width: 260px;
  }

  .ci-wrap .ci-prohibition .prohibition_list li .txt {
    text-align: center;
    padding: 15px 15px;
    font-size: 13px;
  }

  .ci-wrap .ci-prohibition .prohibition_list li:nth-child(2) .log {
    border-right: 1px solid #e6e6e6;
  }

  .ci-wrap .ci-prohibition .prohibition_list li:nth-child(3) .log {
    border-left: 1px solid #e6e6e6;
  }

  .ci-wrap .ci-prohibition .prohibition_list li:nth-child(4) .log {
    border-right: 1px solid #e6e6e6;
  }

  .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt {
    margin-bottom: 0;
  }

  .ci-wrap .ci-prohibition .prohibition-area {
    padding: 0;
  }

  .ci-wrap .ci-prohibition .prohibition-area .prohibition-list {
    margin-top: -20px;
  }

  .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    margin-top: 20px;
    width: 50%;
    padding: 0 15px;
  }

  .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .li-inner {
    max-width: 218px;
    width: auto;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-between;
  }

  .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc {
    position: relative;
    padding-left: 22px;
  }

  .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc i {
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 18px;
  }

  .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .desc .txt {
    font-size: 12px;
  }

  .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .log {
    margin-top: 10px;
  }

  .ci-wrap .ci-prohibition .prohibition-area .prohibition-list .log img {
    max-width: 218px;
    width: 100%;
  }
}

/* // ----------- Brand_CI ------------- [2024-0708] */
.trp.popupfixed-wrap.rules .popup-layer.option {
  width: 100%;
  max-width: 840px;
}

.trp.popupfixed-wrap.rules .section {
  background-color: #fff;
  padding: 30px 25px;
}

.trp.popupfixed-wrap.rules .section .article {
  margin-bottom: 0;
}

.trp.popupfixed-wrap.rules .section .article + .article {
  margin-top: 40px;
  color: #5e5e5e;
}

.trp.popupfixed-wrap.rules .section ol.num > li {
  margin-top: 20px;
  text-indent: 0px;
  padding-left: 0px;
  color: #5e5e5e;
}

.trp.popupfixed-wrap.rules .section ul li, .trp.popupfixed-wrap.rules .section ol li {
  font-size: 16px;
}

.trp.popupfixed-wrap.rules .section ul.mark_dot-list3 li {
  text-indent: 0;
  color: #5e5e5e;
}

.trp.popupfixed-wrap.rules .section ul.mark_dot-list3 li:after {
  top: 12px;
}

.trp.popupfixed-wrap.rules .section .title {
  margin-bottom: 0;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.rules .section {
    background-color: #fff;
    padding: 30px 16px;
  }

  .trp.popupfixed-wrap.rules .section .article + .article {
    margin-top: 20px;
    color: #5e5e5e;
  }

  .trp.popupfixed-wrap.rules .section ol.num > li {
    margin-top: 10px;
    font-size: 13px;
  }

  .trp.popupfixed-wrap.rules .section ul li, .trp.popupfixed-wrap.rules .section ol li {
    font-size: 13px;
  }

  .trp.popupfixed-wrap.rules .section ul.mark_dot-list3 li {
    font-size: 13px;
    color: #5e5e5e;
  }

  .trp.popupfixed-wrap.rules .section ul.mark_dot-list3 li:after {
    top: 9px;
  }

  .trp.popupfixed-wrap.rules .section .title {
    font-size: 13px;
  }
}

.company {
 /* ========= company_brand ==========*/ /* ========= company_brand new ==========*/ /* ========= company_history ==========*/;
}

.company .company_brand-wrap {
  margin-top: 80px;
  padding-bottom: 20px;
}

.company .company_brand-wrap .c {
  position: relative;
  padding: 0 74px;
  margin: 0 auto;
}

.company .company_brand-wrap .vm_unit-area {
  position: relative;
}

.company .company_brand-wrap .vm-list:after, .company .company_brand-wrap .vm_unit-list:after {
  content: '';
  display: block;
  clear: both;
}

.company .company_brand-wrap .vm-list li, .company .company_brand-wrap .vm_unit-list li {
  float: left;
}

.company .company_brand-wrap .vm-list {
  margin-top: 90px;
}

.company .company_brand-wrap .vm-list .item1 {
  width: 40.9523%;
}

.company .company_brand-wrap .vm-list .item2 {
  width: 18.0952%;
}

.company .company_brand-wrap .vm-list .item3 {
  width: 40.9523%;
}

.company .company_brand-wrap .vm-list .typo-box {
  position: relative;
  height: 120px;
}

.company .company_brand-wrap .vm-list .typo-box .bracket {
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  box-sizing: border-box;
  border: 10px solid #f7b2b7;
}

.company .company_brand-wrap .vm-list .typo-box .bracket:first-child {
  left: 0;
  border-right: 0;
}

.company .company_brand-wrap .vm-list .typo-box .bracket:last-child {
  right: 0;
  border-left: 0;
}

.company .company_brand-wrap .vm-list .typo-box .typo {
  padding-top: 20px;
  font-size: 22px;
  color: #e50012;
  line-height: 1.5;
}

.company .company_brand-wrap .vm-list .typo-box .typo span {
  display: block;
  text-align: center;
}

.company .company_brand-wrap .vm-list .add-box {
  text-align: center;
}

.company .company_brand-wrap .vm-list .add-box .add {
  position: relative;
  margin-top: 40px;
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
}

.company .company_brand-wrap .vm-list .add-box .add::after, .company .company_brand-wrap .vm-list .add-box .add::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ff0000;
}

.company .company_brand-wrap .vm-list .add-box .add::before {
  margin-top: 18px;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.company .company_brand-wrap .vm_unit-list {
  margin-top: 105px;
  margin-left: -6px;
  width: calc( 100% 0 12px);
}

.company .company_brand-wrap .vm_unit-list li {
  width: 20%;
  padding: 6px;
}

.company .company_brand-wrap .vm_unit-list li .inner {
  position: relative;
}

.company .company_brand-wrap .vm_unit-list li .bg-box {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 100%;
  box-sizing: border-box;
  border-radius: 50%;
}

.company .company_brand-wrap .vm_unit-list li .bg-box .bg_color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ea3341;
}

.company .company_brand-wrap .vm_unit-list li.bg_red .bg-box .bg_color {
  background-color: #ea3341;
}

.company .company_brand-wrap .vm_unit-list li.bg_gray .bg-box .bg_color {
  background-color: #8c8c8c;
}

.company .company_brand-wrap .vm_unit-list .dt, .company .company_brand-wrap .vm_unit-list .dd {
  position: absolute;
  top: 0;
  text-align: center;
}

.company .company_brand-wrap .vm_unit-list .dt {
  left: 10%;
  width: 80%;
  height: 40%;
  padding-top: 20%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 20px;
  color: #fff;
}

.company .company_brand-wrap .vm_unit-list .dd {
  top: 40%;
  left: 10%;
  width: 80%;
  height: 50%;
  font-size: 18px;
  color: #fff;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap {
    margin-top: 55px;
  }

  .company .company_brand-wrap .vm-area {
    padding: 0 30px;
  }

  .company .company_brand-wrap .vm-list {
    margin-top: 45px;
  }

  .company .company_brand-wrap .vm-list .item1 {
    width: 100%;
  }

  .company .company_brand-wrap .vm-list .item2 {
    width: 100%;
  }

  .company .company_brand-wrap .vm-list .item3 {
    width: 100%;
  }

  .company .company_brand-wrap .vm-list .typo-box {
    height: 60px;
  }

  .company .company_brand-wrap .vm-list .typo-box .bracket {
    top: 0;
    width: 15px;
    height: 100%;
    border: 5px solid #f7b2b7;
  }

  .company .company_brand-wrap .vm-list .typo-box .typo {
    padding-top: 10px;
    font-size: 13px;
  }

  .company .company_brand-wrap .vm-list .add-box .add {
    margin-top: 0px;
    padding: 40px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
  }

  .company .company_brand-wrap .vm-list .add-box .add::after {
    margin-top: -1px;
  }

  .company .company_brand-wrap .vm-list .add-box .add::before {
    margin-top: 9px;
  }

  .company .company_brand-wrap .vm_unit-list {
    margin-top: 50px;
    margin-left: 0px;
    width: 100%;
  }

  .company .company_brand-wrap .vm_unit-list li {
    width: 100%;
    padding: 6px;
  }

  .company .company_brand-wrap .vm_unit-list li .inner {
    width: 55%;
    max-width: 150px;
    margin: 0 auto;
  }

  .company .company_brand-wrap .vm_unit-list .dt, .company .company_brand-wrap .vm_unit-list .dd {
    position: absolute;
    top: 0;
    text-align: center;
  }

  .company .company_brand-wrap .vm_unit-list .dt {
    left: 10%;
    width: 80%;
    height: 40%;
    padding-top: 20%;
    font-size: 14px;
  }

  .company .company_brand-wrap .vm_unit-list .dd {
    top: 40%;
    left: 10%;
    width: 80%;
    height: 50%;
    font-size: 13px;
  }
}

.company .company_brand-wrap {
 /* ============== talent 인재상============= */;
}

.company .company_brand-wrap .circle_round-layout + .circle_round-layout {
  margin-top: 50px;
}

.company .company_brand-wrap .circle_round-layout {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
}

.company .company_brand-wrap .circle_round-layout:after {
  content: '';
  display: block;
  clear: both;
}

.company .company_brand-wrap .circle_round-layout.mb-mm {
  margin-bottom: 0;
}

.company .company_brand-wrap .circle_round-layout.mb-mmm {
  margin-bottom: 0;
}

.company .company_brand-wrap .circle_round-layout > .colitem {
  float: left;
  position: relative;
}

.company .company_brand-wrap .circle_round-layout > .colitem:first-child {
  width: 140px;
}

.company .company_brand-wrap .circle_round-layout > .colitem:last-child {
  width: calc( 100% - 140px);
  padding-left: 50px;
  height: 140px;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .circle_round-layout + .circle_round-layout {
    margin-top: 25px;
  }

  .company .company_brand-wrap .circle_round-layout {
    max-width: auto;
    width: 100%;
  }

  .company .company_brand-wrap .circle_round-layout:after {
    content: '';
    display: block;
    clear: both;
  }

  .company .company_brand-wrap .circle_round-layout.mb-mm {
    margin-bottom: 130px;
  }

  .company .company_brand-wrap .circle_round-layout.mb-mmm {
    margin-bottom: 50px;
  }

  .company .company_brand-wrap .circle_round-layout > .colitem {
    float: left;
    position: relative;
  }

  .company .company_brand-wrap .circle_round-layout > .colitem:first-child {
    width: 70px;
    z-index: 3;
  }

  .company .company_brand-wrap .circle_round-layout > .colitem:last-child {
    width: calc( 100% - 70px);
    padding-left: 0px;
    height: 70px;
  }
}

.company .company_brand-wrap .body-title {
  margin-bottom: 60px;
  font-size: 28px;
  color: #000;
  font-weight: bold;
  text-align: center;
  letter-spacing: -1px;
}

.company .company_brand-wrap .body-title.typo_a {
  color: #000;
}

.company .company_brand-wrap .body-title.typo_b {
  color: #000;
  font-weight: bold;
}

.company .company_brand-wrap .body-title.typo_b span {
  font-style: italic;
}

.company .company_brand-wrap .body-title .red {
  color: #ea3341;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .body-title {
    margin-bottom: 20px;
  }

  .company .company_brand-wrap .body-title.typo_a {
    font-size: 16px;
  }

  .company .company_brand-wrap .body-title.typo_b {
    font-size: 17px;
  }
}

.company .company_brand-wrap .circle-box {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #8c8c8c;
}

.company .company_brand-wrap .circle-box.red {
  background-color: #ea3341;
}

.company .company_brand-wrap .circle-box .typo_a {
  font-size: 28px;
  color: #fff;
  line-height: 1.3;
  display: block;
}

.company .company_brand-wrap .circle-box .typo_a.ft_sm1 {
  font-size: 25px;
}

.company .company_brand-wrap .circle-box .typo_a.ft_sm2 {
  font-size: 22px;
}

.company .company_brand-wrap .circle-box .typo_a.ft_sm3 {
  font-size: 20px;
}

.company .company_brand-wrap .circle-box .typo_b {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  font-style: italic;
}

.company .company_brand-wrap .circle-box .typo_c {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
}

.company .company_brand-wrap .circle-box .typo_c.ft_sm1 {
  font-size: 16px;
}

.company .company_brand-wrap .circle-box .typo_c.ft_sm2 {
  font-size: 14px;
}

.company .company_brand-wrap .circle-box .icon {
  display: block;
  margin-top: -10px;
  text-align: center;
}

.company .company_brand-wrap .circle-box .icon img {
  width: 80px;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .circle-box {
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }

  .company .company_brand-wrap .circle-box .typo_a {
    font-size: 14px;
  }

  .company .company_brand-wrap .circle-box .typo_a.ft_sm1 {
    font-size: 12px;
  }

  .company .company_brand-wrap .circle-box .typo_a.ft_sm2 {
    font-size: 11px;
  }

  .company .company_brand-wrap .circle-box .typo_a.ft_sm3 {
    font-size: 10px;
  }

  .company .company_brand-wrap .circle-box .typo_b {
    font-size: 13px;
  }

  .company .company_brand-wrap .circle-box .typo_c {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
  }

  .company .company_brand-wrap .circle-box .typo_c.ft_sm1 {
    font-size: 10px;
  }

  .company .company_brand-wrap .circle-box .typo_c.ft_sm2 {
    font-size: 9px;
  }

  .company .company_brand-wrap .circle-box .icon {
    display: block;
    margin-top: -5px;
    text-align: center;
  }

  .company .company_brand-wrap .circle-box .icon img {
    width: 40px;
  }
}

.company .company_brand-wrap .round-box {
  display: inline-block;
  width: 100%;
  padding: 12px 40px;
  min-height: 50px;
  background-color: #f3f3f3;
  border-radius: 50px;
  text-align: left;
}

.company .company_brand-wrap .round-box.mt-mm {
  margin-top: -110px;
}

.company .company_brand-wrap .round-box .txt {
  font-size: 20px;
  color: #5e5e5e;
  font-weight: bold;
  text-align: left;
}

.company .company_brand-wrap .round-box .txt_p {
  font-size: 22px;
  color: #ea3341;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .round-box {
    width: calc( 100% + 50px);
    padding: 12px 25px 12px 65px;
    min-height: none;
    border-radius: 50px;
    text-align: left;
    margin-left: -50px;
  }

  .company .company_brand-wrap .round-box.mt-mm {
    margin-top: 0px;
  }

  .company .company_brand-wrap .round-box .txt {
    display: inline-block;
    font-size: 12px;
    height: 100%;
  }

  .company .company_brand-wrap .round-box .txt_p {
    display: inline-block;
    font-size: 14px;
  }
}

.company .company_brand-wrap .layout_t + .list-area {
  margin-top: -85px;
  margin-left: 40px;
}

.company .company_brand-wrap .list-area {
  text-align: left;
  line-height: 1.4;
}

.company .company_brand-wrap .list-area .mark {
  margin-right: 5px;
}

.company .company_brand-wrap .list-area .mark_char_item {
  font-size: 20px;
  color: #5e5e5e;
  font-weight: 500;
  padding-left: 15px;
  text-indent: -15px;
}

.company .company_brand-wrap .list-area .mark_char-list li {
  font-size: 18px;
  color: #5e5e5e;
  padding-left: 15px;
  text-indent: -15px;
}

.company .company_brand-wrap .list-area .mark_char_item + .mark_char-list {
  margin-top: 5px;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .layout_t + .list-area {
    margin-top: 15px;
    margin-left: -40px;
  }

  .company .company_brand-wrap .list-area .mark {
    margin-right: 5px;
  }

  .company .company_brand-wrap .list-area .mark_char_item {
    font-size: 13px;
    padding-left: 10px;
    text-indent: -10px;
  }

  .company .company_brand-wrap .list-area .mark_char-list li {
    font-size: 13px;
    color: #5e5e5e;
    padding-left: 10px;
    text-indent: -10px;
  }

  .company .company_brand-wrap .list-area .mark_char_item + .mark_char-list {
    margin-top: 5px;
  }
}

.company .company_brand-wrap .img_circle-area {
  padding: 0 15px;
}

.company .company_brand-wrap .img_circle-area .img_circle-list:after {
  content: '';
  display: block;
  clear: both;
}

.company .company_brand-wrap .img_circle-area .img_circle-list .colitem {
  float: left;
  width: 20%;
}

.company .company_brand-wrap .img_circle-area .img_circle-list .circle-article {
  margin-top: 12px;
  text-align: center;
}

.company .company_brand-wrap .img_circle-area .img_circle-list .circle-article .img img {
  width: 90px;
}

.company .company_brand-wrap .img_circle-area .img_circle-list .circle-article .txt {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .img_circle-area {
    padding: 0px;
  }

  .company .company_brand-wrap .img_circle-area .img_circle-list {
    text-align: center;
  }

  .company .company_brand-wrap .img_circle-area .img_circle-list .colitem {
    float: none;
    min-width: 70px;
    margin: 0 0px;
    display: inline-block;
  }

  .company .company_brand-wrap .img_circle-area .img_circle-list .circle-article {
    margin-top: 6px;
    text-align: center;
  }

  .company .company_brand-wrap .img_circle-area .img_circle-list .circle-article .img img {
    width: 60px;
  }

  .company .company_brand-wrap .img_circle-area .img_circle-list .circle-article .txt {
    margin-top: 5px;
    font-size: 12px;
  }
}

.company .company_brand-wrap .big_circle-area {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
}

.company .company_brand-wrap .big_circle-area .big_circle-list:after {
  content: '';
  display: block;
  clear: both;
}

.company .company_brand-wrap .big_circle-area .big_circle-list .colitem {
  position: relative;
  float: left;
  width: 33.3333%;
  z-index: 3;
}

.company .company_brand-wrap .big_circle-area .big_circle-list .colitem:nth-child(2) {
  z-index: 1;
}

.company .company_brand-wrap .big_circle-area .big_circle-list .colitem:nth-child(2)::before {
  content: "";
  width: 200%;
  border-top: 3px dashed #dddddd;
  position: absolute;
  top: 50%;
  left: -50%;
}

.company .company_brand-wrap .big_circle-area .mm_circle-box {
  position: relative;
  text-align: center;
  z-index: 2;
}

.company .company_brand-wrap .big_circle-area .mm_circle-box .typo {
  position: absolute;
  top: -10px;
  width: 100%;
}

.company .company_brand-wrap .big_circle-area .mm_circle-box .typo .tit {
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  color: #5e5e5e;
}

.company .company_brand-wrap .big_circle-area .mm_circle-box .typo .desc {
  font-size: 16px;
  line-height: 1.3;
  color: #5e5e5e;
}

.company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list {
  position: absolute;
  top: 220px;
  width: 120px;
}

.company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p1 {
  left: 20px;
}

.company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p2 {
  left: 150px;
}

.company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p3 {
  left: 40px;
}

.company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p4 {
  left: 170px;
}

.company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list li {
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  color: #5e5e5e;
}

.company .company_brand-wrap .big_circle-area .sim_circle {
  position: relative;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 280px;
}

.company .company_brand-wrap .big_circle-area .sim_circle span {
  color: #fff;
}

.company .company_brand-wrap .big_circle-area .sim_circle.big {
  width: 280px;
  height: 280px;
}

.company .company_brand-wrap .big_circle-area .sim_circle.big > span {
  display: inline-block;
  margin-top: 75px;
  font-size: 28px;
  line-height: 1.5;
  font-weight: bold;
}

.company .company_brand-wrap .big_circle-area .sim_circle.md {
  width: 132px;
  height: 132px;
  margin: 0 5px;
  line-height: 132px;
}

.company .company_brand-wrap .big_circle-area .sim_circle.md > span {
  font-size: 28px;
}

.company .company_brand-wrap .big_circle-area .sim_circle.sm {
  width: 100px;
  height: 100px;
  margin: 0 5px;
  line-height: 100px;
}

.company .company_brand-wrap .big_circle-area .sim_circle.sm > span {
  font-size: 24px;
}

.company .company_brand-wrap .big_circle-area .sim_circle.g {
  background-color: #f6f6f6;
}

.company .company_brand-wrap .big_circle-area .sim_circle.gg {
  background-color: #cacaca;
}

.company .company_brand-wrap .big_circle-area .sim_circle.ggg {
  background-color: #aeaeae;
}

.company .company_brand-wrap .big_circle-area .sim_circle.r {
  background-color: #f5a4ac;
}

.company .company_brand-wrap .big_circle-area .sim_circle.rr {
  background-color: #f87c85;
}

.company .company_brand-wrap .big_circle-area .sim_circle.rrr {
  background-color: #ea3341;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .big_circle-area {
    margin-top: 30px;
  }

  .company .company_brand-wrap .big_circle-area .big_circle-list:after {
    content: '';
    display: block;
    clear: both;
  }

  .company .company_brand-wrap .big_circle-area .big_circle-list .colitem {
    position: relative;
    float: none;
    width: 200px;
    margin: 0 auto;
  }

  .company .company_brand-wrap .big_circle-area .big_circle-list .colitem:nth-child(2) {
    z-index: 1;
  }

  .company .company_brand-wrap .big_circle-area .big_circle-list .colitem:nth-child(2)::before {
    content: "";
    width: 200%;
    border: 1px dashed #dddddd;
    position: absolute;
    top: 50%;
    left: -50%;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .company .company_brand-wrap .big_circle-area .big_circle-list .colitem + .colitem {
    margin-top: 40px;
  }

  .company .company_brand-wrap .big_circle-area .mm_circle-box .typo {
    position: absolute;
    top: 18px;
    width: 100%;
  }

  .company .company_brand-wrap .big_circle-area .mm_circle-box .typo .tit {
    font-size: 14px;
  }

  .company .company_brand-wrap .big_circle-area .mm_circle-box .typo .desc {
    font-size: 11px;
  }

  .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list {
    position: absolute;
    top: 170px;
    width: 100px;
  }

  .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p1 {
    left: 10px;
  }

  .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p2 {
    left: 110px;
  }

  .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p3 {
    left: 10px;
  }

  .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p4 {
    left: 110px;
  }

  .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list li {
    font-size: 12px;
  }

  .company .company_brand-wrap .big_circle-area .sim_circle {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 200px;
  }

  .company .company_brand-wrap .big_circle-area .sim_circle span {
    color: #fff;
  }

  .company .company_brand-wrap .big_circle-area .sim_circle.big.rrr {
    width: 150px;
    height: 150px;
  }

  .company .company_brand-wrap .big_circle-area .sim_circle.big {
    width: 200px;
    height: 200px;
  }

  .company .company_brand-wrap .big_circle-area .sim_circle.big > span {
    margin-top: 40px;
    font-size: 16px;
  }

  .company .company_brand-wrap .big_circle-area .sim_circle.md {
    width: 89px;
    height: 89px;
    margin: 0 2px;
    line-height: 89px;
  }

  .company .company_brand-wrap .big_circle-area .sim_circle.md > span {
    font-size: 14px;
  }

  .company .company_brand-wrap .big_circle-area .sim_circle.sm {
    width: 64px;
    height: 64px;
    margin: 0 2px;
    line-height: 64px;
  }

  .company .company_brand-wrap .big_circle-area .sim_circle.sm > span {
    font-size: 14px;
  }
}

.company .company_brand-wrap .panel-talent > .panel-header p {
  text-align: center;
}

.company .company_brand-wrap .panel-talent > .panel-header p + p {
  margin-top: 10px;
}

.company .company_brand-wrap .panel-talent > .panel-header em, .company .company_brand-wrap .panel-talent > .panel-header span {
  font-size: 28px;
  font-weight: bold;
}

.company .company_brand-wrap .panel-talent > .panel-header em {
  color: #ea3341;
}

.company .company_brand-wrap .panel-talent > .panel-header span {
  color: #000000;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .panel-talent > .panel-header p + p {
    margin-top: 4px;
  }

  .company .company_brand-wrap .panel-talent > .panel-header em, .company .company_brand-wrap .panel-talent > .panel-header span {
    font-size: 17px;
  }
}

.company .company_brand-wrap .panel-talent .PCR_infographic {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
  margin-top: 50px;
  background-image: url(/resources/images/company/talent-line.png);
  background-position: center 50px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .panel-talent .PCR_infographic {
    margin-top: 20px;
    background-image: url(/resources/images/company/talent-line-mb.png);
    background-position: center 20px;
    background-size: 290px auto;
  }
}

.company .company_brand-wrap .panel-talent .PCR_infographic .pcr-header {
  text-align: center;
}

.company .company_brand-wrap .panel-talent .PCR_infographic .pcr-header .title_raound {
  display: inline-block;
  padding: 5px 40px;
  font-size: 0;
  font-weight: bold;
  border-radius: 25px;
  background-color: #ea3341;
  overflow: hidden;
}

.company .company_brand-wrap .panel-talent .PCR_infographic .pcr-header .title_raound span {
  font-size: 28px;
  line-height: 40px;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .panel-talent .PCR_infographic .pcr-header .title_raound {
    padding: 5px 25px;
    border-radius: 25px;
  }

  .company .company_brand-wrap .panel-talent .PCR_infographic .pcr-header .title_raound span {
    font-size: 14px;
    line-height: 21px;
  }
}

.company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list {
  display: flex;
  justify-content: space-between;
  width: 940px;
  margin-top: 98px;
}

.company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list li .info_circle {
  position: relative;
  padding: 30px;
  width: 214px;
  height: 214px;
  border-radius: 50%;
  background-color: #f3f3f3;
}

.company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list li .info_circle .circle-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ea3341;
}

.company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list .title {
  display: block;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}

.company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list .desc {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    margin-top: 45px;
  }

  .company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list li + li {
    margin-top: 25px;
  }

  .company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list li .li-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
  }

  .company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list li .info_circle {
    padding: 21px;
    width: 168px;
    height: 168px;
  }

  .company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list .title {
    font-size: 18px;
  }

  .company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list .desc {
    font-size: 14px;
  }
}

.company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .typo-box {
  margin-top: 50px;
  width: calc(214px + 30px);
  margin-left: -15px;
}

@media screen and (max-width: 1023px) {
  .company .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .typo-box {
    margin-top: 10px;
    width: 168px;
    margin-left: 0px;
  }
}

.company .company_history-wrap {
  margin-top: 120px;
}

.company .company_history-wrap .image-area {
  margin-top: 80px;
}

.company .company_history-wrap .image-area > div {
  max-height: 580px;
  width: calc( 100% + 80px);
  margin-left: -40px;
}

.company .company_history-wrap .section-panel.active {
  display: block;
}

.company .company_history-wrap .section-panel {
  display: none;
 /*       &.y2010 {.imgfull{ background: url(/resources/images/company/image_2010.png) center no-repeat; background-size: cover;}} &.y2000 {.imgfull{ background: url(/resources/images/company/image_2000.png) center no-repeat; background-size: cover;}} &.y1990 {.imgfull{ background: url(/resources/images/company/image_1990.png) center no-repeat; background-size: cover;}} &.y1980 {.imgfull{ background: url(/resources/images/company/image_1980.png) center no-repeat; background-size: cover;}} &.y1970 {.imgfull{ background: url(/resources/images/company/image_1970.png) center no-repeat; background-size: cover;}} &.y1960 {.imgfull{ background: url(/resources/images/company/image_1960.png) center no-repeat; background-size: cover;}}  */;
}

.company .history-area {
  position: relative;
  margin-top: 100px;
}

.company .history-area .history-list {
  position: relative;
  background: url(/resources/images/company/history_line.png) center 30px repeat-y;
}

.company .history-area .history-list .inner {
  position: relative;
  margin-top: -25px;
  padding-bottom: 30px;
}

.company .history-area .history-list > li {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.company .history-area .history-list > li + li {
  margin-top: 30px;
}

.company .history-area .history-list > li:nth-child(odd) .inner {
  padding-left: calc( 50% + 80px);
  text-align: left;
}

.company .history-area .history-list > li:nth-child(odd) .item_tit::before {
  position: absolute;
  top: 23px;
  left: -80px;
  right: auto;
}

.company .history-area .history-list > li:nth-child(odd) .item_tit::after {
  position: absolute;
  top: 18px;
  left: -85px;
  right: auto;
}

.company .history-area .history-list > li:nth-child(even) .inner {
  padding-right: calc( 50% + 80px);
  text-align: right;
}

.company .history-area .history-list > li:nth-child(even) .item_tit::before {
  position: absolute;
  top: 23px;
  right: -80px;
  left: auto;
}

.company .history-area .history-list > li:nth-child(even) .item_tit::after {
  position: absolute;
  top: 18px;
  right: -85px;
  left: auto;
}

.company .history-area .item_tit {
  position: relative;
}

.company .history-area .item_tit span {
  font-size: 38px;
  font-weight: 500;
  color: #000000;
  line-height: 1.1;
}

.company .history-area .item_tit::before, .company .history-area .item_tit::after {
  content: "";
  display: block;
}

.company .history-area .item_tit::before {
  width: 65px;
  height: 1px;
  background-color: #ffb2b2;
}

.company .history-area .item_tit::after {
  width: 11px;
  height: 11px;
  background-color: #e50012;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.company .history-area .item_con {
  margin-top: 25px;
}

.company .history-area .item_con p {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #5e5e5e;
}

.company .history-area .item_con p + ul {
  margin-top: 10px;
}

.company .history-area .item_con p + ul > li {
  color: #5e5e5e;
}

.company .history-area .item_con p + ul > li + li {
  margin-top: 10px;
}

.company .history-area .item_con em {
  font-size: 20px;
  color: #e50012;
}

.company .history-area .item_con b {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  .company .company_history-wrap {
    margin-top: 30px;
  }

  .company .company_history-wrap .image-area {
    margin-top: 40px;
  }

  .company .company_history-wrap .image-area > div {
    width: calc( 100% + 28px);
    margin-left: -14px;
  }

  .company .history-area {
    margin-top: 50px;
  }

  .company .history-area .history-list {
    background: none;
  }

  .company .history-area .history-list .inner {
    position: relative;
    margin-top: -25px;
    padding-bottom: 30px;
  }

  .company .history-area .history-list > li + li {
    margin-top: 30px;
  }

  .company .history-area .history-list > li:nth-child(odd) .inner {
    padding-left: 50px;
  }

  .company .history-area .history-list > li:nth-child(odd) .item_tit::before {
    position: absolute;
    top: 11px;
    left: -40px;
    right: auto;
  }

  .company .history-area .history-list > li:nth-child(odd) .item_tit::after {
    position: absolute;
    top: 8px;
    left: -45px;
    right: auto;
  }

  .company .history-area .history-list > li:nth-child(even) .inner {
    padding-right: 50px;
  }

  .company .history-area .history-list > li:nth-child(even) .item_tit::before {
    position: absolute;
    top: 11px;
    right: -40px;
    left: auto;
  }

  .company .history-area .history-list > li:nth-child(even) .item_tit::after {
    position: absolute;
    top: 8px;
    right: -45px;
    left: auto;
  }

  .company .history-area .item_tit {
    position: relative;
  }

  .company .history-area .item_tit span {
    font-size: 18px;
  }

  .company .history-area .item_tit::before, .company .history-area .item_tit::after {
    content: "";
    display: block;
  }

  .company .history-area .item_tit::before {
    width: 35px;
    height: 1px;
    background-color: #ffb2b2;
  }

  .company .history-area .item_tit::after {
    width: 8px;
    height: 8px;
    background-color: #e50012;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .company .history-area .item_con {
    margin-top: 15px;
  }

  .company .history-area .item_con p {
    margin-top: 10px;
    font-size: 13px;
  }

  .company .history-area .item_con p + ul {
    margin-top: 5px;
  }

  .company .history-area .item_con p + ul > li {
    font-size: 13px;
    color: #5e5e5e;
  }

  .company .history-area .item_con p + ul > li + li {
    margin-top: 5px;
  }

  .company .history-area .item_con em {
    font-size: 14px;
  }

  .company .history-area .item_con b {
    font-size: 13px;
  }
}

.company .company_social-wrap + .company_social-wrap {
  margin-top: 0;
}

.company .company_social-wrap + .company_social-wrap .body-inner {
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

@media screen and (max-width: 1023px) {
  .company .company_social-wrap + .company_social-wrap .body-inner {
    padding-top: 0px;
    border-top: 0px solid #e2e2e2;
  }

  .company .company_social-wrap + .company_social-wrap .con-header {
    padding-top: 40px;
    border-top: 1px solid #e2e2e2;
  }
}

.company .company_social-wrap {
  margin-top: 80px;
}

.company .company_social-wrap .gallery_view {
  margin-top: 50px;
}

.company .company_social-wrap .gallery_desc {
  margin-top: 10px;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 1.7;
}

.company .company_social-wrap .gallery_desc .h6 {
  color: #000000;
  font-weight: bold;
}

.company .company_social-wrap .history_count-wrap {
  position: relative;
  margin-top: 50px;
}

.company .company_social-wrap .history_count-area {
  padding-bottom: 70px;
}

.company .company_social-wrap .simbol-list.type2 i {
  padding: 70px 0;
  height: 240px;
  box-sizing: border-box;
}

.company .company_social-wrap .simbol-list {
  padding-top: 60px;
}

.company .company_social-wrap .simbol-list > li {
  position: relative;
  margin-top: 30px;
  padding: 5px 0;
  background: url(/resources/images/common/dot_d9d9d9.png) 95px center no-repeat;
  background-size: calc(100% - 1.8761% - 95px) 1px;
}

.company .company_social-wrap .simbol-list > li.typo-2 {
  margin-bottom: 110px;
}

.company .company_social-wrap .simbol-list i {
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
}

.company .company_social-wrap .simbol-list i img {
  width: 100%;
}

.company .company_social-wrap .history_data {
  position: absolute;
  top: 0px;
  left: 134px;
  width: calc( 100% - 134px);
  padding-bottom: 70px;
  overflow: hidden;
}

.company .company_social-wrap .year-list.type2 .count-typo {
  height: 250px;
}

.company .company_social-wrap .year-list.type2 .mark_dot-list {
  width: 100%;
  margin-top: 20px;
  padding-left: 20px;
}

.company .company_social-wrap .year-list.type2 .mark_dot-list > li {
  text-align: left;
  line-height: 1.7;
}

.company .company_social-wrap .year-list.type2 .mark_dot-list > li::after {
  top: 12px;
}

@media screen and (max-width: 1200px) {
  .company .company_social-wrap .year-list.type2 .mark_dot-list {
    padding-left: 5px;
  }
}

.company .company_social-wrap .year-list:after {
  content: '';
  display: block;
  clear: both;
}

.company .company_social-wrap .year-list > li {
  float: left;
  width: 33.3333%;
  padding: 0 1.8761%;
  text-align: center;
}

.company .company_social-wrap .year-list .year-typo {
  display: inline-block;
  width: 56.25%;
  height: 60px;
  padding: 20px;
  font-size: 20px;
  color: #fff;
  vertical-align: middle;
  line-height: 20px;
  background-color: #8c8c8c;
  border-radius: 30px;
}

.company .company_social-wrap .year-list .year-body {
  margin-top: 30px;
}

.company .company_social-wrap .year-list .year-body i {
  display: none;
}

.company .company_social-wrap .year-list .year-body.none {
  margin-top: 30px;
}

.company .company_social-wrap .year-list .year-body.none .count-typo {
  border: 0;
  background-color: transparent;
}

.company .company_social-wrap .year-list .year-body.none .count-typo i {
  display: none;
}

.company .company_social-wrap .year-list .year-body.year_big .count-typo {
  height: 140px;
}

.company .company_social-wrap .year-list .year-body.year_single .count-typo {
  padding: 40px 15px;
}

.company .company_social-wrap .year-list .count-typo + .count-typo {
  margin-top: -1px;
}

.company .company_social-wrap .year-list .count-typo {
  display: inline-block;
  width: 100%;
  height: 110px;
  padding: 27px 5px;
  text-align: center;
  font-size: 16px;
  color: #5e5e5e;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

.company .company_social-wrap .year-list .count-typo.muted {
  padding: 18px 5px;
}

.company .company_social-wrap .year-list .count-typo.muted .text-muted {
  margin-top: 5px;
  font-size: 13px;
  color: #a0a0a0;
}

.company .company_social-wrap .year-list .count-typo .tit {
  font-size: 18px;
  color: #000;
  height: 25px;
}

.company .company_social-wrap .year-list .count-typo .desc {
  font-size: 16px;
  color: #5e5e5e;
  height: 30px;
}

.company .company_social-wrap .year-list .count-typo .desc em {
  font-size: 22px;
  color: #ea3341;
  font-weight: 500;
}

.company .company_social-wrap .swiper-pagination {
  display: none;
}

@media screen and (max-width: 1023px) {
  .company .company_social-wrap .gallery_desc + .gallery_desc {
    margin-top: 10px;
  }

  .company .company_social-wrap .gallery_desc {
    margin-top: -10px;
    font-size: 13px;
    color: #5e5e5e;
    line-height: 1.4;
  }

  .company .company_social-wrap .gallery_desc .h6 {
    color: #000000;
    font-weight: bold;
  }

  .company .company_social-wrap .gallery_view-wrap .bx-prev {
    display: none;
  }

  .company .company_social-wrap .gallery_view-wrap .bx-next {
    display: none;
  }

  .company .company_social-wrap .history_count-wrap {
    position: relative;
    margin-top: 25px;
  }

  .company .company_social-wrap .history_count-area {
    padding-bottom: 20px;
  }

  .company .company_social-wrap .simbol-list {
    display: none;
  }

  .company .company_social-wrap .history_data {
    position: relative;
    left: 0;
    padding-bottom: 40px;
    width: 100%;
  }

  .company .company_social-wrap .year-list.type2 .count-typo {
    min-height: 180px;
    height: auto;
  }

  .company .company_social-wrap .year-list.type2 .year-body i {
    top: 50%;
    margin-top: -39px;
  }

  .company .company_social-wrap .year-list.type2 .mark_dot-list {
    margin-top: 5px;
    padding-left: 0px;
  }

  .company .company_social-wrap .year-list.type2 .mark_dot-list > li {
    font-size: 13px;
  }

  .company .company_social-wrap .year-list.type2 .mark_dot-list > li::after {
    top: 10px;
  }

  .company .company_social-wrap .year-list > li {
    padding: 0;
  }

  .company .company_social-wrap .year-list .year-typo {
    height: 47px;
    padding: 13px;
    font-size: 15px;
  }

  .company .company_social-wrap .year-list .year-body + .year-body {
    margin-top: 15px;
  }

  .company .company_social-wrap .year-list .year-body {
    position: relative;
 /* padding-left: 110px; */
    padding-left: 30%;
    margin-top: 18px;
    background: url(/resources/images/common/dot_d9d9d9.png) 75px center no-repeat;
    background-size: calc( 100% - 75px) 1px;
  }

  .company .company_social-wrap .year-list .year-body i {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 78px;
  }

  .company .company_social-wrap .year-list .year-body i img {
    width: 100%;
  }

  .company .company_social-wrap .year-list .year-body.typo-2 {
 /* 일반2단 */
    background: url(/resources/images/common/dot_d9d9d9.png) 75px 39px no-repeat;
  }

  .company .company_social-wrap .year-list .year-body.year_big i {
    top: 50%;
    margin-top: -39px;
  }

  .company .company_social-wrap .year-list .year-body.year_big .count-typo {
    height: 100px;
  }

  .company .company_social-wrap .year-list .year-body.year_single .count-typo {
    padding: 25px 15px;
  }

  .company .company_social-wrap .year-list .count-typo {
    position: relative;
    height: 79px;
    padding: 15px;
  }

  .company .company_social-wrap .year-list .count-typo.muted {
    padding: 3px 15px;
  }

  .company .company_social-wrap .year-list .count-typo.muted .text-muted {
    margin-top: 0px;
  }

  .company .company_social-wrap .year-list .count-typo .tit {
    font-size: 14px;
    line-height: 1.2;
  }

  .company .company_social-wrap .year-list .count-typo .desc {
    font-size: 13px;
  }

  .company .company_social-wrap .year-list .count-typo .desc em {
    font-size: 16px;
  }

  .company .company_social-wrap .swiper-pagination {
    display: block;
  }

  .company .company_social-wrap .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #bfbfbf;
    border-radius: 0;
    margin: 4px;
    opacity: 1;
  }

  .company .company_social-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e50012;
  }
}

.utility {
 /*  .keyvisual-wrap {  .visual_bg.mode_sm {  background: url(/resources/images/common/sub_kv-company.jpg) center center no-repeat; background-size:cover; }  .visual_typo {  display: inline-block; max-width:740px; } @media screen and (max-width: $G-wMobile){ .visual_bg.mode_sm {  background: url(/resources/images/common/sub_kv-company-mb.jpg) center center no-repeat; background-size:cover; }  } } */ /* 알기 쉬운 개인정보 처리방침 */;
}

.utility .policy-wrap {
  margin-top: 80px;
  padding-bottom: 20px;
}

@media screen and (max-width: 1023px) {
  .utility .policy-wrap {
    margin-top: 30px;
    padding-bottom: 0px;
  }
}

.utility .policy-wrap .policy_icon-wrap {
  margin-top: 50px;
}

@media screen and (max-width: 1023px) {
  .utility .policy-wrap .policy_icon-wrap {
    margin-top: 10px;
  }
}

.utility .policy-wrap .policy_icon-wrap .policy_icon-box + .policy_icon-box {
  margin-top: 15px;
}

.utility .policy-wrap .policy_icon-wrap ul {
  margin-left: -12px;
}

.utility .policy-wrap .policy_icon-wrap ul::after {
  content: "";
  display: block;
  clear: both;
}

.utility .policy-wrap .policy_icon-wrap ul.policy_col > li {
  margin-top: 10px;
  float: left;
  box-sizing: border-box;
  width: 16.6666%;
}

@media screen and (max-width: 1200px) {
  .utility .policy-wrap .policy_icon-wrap ul.policy_col > li {
    width: 25%;
  }
}

@media screen and (max-width: 1023px) {
  .utility .policy-wrap .policy_icon-wrap ul.policy_col > li {
    width: 33.3333%;
  }
}

.utility .policy-wrap .policy_icon-wrap ul li {
  padding: 0 12px;
}

.utility .policy-wrap .policy_icon-wrap ul li .img {
  padding: 20px 10px;
  background-color: #f6f6f6;
  text-align: center;
  height: 225px;
  border-radius: 5px;
}

.utility .policy-wrap .policy_icon-wrap ul li .img .title {
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
  line-height: 22px;
  color: #222;
}

@media screen and (max-width: 1023px) {
  .utility .policy-wrap .policy_icon-wrap ul li {
    padding: 0 5px;
  }

  .utility .policy-wrap .policy_icon-wrap ul li .img {
    padding: 10px 2px;
    height: 125px;
    border-radius: 5px;
  }

  .utility .policy-wrap .policy_icon-wrap ul li .img img {
    width: 60px;
  }

  .utility .policy-wrap .policy_icon-wrap ul li .img .title {
    font-size: 12px;
    margin-top: 10px;
    line-height: 15px;
  }
}

.utility .utility_title {
  text-align: center;
}

.utility .terms-wrap {
  margin-top: 80px;
  padding-bottom: 20px;
}

.utility .terms-wrap .icon-title_highlight {
  margin-top: 60px;
  margin-bottom: -20px;
}

@media screen and (max-width: 1023px) {
  .utility .terms-wrap {
    margin-top: 30px;
    padding-bottom: 0px;
  }

  .utility .terms-wrap .icon-title_highlight {
    margin-top: 40px;
    margin-bottom: -5px;
  }
}

.utility .terms-area {
  margin-top: 65px;
}

.utility .terms-area .colitem:first-child {
  border-right: 1px solid #cccccc;
}

.utility .terms-area .li-inner {
  height: 60px;
  padding: 16px 20px 0 60px;
  background-color: #f6f6f6;
  border-bottom: 1px solid #cccccc;
}

.utility .terms-area .li-inner a {
  display: inline-block;
  width: 100%;
  font-size: 20px;
  color: #222222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.utility .terms-area .li-inner:last-child {
  border-bottom: 0px;
}

@media screen and (max-width: 1023px) {
  .utility .terms-area {
    margin-top: 40px;
  }

  .utility .terms-area .colitem {
    float: none;
    width: 100%;
  }

  .utility .terms-area .colitem:first-child {
    border-right: 0px solid #cccccc;
  }

  .utility .terms-area .li-inner {
    height: auto;
    padding: 10px 0 10px 20px;
  }

  .utility .terms-area .li-inner a {
    padding-left: 10px;
    text-indent: -10px;
    width: calc(100% - 10px);
    box-sizing: border-box;
    white-space: initial;
    text-overflow: initial;
    font-size: 13px;
  }

  .utility .terms-area .li-inner:last-child {
    border-bottom: 1px solid #cccccc;
  }
}

.utility .policy-block .policy_cont-block {
  margin-top: 60px;
}

.utility .policy-block .policy_cont-block.new_block {
  color: #5e5e5e;
  line-height: 1.8;
  font-size: 16px;
}

.utility .policy-block .policy_cont-block.new_block ul > li {
  margin-top: 20px;
  padding-left: 0px;
}

.utility .policy-block .policy_cont-block.new_block ul > li ul > li {
  margin-top: 0px;
}

@media screen and (max-width: 1023px) {
  .utility .policy-block .policy_cont-block.new_block {
    line-height: 1.7;
    font-size: 13px;
  }

  .utility .policy-block .policy_cont-block.new_block ul > li {
    margin-top: 12px;
    padding-left: 0px;
  }

  .utility .policy-block .policy_cont-block.new_block ul > li ul > li {
    margin-top: 0px;
  }
}

.utility .policy-block .policy_cont-block .fb {
  font-weight: bold;
}

.utility .policy-block .policy_cont-block .pg_mg {
  margin-top: 25px;
}

.utility .policy-block .policy_cont-block .line_mg {
  margin-top: 15px;
}

.utility .policy-block .policy_cont-block div {
  font-size: 16px;
  color: #5e5e5e;
  line-height: 1.8;
}

.utility .policy-block .policy_cont-block div em {
  color: #000;
  font-weight: 500;
}

.utility .policy-block .policy_cont-block p {
  margin-top: 25px;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 1.8;
}

@media screen and (max-width: 1023px) {
  .utility .policy-block .policy_cont-block {
    margin-top: 35px;
  }

  .utility .policy-block .policy_cont-block .pg_mg {
    margin-top: 12px;
  }

  .utility .policy-block .policy_cont-block .line_mg {
    margin-top: 5px;
  }

  .utility .policy-block .policy_cont-block div {
    font-size: 13px;
    line-height: 1.7;
  }

  .utility .policy-block .policy_cont-block p {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.7;
  }
}

.utility .policy-block .policy_cont-block .mark_char_1-list > li > .mark_char_half_item {
  padding-left: 0rem;
}

.utility .policy-block .policy_cont-block .mark_char_half-list > li > .mark_char_half_item {
  padding-left: 0rem;
}

.utility .policy-block .policy_cont-block li > .mark_char_half_item {
  padding-left: 1rem;
}

.utility .policy-block .policy_cont-block .mark_char_half_item {
  position: relative;
  padding-left: .7em !important;
  text-indent: -.7em;
  font-size: 16px;
  line-height: 1.45;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  .utility .policy-block .policy_cont-block .mark_char_half_item {
    font-size: 13px;
  }
}

.utility .policy-block .policy_cont-block .mark_char_1-list > li > .mark_char_half-list {
  padding-left: 0rem;
}

.utility .policy-block .policy_cont-block .mark_char_half-list > li > .mark_char_half-list {
  padding-left: 0rem;
}

.utility .policy-block .policy_cont-block li > .mark_char_half-list {
  padding-left: 1rem;
}

.utility .policy-block .policy_cont-block .mark_char_half-list > li {
  position: relative;
  padding-left: .7em !important;
  text-indent: -.7em;
  font-size: 16px;
  line-height: 1.45;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  .utility .policy-block .policy_cont-block .mark_char_half-list > li {
    font-size: 13px;
  }
}

.utility .policy-block .policy_cont-block li > .mark_char_1_item {
  padding-left: 1rem;
}

.utility .policy-block .policy_cont-block .mark_char_1_item {
  position: relative;
  padding-left: 1em !important;
  text-indent: -1em;
  font-size: 16px;
  line-height: 1.45;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  .utility .policy-block .policy_cont-block .mark_char_1_item {
    font-size: 13px;
  }
}

.utility .policy-block .policy_cont-block li > .mark_char_1-list {
  padding-left: 1rem;
}

.utility .policy-block .policy_cont-block .mark_char_1-list > li {
  position: relative;
  padding-left: 1em !important;
  text-indent: -1em;
  line-height: 1.45;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  .utility .policy-block .policy_cont-block .mark_char_1-list > li {
    font-size: 13px;
  }
}

.utility .policy-block .policy_cont-block ol > li {
  margin-top: 25px;
  font-size: 16px;
  line-height: 1.8;
  color: #5e5e5e;
}

.utility .policy-block .policy_cont-block ol > li ol > li {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .utility .policy-block .policy_cont-block ol > li {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.7;
  }

  .utility .policy-block .policy_cont-block ol > li ol > li {
    margin-top: 5px;
  }
}

.utility .policy-block .policy_cont-block ul > li {
  padding-left: 10px;
}

.utility .policy-block .policy_cont-block ul > li em {
  color: #000;
  font-weight: 500;
}

.utility .policy-block .policy_cont-block ul > li a {
  text-decoration: underline;
  color: #000;
}

@media screen and (max-width: 1023px) {
  .utility .policy-block .policy_cont-block ul > li {
    padding-left: 10px;
  }
}

.utility .policy-block .table-wrap {
  padding: 0 0 15px 0;
}

.utility .policy-block .table-wrap .con-body {
  margin-top: 15px;
}

.utility .policy-block .table-wrap .con-body th.bd-r, .utility .policy-block .table-wrap .con-body td.bd-r {
  border-right: 1px solid #e5e5e5 !important;
}

.utility .policy-block .table-wrap .con-body th.bd-l, .utility .policy-block .table-wrap .con-body td.bd-l {
  border-left: 1px solid #e5e5e5 !important;
}

.utility .policy-block .table-wrap .con-body th {
  padding: 17px 20px;
  height: auto;
  font-size: 18px;
  color: black;
  border-right: 1px solid #e5e5e5;
}

.utility .policy-block .table-wrap .con-body td {
  padding: 15px 20px;
  line-height: 1.6;
  border-right: 1px solid #e5e5e5;
}

.utility .policy-block .table-wrap .con-body th:last-child, .utility .policy-block .table-wrap .con-body td:last-child {
  border-right: 0px;
}

.utility .policy-block .table-wrap .con-body .left_range {
  text-align: left;
}

.utility .policy-block .table-wrap .con-body .center_range {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .utility .policy-block .table-wrap {
    padding: 0 0 15px 0;
  }

  .utility .policy-block .table-wrap .con-body {
    margin-top: 15px;
  }

  .utility .policy-block .table-wrap .con-body th {
    padding: 10px 10px;
    font-size: 13px;
  }

  .utility .policy-block .table-wrap .con-body td {
    padding: 8px 10px;
    line-height: 1.4;
    border-right: 1px solid #e5e5e5;
  }
}

.utility .policy_help-wrap .policy_info-area {
  padding: 65px 0 60px;
}

@media screen and (max-width: 1023px) {
  .utility .policy_help-wrap .policy_info-area {
    padding: 30px 0 40px;
  }
}

.utility .policy_help-wrap .policy_info-area ul {
  display: flex;
  justify-content: center;
}

.utility .policy_help-wrap .policy_info-area ul li {
  position: relative;
  margin: 0 30px;
}

.utility .policy_help-wrap .policy_info-area ul li + li::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: calc( (30px + 15px) * -1);
  background-image: url(/resources/images/utility/menu_div.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.utility .policy_help-wrap .policy_info-area ul .li-inner {
  position: relative;
  padding: 30px 30px;
  border: 2px solid #e6e6e6;
  border-radius: 5px;
}

@media screen and (max-width: 1023px) {
  .utility .policy_help-wrap .policy_info-area ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .utility .policy_help-wrap .policy_info-area ul li {
    margin: 10px 0px 0px;
    width: 40%;
  }

  .utility .policy_help-wrap .policy_info-area ul li::before {
    display: none;
  }

  .utility .policy_help-wrap .policy_info-area ul li:nth-child(even)::before {
    content: "";
    display: block;
    margin-top: -7.5px;
    left: calc( -27%);
    width: 15px;
    height: 15px;
  }

  .utility .policy_help-wrap .policy_info-area ul .li-inner {
    padding: 15px 15px;
    border: 1px solid #cacaca;
    border-radius: 3px;
  }
}

.utility .policy_help-wrap .policy_info-area .con-item .icon-box {
  text-align: center;
}

.utility .policy_help-wrap .policy_info-area .con-item .text-box {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  color: #222;
}

@media screen and (max-width: 1023px) {
  .utility .policy_help-wrap .policy_info-area .con-item .icon-box img {
    width: 60px;
  }

  .utility .policy_help-wrap .policy_info-area .con-item .text-box {
    margin-top: 10px;
    font-size: 12px;
  }
}

.utility .policy_help-wrap .policy_list-area {
  padding-top: 30px;
  border-top: 1px solid #e3e3e3;
}

.utility .policy_help-wrap .policy_list-area ul li {
  padding: 30px 0;
}

@media screen and (max-width: 1023px) {
  .utility .policy_help-wrap .policy_list-area ul {
    padding-top: 30px;
  }

  .utility .policy_help-wrap .policy_list-area ul li {
    padding: 20px 0;
  }
}

.utility .policy_help-wrap .policy_list-area .con-item {
  display: flex;
}

.utility .policy_help-wrap .policy_list-area .con-item .icon-box {
  display: flex;
  justify-content: center;
  width: 146px;
}

@media screen and (max-width: 1023px) {
  .utility .policy_help-wrap .policy_list-area .con-item .icon-box {
    width: 73px;
  }
}

.utility .policy_help-wrap .policy_list-area .con-item .text-box {
  padding-left: 30px;
}

.utility .policy_help-wrap .policy_list-area .con-item .text-box .title {
  font-size: 22px;
  font-weight: bold;
  color: #000000;
}

.utility .policy_help-wrap .policy_list-area .con-item .text-box .desc {
  margin-top: 10px;
  font-size: 16px;
  color: #5e5e5e;
  line-height: 1.75;
}

.utility .policy_help-wrap .policy_list-area .con-item .text-box .btn_set {
  margin-top: 17px;
  font-weight: 500;
}

@media screen and (max-width: 1023px) {
  .utility .policy_help-wrap .policy_list-area .con-item .text-box {
    padding-left: 15px;
  }

  .utility .policy_help-wrap .policy_list-area .con-item .text-box .title {
    font-size: 17px;
  }

  .utility .policy_help-wrap .policy_list-area .con-item .text-box .desc {
    margin-top: 10px;
    font-size: 13px;
  }

  .utility .policy_help-wrap .policy_list-area .con-item .text-box .btn_set {
    margin-top: 15px;
  }

  .utility .policy_help-wrap .policy_list-area .con-item .text-box .btn_set .btn.btn_md {
    padding: 6px 15px 7px;
  }
}

.utility .policy_help-wrap .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 146px;
  height: 146px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #f6f6f6;
}

@media screen and (max-width: 1023px) {
  .utility .policy_help-wrap .icon {
    width: 73px;
    height: 73px;
  }

  .utility .policy_help-wrap .icon img {
    width: calc( 100% - 15px);
  }
}

.utility .policy_help-wrap .icon.bg_square {
  width: 124px;
  height: 124px;
  border-radius: 0;
}

@media screen and (max-width: 1023px) {
  .utility .policy_help-wrap .icon.bg_square {
    width: 68px;
    height: 68px;
  }
}

.utility .policy_help-wrap .icon.bg_hexagon {
  background-color: transparent;
  border-radius: 0;
  background-image: url(/resources/images/utility/bg_hexagon.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* 개인정보 처리방침 팝업 */
#popup-policy-wrap .policy-wrap .policy_load-section {
  margin-top: 40px;
}

@media screen and (max-width: 1023px) {
  #popup-policy-wrap .policy-wrap .policy_load-section {
    margin-top: 20px;
  }
}

/* 언어코드  : LN000001*/
/* [2023-0818] // */
body.LN000001 #header {
  z-index: 99;
 /*  GNB */ /* sub_menu [2023-0818] */ /* // sub_menu [2023-0818] */ /* 언어 팩 */ /* 햄버거 메뉴  */ /* location */ /* location_deps-wrap  [2023-0818]*/ /* // location_deps-wrap  [2023-0818]*/;
}

body.LN000001 #header .gnb-wrap {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

body.LN000001 #header .gnb-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
}

body.LN000001 #header .gnb-wrap .gnb_col3 {
  position: relative;
}

body.LN000001 #header .gnb-wrap .gnb_col3:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000001 #header .gnb-wrap .gnb_col3 .colitem1 {
  float: left;
  width: 235px;
  padding-left: 30px;
}

body.LN000001 #header .gnb-wrap .gnb_col3 .colitem2 {
  float: left;
  width: calc( 100% - 455px);
}

body.LN000001 #header .gnb-wrap .gnb_col3 .colitem3 {
  float: left;
  width: 220px;
  padding-right: 40px;
}

body.LN000001 #header .gnb-wrap .logo {
  position: relative;
  padding: 13px 0 7px;
}

body.LN000001 #header .gnb-wrap .logo a {
  display: block;
}

body.LN000001 #header .gnb-wrap .logo .imgfull {
  display: block;
  width: 180px;
  height: 60px;
  background: url(/resources/images/common/menu_logo.svg) center no-repeat;
}

body.LN000001 #header .gnb-wrap .menu {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 0%;
}

body.LN000001 #header .gnb-wrap .menu .menu-list {
  position: relative;
 /* 690px */;
}

body.LN000001 #header .gnb-wrap .menu .menu-list:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000001 #header .gnb-wrap .menu .menu-list li {
  float: left;
  width: 20%;
}

body.LN000001 #header .gnb-wrap .menu .menu-list li.on a {
  color: #cc0000;
}

body.LN000001 #header .gnb-wrap .menu .menu-list a {
  display: block;
  padding: 0;
  text-align: center;
  font-size: 18px;
  color: #4a4a49;
  font-weight: bold;
  line-height: 50px;
}

body.LN000001 #header .gnb-wrap .menu:hover li a:hover {
  color: #cc0000;
}

body.LN000001 #header .gnb-wrap .menu:hover .sub_menu-area {
  visibility: visible;
  opacity: 1;
}

@media (hover: none) {
  body.LN000001 #header .gnb-wrap li a:hover {
    color: #4a4a49;
  }

  body.LN000001 #header .gnb-wrap .sub_menu-area:hover {
    visibility: hidden;
    opacity: 0;
  }
}

body.LN000001 #header .gnb-wrap .other {
  padding: 15px 0;
  text-align: right;
}

body.LN000001 #header .gnb-wrap .other .lang_dropdown-area {
  position: relative;
  display: inline-block;
}

body.LN000001 #header .gnb-wrap .other .lang_dropdown-area .dropdown-box {
  padding: 10px;
  cursor: pointer;
}

body.LN000001 #header .gnb-wrap .other .lang_dropdown-area .dropdown-box i, body.LN000001 #header .gnb-wrap .other .lang_dropdown-area .dropdown-box button {
  vertical-align: top;
}

body.LN000001 #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
  position: relative;
  padding: 0px 0;
  height: 20px;
  box-sizing: border-box;
  margin-right: 12px;
}

body.LN000001 #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn span {
  font-family: "Noto Sans KR";
  line-height: 1.1;
}

body.LN000001 #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn i {
  margin-top: -3px;
  float: right;
}

body.LN000001 #header .gnb-wrap .other .hamburger_menu {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 15px;
  margin-right: -15px;
}

@media screen and (max-width: 1023px) {
  body.LN000001 #header .location-wrap {
    display: none;
  }

  body.LN000001 #header .gnb-wrap .gnb_col3 {
    position: relative;
  }

  body.LN000001 #header .gnb-wrap .gnb_col3:after {
    content: '';
    display: block;
    clear: both;
  }

  body.LN000001 #header .gnb-wrap .gnb_col3 .colitem1 {
    width: 100px;
    padding-left: 14px;
  }

  body.LN000001 #header .gnb-wrap .gnb_col3 .colitem2 {
    display: none;
  }

  body.LN000001 #header .gnb-wrap .gnb_col3 .colitem3 {
    float: right;
    width: 200px;
    padding-right: 14px;
  }

  body.LN000001 #header .gnb-wrap .logo {
    padding: 8px 0 2px;
  }

  body.LN000001 #header .gnb-wrap .logo .imgfull {
    width: 100px;
    height: 40px;
    background: url(/resources/images/common/menu_logo.svg) center no-repeat;
    background-size: 100px 40px;
  }

  body.LN000001 #header .gnb-wrap .other {
    padding: 0px 0;
  }

  body.LN000001 #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
    margin-right: 0;
  }
}

body.LN000001 #header .sub_menu-area {
  visibility: hidden;
  opacity: 0;
 /* visibility: visible; opacity: 1;  */ /* display: block; */
  border-top: 1px solid #f0f0f0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background: #f7f7f7;
  z-index: 30;
}

body.LN000001 #header .sub_menu-area .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 15px;
}

body.LN000001 #header .sub_menu-area .sub_menu {
  width: calc( 100% - 455px);
  margin: 0 auto;
  padding: 28px 0;
}

body.LN000001 #header .sub_menu-area .sub-list {
  position: relative;
  border-left: 1px solid #d6d6d6;
}

body.LN000001 #header .sub_menu-area .sub-list li a {
  position: relative;
  display: block;
  padding: 3px 14px;
  font-size: 14px;
  color: #000;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
}

body.LN000001 #header .sub_menu-area .sub-list li a i {
  box-sizing: content-box;
  margin-bottom: -1px;
  margin-left: 3px;
}

body.LN000001 #header .sub_menu-area .sub-list li + li {
  margin-top: 13px;
}

body.LN000001 #header .sub_menu-area .sub-list > li:hover > a {
  color: #e50012;
}

body.LN000001 #header .sub_menu-area .sub-list > li:hover > a::after {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  background-color: #e50012;
  position: absolute;
  top: 0;
  left: 0px;
}

@media (hover: none) {
  body.LN000001 #header .sub_menu-area .sub-list li:hover a {
    color: #e50012;
  }

  body.LN000001 #header .sub_menu-area .sub-list li:hover a::after {
    content: "";
    display: none;
  }
}

body.LN000001 #header .sub_menu-area .dep3_more i {
  display: inline-block;
  width: 11px;
  height: 11px;
  border: 1px solid #000;
  position: relative;
}

body.LN000001 #header .sub_menu-area .dep3_more i::after, body.LN000001 #header .sub_menu-area .dep3_more i::before {
  content: "";
  display: block;
  line-height: 1;
  width: 7px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 5px;
  left: 2px;
}

body.LN000001 #header .sub_menu-area .dep3_more i::before {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

body.LN000001 #header .sub_menu-area .dep3_more.on i::before {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

body.LN000001 #header .sub_menu-area .dep3_con {
  display: none;
}

body.LN000001 #header .sub_menu-area .dep3_con .sub3-list {
  position: relative;
  padding-left: 15px;
  margin-top: 10px;
}

body.LN000001 #header .sub_menu-area .dep3_con .sub3-list li + li {
  margin-top: 5px;
}

body.LN000001 #header .sub_menu-area .dep3_con .sub3-list li a {
  position: relative;
  display: block;
  padding: 3px 14px;
  font-size: 13px;
  color: #333;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
}

body.LN000001 #header .sub_menu-area .dep3_con .sub3-list > li > a:hover {
  color: #e50012;
}

@media screen and (max-width: 1023px) {
  body.LN000001 #header .sub_menu-area {
    display: none;
  }
}

body.LN000001 #header .language_pack-area {
  visibility: hidden;
  opacity: 0;
  height: calc( 100% - 80px);
  overflow-y: auto;
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  bottom: -6px;
  width: 100%;
  background: #303030 url("/resources/images/common/bg_language.png") no-repeat center 135px;
  z-index: 50;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

body.LN000001 #header .language_pack-area.open {
  visibility: visible;
  opacity: 1;
}

body.LN000001 #header .language_pack-area .inner {
  position: relative;
  text-align: left;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 20px 40px 20px;
  color: #b5b5b5;
}

body.LN000001 #header .language_pack-area .inner .in_box {
  max-width: 960px;
  margin: 0 auto;
}

body.LN000001 #header .language_pack-area .inner .language_close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
}

body.LN000001 #header .language_pack-area .inner .tit {
  text-align: center;
  color: #fff;
  font-size: 44px;
  font-weight: 700;
}

body.LN000001 #header .language_pack-area .official_list {
  margin: 50px 0 0;
}

body.LN000001 #header .language_pack-area .official_list .tit_s {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  width: 370px;
  display: inline-block;
}

body.LN000001 #header .language_pack-area .official_list .list {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
}

body.LN000001 #header .language_pack-area .official_list .list a {
  margin: 0 20px;
  vertical-align: top;
}

body.LN000001 #header .language_pack-area .official_list .list .ms_tire img {
  width: auto;
  padding-top: 3px;
}

body.LN000001 #header .language_pack-area .network_list > .col2 .colitem:first-child {
  padding-right: 9px;
}

body.LN000001 #header .language_pack-area .network_list > .col2 .colitem:last-child {
  padding-left: 9px;
}

body.LN000001 #header .language_pack-area .network_list.dealer_site ul > li {
  border-bottom: 1px solid #2e2e2e;
}

body.LN000001 #header .language_pack-area .network_list.dealer_site ul > li dl dd > ul > li {
  border-bottom: 0;
  width: 50%;
}

body.LN000001 #header .language_pack-area .network_list ul > li {
  margin-top: 34px;
}

body.LN000001 #header .language_pack-area .network_list ul > li dl dt {
  font-size: 18px;
  font-weight: 700;
  display: block;
  border-bottom: 1px solid #4c4c4c;
  padding-bottom: 15px;
  text-transform: uppercase;
}

body.LN000001 #header .language_pack-area .network_list ul > li dl dd {
  overflow: hidden;
}

body.LN000001 #header .language_pack-area .network_list ul > li dl dd > ul > li {
  float: left;
  width: 25%;
  margin: 10px 0;
}

body.LN000001 #header .language_pack-area .network_list ul > li dl dd > ul > li a {
  text-transform: uppercase;
}

body.LN000001 #header .language_pack-area .network_list ul > li dl dd > ul > li a img {
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 10px;
}

body.LN000001 #header .language_pack-area .network_list ul.two {
  margin-top: 40px;
}

body.LN000001 #header .language_pack-area .network_list ul.two > li dl dt {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  body.LN000001 #header .language_pack-area {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    background: #202020 !important;
  }

  body.LN000001 #header .language_pack-area .inner {
    padding: 0 0 0 0;
  }

  body.LN000001 #header .language_pack-area .inner .in_box {
    max-width: 100%;
  }

  body.LN000001 #header .language_pack-area .inner .tit {
    display: none;
  }

  body.LN000001 #header .language_pack-area .inner .colitem {
    margin-top: 0px;
    float: none;
    width: 100%;
  }

  body.LN000001 #header .language_pack-area .inner .language_close-btn {
    position: fixed;
    top: 0px;
    right: 0px;
    padding: 15px;
    width: 100%;
    height: 50px;
    background: #303030;
    z-index: 10;
    text-align: right;
    box-sizing: border-box;
  }

  body.LN000001 #header .language_pack-area .official_list {
    margin: 0 0 0 !important;
  }

  body.LN000001 #header .language_pack-area .official_list .tit_s {
    font-size: 18px !important;
    font-weight: 700;
    color: #fff;
    width: 100% !important;
    display: inline-block;
    background: #303030;
    padding: 65px 15px 20px;
  }

  body.LN000001 #header .language_pack-area .official_list .list {
    font-size: 15px !important;
    display: block !important;
    padding: 0 15px;
  }

  body.LN000001 #header .language_pack-area .official_list .list a {
    border-bottom: 1px solid #2e2e2e;
    display: block;
    margin: 0 !important;
    padding: 18px 20px;
  }

  body.LN000001 #header .language_pack-area .official_list .list .ms_tire img {
    width: 140px;
    padding-top: auto;
    vertical-align: top;
  }

  body.LN000001 #header .language_pack-area .network_list > .col2 .colitem:first-child {
    padding-right: 0px;
  }

  body.LN000001 #header .language_pack-area .network_list > .col2 .colitem:last-child {
    padding-left: 0px;
  }

  body.LN000001 #header .language_pack-area .network_list.dealer_site ul > li dl dd > ul > li {
    width: 100% !important;
  }

  body.LN000001 #header .language_pack-area .network_list ul {
    margin: 0 14px;
 /* &.two { margin: 0 !important; >li { dl { dt {font-size: 18px !important; font-weight: 700; color: #fff; width: 100% !important; display:inline-block; background:#303030; border-bottom: 0px !important; padding: 15px 15px 15px;} dd { display: block; border-top: 0px !important} } } } */;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li {
    margin-top: 0 !important;
    border-top: 1px solid #2e2e2e;
 /* &:last-child { dt { border: 0; } dd { border: 0; } } */;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li:first-child {
    border-top: 0px !important;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li.on dt .icon-hamburger_arrow {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  body.LN000001 #header .language_pack-area .network_list ul > li dl dt {
    position: relative;
    padding: 18px 14px 18px 20px;
    font-size: 15px !important;
 /* border-bottom:1px solid #2e2e2e ;  */
    border-bottom: 0px;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li dl dt .dep1-btn {
    visibility: visible;
    z-index: 10;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li dl dt .icon-hamburger_arrow {
    display: block;
    position: absolute;
    top: 17px;
    right: 10px;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li dl dt .js-language {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li dl dd {
    padding: 10px 20px;
    display: none;
    border-top: 1px solid #2e2e2e;
 /* border-bottom:1px solid #2e2e2e; */;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li dl dd > ul {
    margin: 0px;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li dl dd > ul > li {
    width: 50% !important;
    margin: 13px 0 !important;
    border-top: 0px;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li dl dd > ul > li a {
    font-size: 13px;
  }

  body.LN000001 #header .language_pack-area .network_list ul > li dl dd > ul > li a img {
    width: 26px;
    height: 26px;
    margin-right: 15px;
  }

  body.LN000001 #header .language_pack-area .official_list.two p {
    padding-top: 20px;
  }
}

body.LN000001 #header .hamburger-area {
  visibility: hidden;
  opacity: 0;
  height: calc( 100% - 80px);
  overflow-y: auto;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background-color: #303030;
  z-index: 50;
}

body.LN000001 #header .hamburger-area.open {
  visibility: visible;
  opacity: 1;
}

body.LN000001 #header .hamburger-area .inner {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 20px 40px 55px;
}

body.LN000001 #header .hamburger-area .inner .colitem {
  margin-top: 40px;
}

body.LN000001 #header .hamburger-area .inner .hamburger_close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
}

body.LN000001 #header .hamburger-area .dep1 .tit {
  position: relative;
}

body.LN000001 #header .hamburger-area .dep1 .tit a, body.LN000001 #header .hamburger-area .dep1 .tit span {
  font-size: 22px;
  font-weight: 900;
  color: #fff;
}

body.LN000001 #header .hamburger-area .dep1 .tit .dep1-btn {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.LN000001 #header .hamburger-area .dep1 .tit .icon-hamburger_arrow {
  display: none;
}

body.LN000001 #header .hamburger-area .dep2-list {
  margin-top: 30px;
  display: block;
  position: relative;
}

body.LN000001 #header .hamburger-area .dep2-list::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  width: 1px;
  height: calc( 100% - 20px);
  background-color: #454545;
}

body.LN000001 #header .hamburger-area .dep2-list li {
  padding: 3px 10px;
}

body.LN000001 #header .hamburger-area .dep2-list a {
  display: block;
  padding: 3px 8px 2px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
}

body.LN000001 #header .hamburger-area .dep2-list a i {
  margin-bottom: -2px;
  margin-left: 3px;
}

body.LN000001 #header .hamburger-area .dep2-list a:hover {
  background: #e50012;
}

@media (hover: none) {
  body.LN000001 #header .hamburger-area .dep2-list a:hover {
    background: transparent;
  }
}

body.LN000001 #header .hamburger-area .dep3-list {
  margin-top: 5px;
}

body.LN000001 #header .hamburger-area .dep3-list li {
  padding: 3px 0px;
}

body.LN000001 #header .hamburger-area .dep3-list a {
  padding: 4px 8px 4px 38px;
  font-size: 12px;
  font-weight: 400;
  color: #969696;
  line-height: 1.5;
}

body.LN000001 #header .hamburger-area .dep3-list a:hover {
  background: #202020;
  color: #fff;
}

@media (hover: none) {
  body.LN000001 #header .hamburger-area .dep3-list a:hover {
    background: transparent;
    color: #969696;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000001 #header .hamburger-area.open {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: auto;
  }

  body.LN000001 #header .hamburger-area.open .inner {
    padding: 50px 0 0 0;
  }

  body.LN000001 #header .hamburger-area.open .inner .colitem {
    margin-top: 0px;
    float: none;
    width: 100%;
  }

  body.LN000001 #header .hamburger-area.open .inner .hamburger_close-btn {
    position: fixed;
    top: 0px;
    right: 0px;
    padding: 15px;
    width: 100%;
    height: 50px;
    background: #303030;
    z-index: 10;
    text-align: right;
    box-sizing: border-box;
  }

  body.LN000001 #header .hamburger-area.open .dep1 .tit {
    position: relative;
    border-bottom: 1px solid #202020;
    padding: 13px 14px;
  }

  body.LN000001 #header .hamburger-area.open .dep1 .tit .dep1-btn {
    visibility: visible;
    z-index: 10;
  }

  body.LN000001 #header .hamburger-area.open .dep1 .tit .icon-hamburger_arrow {
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
  }

  body.LN000001 #header .hamburger-area.open .dep1 .tit a, body.LN000001 #header .hamburger-area.open .dep1 .tit span {
    font-size: 18px;
  }

  body.LN000001 #header .hamburger-area.open .dep2-list {
    display: none;
    margin-top: 0;
    padding: 10px 0;
    background-color: #202020;
  }

  body.LN000001 #header .hamburger-area.open .dep2-list::after {
    display: none;
  }

  body.LN000001 #header .hamburger-area.open .dep2-list li {
    padding: 0px 14px;
  }

  body.LN000001 #header .hamburger-area.open .dep2-list a {
    display: block;
    padding: 10px 20px 10px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
  }

  body.LN000001 #header .hamburger-area.open .dep2-list a:hover {
    background-color: transparent;
    color: #fff;
  }

  body.LN000001 #header .hamburger-area.open .dep3-list {
    margin-top: 0px;
    padding: 5px 0;
  }

  body.LN000001 #header .hamburger-area.open .dep3-list li {
    padding: 0px;
  }

  body.LN000001 #header .hamburger-area.open .dep3-list a {
    position: relative;
    padding: 10px 55px 10px;
    font-size: 13px;
    color: #979797;
  }

  body.LN000001 #header .hamburger-area.open .dep3-list a:after {
    content: "-";
    display: block;
    position: absolute;
    top: 8px;
    left: 45px;
  }

  body.LN000001 #header .hamburger-area.open .dep3-list a:hover {
    background-color: transparent;
    color: #979797;
  }

  body.LN000001 #header .hamburger-area.open .on .tit .icon-hamburger_arrow {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

body.LN000001 #header .location-wrap {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 20;
  background-color: #333;
 /* background-color: rgba($color: #000000, $alpha: 0.45); */;
}

body.LN000001 #header .location-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  height: 55px;
}

body.LN000001 #header .location-wrap .location-list:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000001 #header .location-wrap .location-list > li {
  float: left;
  position: relative;
  padding-left: 30px;
}

body.LN000001 #header .location-wrap .location-list > li .arrow_div {
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 30px;
  height: 55px;
}

body.LN000001 #header .location-wrap .location-list > li .arrow_div::before, body.LN000001 #header .location-wrap .location-list > li .arrow_div::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  position: absolute;
  left: -5px;
  background-color: #fff;
  z-index: 1;
  opacity: 0.2;
}

body.LN000001 #header .location-wrap .location-list > li .arrow_div::before {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 13px;
}

body.LN000001 #header .location-wrap .location-list > li .arrow_div::after {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 41px;
}

body.LN000001 #header .location-wrap .location-list > li:first-child {
  min-width: 95px;
  padding-left: 0px;
}

body.LN000001 #header .location-wrap .location-list > li:first-child .arrow_div {
  display: none;
}

body.LN000001 #header .location-wrap .location-list > li:first-child .location_dropdown-area {
  position: relative;
  display: inline-block;
}

body.LN000001 #header .location-wrap .location-list > li:first-child .location_dropdown-area .dropdown-box .select-btn {
  padding-left: 0px;
}

body.LN000001 #header .location-wrap .location-list .location_dropdown-area {
  position: relative;
  display: inline-block;
}

body.LN000001 #header .location-wrap .location-list .location_dropdown-area .dropdown-box i, body.LN000001 #header .location-wrap .location-list .location_dropdown-area .dropdown-box button {
  vertical-align: top;
}

body.LN000001 #header .location-wrap .location-list .location_dropdown-area .dropdown-box .select-btn {
  position: relative;
  padding: 20px 40px 20px 20px;
  min-width: 125px;
  height: 55px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-align-last: left;
}

body.LN000001 #header .location-wrap .location-list .location_dropdown-area .dropdown-box .select-btn i {
  position: absolute;
  top: 18px;
  right: 10px;
}

body.LN000001 #header .location-wrap .location-list .location_dropdown-area .dropdown-box .select-btn.active span {
  color: #ff051a;
  font-size: 15px;
  font-weight: bold;
}

body.LN000001 #header .location-wrap .location-list .location_dropdown-area .dropdown-box .select-btn.active .icon-location_select_arrow {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

body.LN000001 #header .location-wrap .location-list .location_dropdown-area .trp-dropdown_list-box {
  display: none;
  position: absolute;
  top: 55px;
  left: 0px;
  padding: 10px 0;
  width: 100%;
  width: 230px;
  border: 1px solid #252525;
  background-color: #252525;
}

body.LN000001 #header .location-wrap .location-list .location_dropdown-area .trp-dropdown_list-box ul li a {
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  text-align: left;
  text-align: left;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

body.LN000001 #header .location-wrap .location-list .location_dropdown-area .trp-dropdown_list-box ul li a:hover {
  background-color: #363636;
}

@media (hover: none) {
  body.LN000001 #header .location-wrap .location-list .location_dropdown-area .trp-dropdown_list-box ul li a:hover {
    background-color: transparent;
  }
}

body.LN000001 #header .location_deps-wrap {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 20;
 /* ================== deps2 */ /* ================== deps3 */;
}

body.LN000001 #header .location_deps-wrap.type_line2 .deps2-area .deps2-list {
  justify-content: flex-start;
}

body.LN000001 #header .location_deps-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  height: auto;
}

body.LN000001 #header .location_deps-wrap .deps2-area {
  background-color: #333;
}

body.LN000001 #header .location_deps-wrap .deps2-area .deps2-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

body.LN000001 #header .location_deps-wrap .deps2-area .deps2-list > li {
  display: block;
}

body.LN000001 #header .location_deps-wrap .deps2-area .deps2-list > li .deps2-item .deps-btn {
  position: relative;
  padding: 5px 16px;
  height: 55px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

body.LN000001 #header .location_deps-wrap .deps2-area .deps2-list > li.active .deps2-item .deps-btn span, body.LN000001 #header .location_deps-wrap .deps2-area .deps2-list > li:hover .deps2-item .deps-btn span {
  color: #ff051a;
  font-size: 15px;
}

body.LN000001 #header .location_deps-wrap .deps3-area {
  position: relative;
  text-align: center;
  height: 45px;
  background-color: #f1f1f1;
}

body.LN000001 #header .location_deps-wrap .deps3-area:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
}

body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list {
  display: inline-block;
  position: relative;
  padding: 0;
}

body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > li {
  list-style: none;
  box-sizing: border-box;
  float: none;
  display: inline-block;
  width: auto;
}

body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area {
  height: 45px;
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 2;
  color: #000;
}

body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a {
  position: relative;
  padding-top: 1px;
  color: #6b6b6b;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a .tab_name {
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
}

body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > li .st_table {
  display: table;
  width: 100%;
  height: 100%;
}

body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > li .st_table a {
  display: table-cell;
  vertical-align: middle;
}

body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > .active .btn-area a {
  color: #e50012;
}

body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > .active .btn-area a:after {
  background-color: #e50012;
}

@media screen and (max-width: 1023px) {
  body.LN000001 #header .location_deps-wrap .deps3-area {
    height: 50px;
  }

  body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area {
    height: 50px;
  }

  body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a {
    position: relative;
    padding-top: 10px;
    white-space: normal;
    word-wrap: normal;
    word-break: break-all;
  }

  body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a .tab_name {
    font-size: 15px;
    font-weight: 500;
  }

  body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > .on .btn-area a {
    color: #e50012;
  }

  body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > .on .btn-area a:after {
    background-color: #e50012;
  }

  body.LN000001 #header .location_deps-wrap .deps3-area .deps3-list > .on > .con-area {
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000001 #header .location_deps-wrap {
    display: none;
  }
}

body.LN000001 .main {
 /* [2020-1126 main skin] */ /* // [2020-1126 main skin] */ /* MAIN full image setting */ /* [2021-0808] 변경 */;
}

body.LN000001 .main #header .gnb-wrap {
  background-color: transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 0, 0, 0));
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: initial;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

body.LN000001 .main #header .gnb-wrap .logo .imgfull {
  background: url(/resources/images/common/menu_logo-w.svg) center no-repeat;
}

body.LN000001 .main #header .gnb-wrap .icon-gnb_lang:after {
  width: 20px;
  height: 20px;
  background-position: -396px -446px;
}

body.LN000001 .main #header .gnb-wrap .icon-gnb_sitemap:after {
  width: 20px;
  height: 20px;
  background-position: 0px -545px;
}

body.LN000001 .main #header .gnb-wrap .menu .menu-list a {
  color: #fff;
}

body.LN000001 .main #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
  color: #fff;
}

body.LN000001 .main #header.scroll_on, body.LN000001 .main #header.hover_on {
 /*  GNB  */ /* sub_menu */ /* 언어 팩 */ /* 햄버거 메뉴  */ /* location */;
}

body.LN000001 .main #header.scroll_on .gnb-wrap, body.LN000001 .main #header.hover_on .gnb-wrap {
  background-color: rgba(242, 242, 242, 0.55);
  background-image: none;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: initial;
}

body.LN000001 .main #header.scroll_on .gnb-wrap .logo .imgfull, body.LN000001 .main #header.hover_on .gnb-wrap .logo .imgfull {
  background: url(/resources/images/common/menu_logo.svg) center no-repeat;
}

body.LN000001 .main #header.scroll_on .gnb-wrap .icon-gnb_lang:after, body.LN000001 .main #header.hover_on .gnb-wrap .icon-gnb_lang:after {
  width: 20px;
  height: 20px;
  background-position: -356px -446px;
}

body.LN000001 .main #header.scroll_on .gnb-wrap .icon-gnb_sitemap:after, body.LN000001 .main #header.hover_on .gnb-wrap .icon-gnb_sitemap:after {
  width: 20px;
  height: 20px;
  background-position: -476px -446px;
}

body.LN000001 .main #header.scroll_on .gnb-wrap .menu .menu-list a, body.LN000001 .main #header.hover_on .gnb-wrap .menu .menu-list a {
  color: #4a4a49;
}

body.LN000001 .main #header.scroll_on .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn, body.LN000001 .main #header.hover_on .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
  color: #000;
}

body.LN000001 .main #header.scroll_on .sub_menu-area, body.LN000001 .main #header.hover_on .sub_menu-area {
  background-color: rgba(230, 230, 230, 0.55);
  border-color: rgba(230, 230, 230, 0);
}

body.LN000001 .main #header.scroll_on .sub_menu-area .sub-list, body.LN000001 .main #header.hover_on .sub_menu-area .sub-list {
  border-color: rgba(1, 1, 1, 0.3);
}

body.LN000001 .main #header.scroll_on .sub_menu-area .sub-list li a, body.LN000001 .main #header.hover_on .sub_menu-area .sub-list li a {
  color: #222222;
}

body.LN000001 .main #header.scroll_on .sub_menu-area .sub-list li a:hover, body.LN000001 .main #header.hover_on .sub_menu-area .sub-list li a:hover {
  color: #e50012;
}

body.LN000001 .main .keyvisual-wrap .visual_bg.mode_full {
  margin-top: -80px;
  height: 100vh;
}

body.LN000001 .main .keyvisual-wrap .visual_bg.mode_full {
  margin-top: -80px;
  height: 100vh;
}

body.LN000001 .main .keyvisual-wrap .video_ui-area .video_content {
  bottom: 0;
  height: 100%;
}

body.LN000001 .main .keyvisual-wrap .video_ui-area .video_content .kv-area {
  position: relative;
  height: 100%;
}

body.LN000001 .main .keyvisual-wrap .video_ui-area .video_content .kv-area .swiper-container-fade {
  height: 100%;
}

body.LN000001 .main .keyvisual-wrap .video_ui-area .video_content .kv-area .kv_con-list {
  height: 100%;
}

body.LN000001 .main .keyvisual-wrap .video_ui-area .video_content .kv-area .kv_con-list li.swiper-slide {
  position: relative;
  height: 100% !important;
}

body.LN000001 .main .keyvisual-wrap .video_ui-area .mainfull-link {
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin-left: -101px;
  margin-bottom: -10%;
  display: block;
  border: 1px solid #fff;
  box-sizing: border-box;
  line-height: 45px;
  padding: 0 16px 0 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
 /* Safari */
  transition: all 0.3s;
}

body.LN000001 .main .keyvisual-wrap .video_ui-area .mainfull-link i {
  padding-left: 10px;
}

body.LN000001 .main .keyvisual-wrap .video_ui-area .mainfull-link:hover {
  background-color: #e50012;
  border-color: #e50012;
}

body.LN000001 .main .keyvisual-wrap .video_ui-area .swiper-slide-active .mainfull-link {
  opacity: 1;
}

body.LN000001 .main .keyvisual-wrap .video_ui-area .paging_controll {
  z-index: 15;
}

@media screen and (max-width: 1023px) {
  body.LN000001 .main .keyvisual-wrap .visual_bg.mode_full {
    margin-top: -50px;
    height: 100vh;
  }

  body.LN000001 .main .keyvisual-wrap .video_ui-area .mainfull-link {
    margin-bottom: -20%;
    left: 50%;
    margin-left: -85px;
    line-height: 34px;
    padding: 0 15px 0 20px;
    font-size: 13px;
  }

  body.LN000001 .main .keyvisual-wrap .video_ui-area .mainfull-link i {
    padding-left: 5px;
  }

  body.LN000001 .main .keyvisual-wrap .video_ui-area .mainfull-link:hover {
    background-color: transparent;
    border-color: #fff;
  }
}

body.LN000001 .main .quick-wrap .quick3-list li.quick1 a:after {
  display: none;
}

body.LN000001 .main .quick_mb-wrap {
  display: none;
  margin-bottom: 10px;
}

body.LN000001 .main .quick_mb-wrap .quick-area:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item {
  position: relative;
  width: 50%;
  height: 70px;
  float: left;
  margin-top: 10px;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item a {
  display: block;
  height: 70px;
  padding: 11px;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item a::before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item a i {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -7px;
  width: 15px;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item a i img {
  width: 100%;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item:nth-child(1) {
  padding-right: 5px;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item:nth-child(1) a {
  background-image: url(/resources/images/main/quick_bg1-mb.jpg);
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item:nth-child(2) {
  padding-left: 5px;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item:nth-child(2) a {
  background-image: url(/resources/images/main/quick_bg2-mb.jpg);
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item:nth-child(3) {
  width: 100%;
  height: 50px;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item:nth-child(3) span img {
  width: 120px;
}

body.LN000001 .main .quick_mb-wrap .quick-area .quick_item:nth-child(3) a {
  background-color: #ee1c25;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  body.LN000001 .main .quick-wrap, body.LN000001 .main .ghstory-wrap, body.LN000001 .main .banner-wrap, body.LN000001 .main .mediagallery-wrap {
    display: none;
  }

  body.LN000001 .main .quick_mb-wrap {
    display: block;
  }
}

body.LN000001 .company {
 /* 숫자로 보는 사회공헌활동 */;
}

body.LN000001 .company .company_social-wrap .major_contribution-area:first-child {
  padding-top: 30px;
}

body.LN000001 .company .company_social-wrap .major_contribution-area {
  padding-bottom: 70px;
}

body.LN000001 .company .company_social-wrap .major_contribution-area .style_line {
  padding-bottom: 15px;
}

body.LN000001 .company .company_social-wrap .major_contribution-area .style_line::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: #ef0010;
}

body.LN000001 .company .company_social-wrap .major_contribution-area .img-box {
  text-align: center;
}

body.LN000001 .company .company_social-wrap .major_contribution-area .img-box img {
  width: 100%;
  max-width: 1080px;
}

body.LN000001 .company .company_social-wrap .major_contribution-area .sub_txt {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.7em;
  color: #5e5e5e;
  font-weight: 400;
}

/* 언어코드  : LN000002  en */
body.LN000002 .main {
 /* [2020-1126 main skin] */ /* // [2020-1126 main skin] */ /* [2021-0808] 변경 */;
}

body.LN000002 .main #header .gnb-wrap {
  background-color: transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 0, 0, 0));
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: initial;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

body.LN000002 .main #header .gnb-wrap .logo .imgfull {
  background: url(/resources/images/common/menu_logo-w.svg) center no-repeat;
}

body.LN000002 .main #header .gnb-wrap .icon-gnb_lang:after {
  width: 20px;
  height: 20px;
  background-position: -396px -446px;
}

body.LN000002 .main #header .gnb-wrap .icon-gnb_sitemap:after {
  width: 20px;
  height: 20px;
  background-position: 0px -545px;
}

body.LN000002 .main #header .gnb-wrap .menu .menu-list a {
  color: #fff;
}

body.LN000002 .main #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
  color: #fff;
}

body.LN000002 .main #header.scroll_on, body.LN000002 .main #header.hover_on {
 /*  GNB  */ /* sub_menu */ /* 언어 팩 */ /* 햄버거 메뉴  */ /* location */;
}

body.LN000002 .main #header.scroll_on .gnb-wrap, body.LN000002 .main #header.hover_on .gnb-wrap {
  background-color: rgba(242, 242, 242, 0.55);
  background-image: none;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: initial;
}

body.LN000002 .main #header.scroll_on .gnb-wrap .logo .imgfull, body.LN000002 .main #header.hover_on .gnb-wrap .logo .imgfull {
  background: url(/resources/images/common/menu_logo.svg) center no-repeat;
}

body.LN000002 .main #header.scroll_on .gnb-wrap .icon-gnb_lang:after, body.LN000002 .main #header.hover_on .gnb-wrap .icon-gnb_lang:after {
  width: 20px;
  height: 20px;
  background-position: -356px -446px;
}

body.LN000002 .main #header.scroll_on .gnb-wrap .icon-gnb_sitemap:after, body.LN000002 .main #header.hover_on .gnb-wrap .icon-gnb_sitemap:after {
  width: 20px;
  height: 20px;
  background-position: -476px -446px;
}

body.LN000002 .main #header.scroll_on .gnb-wrap .menu .menu-list a, body.LN000002 .main #header.hover_on .gnb-wrap .menu .menu-list a {
  color: #4a4a49;
}

body.LN000002 .main #header.scroll_on .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn, body.LN000002 .main #header.hover_on .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
  color: #000;
}

body.LN000002 .main #header.scroll_on .sub_menu-area, body.LN000002 .main #header.hover_on .sub_menu-area {
  background-color: rgba(230, 230, 230, 0.55);
  border-color: rgba(230, 230, 230, 0);
}

body.LN000002 .main #header.scroll_on .sub_menu-area .sub-list, body.LN000002 .main #header.hover_on .sub_menu-area .sub-list {
  border-color: rgba(1, 1, 1, 0.3);
}

body.LN000002 .main #header.scroll_on .sub_menu-area .sub-list li a, body.LN000002 .main #header.hover_on .sub_menu-area .sub-list li a {
  color: #222222;
}

body.LN000002 .main #header.scroll_on .sub_menu-area .sub-list li a:hover, body.LN000002 .main #header.hover_on .sub_menu-area .sub-list li a:hover {
  color: #e50012;
}

body.LN000002 .main .keyvisual-wrap .visual_bg.mode_full {
  margin-top: -80px;
  height: 100vh;
}

body.LN000002 .main .ghstory-wrap .story-body .story_link-list li.story1 .bg {
  background: url(/resources/en_images/main/ghstory_bg1.jpg) center no-repeat;
}

body.LN000002 .main .ghstory-wrap .story-body .story_link-list li.story2 .bg {
  background: url(/resources/en_images/main/ghstory_bg2.jpg) center no-repeat;
}

body.LN000002 .main .ghstory-wrap .story-body .story_link-list li.story3 .bg {
  background: url(/resources/en_images/main/ghstory_bg_press.jpg) center no-repeat;
}

body.LN000002 .main .ghstory-wrap .story-body .story_link-list li.story4 .bg {
  background: url(/resources/en_images/main/ghstory_bg4.jpg) center no-repeat;
}

body.LN000002 .main .ghstory-wrap .story-body .story_link-list li.story5 .bg {
  background: url(/resources/en_images/main/ghstory_bg5.jpg) center no-repeat;
}

body.LN000002 .main .quick-wrap .quick3-list li.quick1 a:after {
  display: none;
}

body.LN000002 .main .quick_mb-wrap {
  display: none;
  margin-bottom: 10px;
}

body.LN000002 .main .quick_mb-wrap .quick-area:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item {
  position: relative;
  width: 50%;
  height: 70px;
  float: left;
  margin-top: 10px;
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item a {
  display: block;
  height: 70px;
  padding: 11px;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item a::before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item a i {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -7px;
  width: 15px;
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item a i img {
  width: 100%;
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item:nth-child(1) {
  padding-right: 5px;
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item:nth-child(1) a {
  background-image: url(/resources/images/main/quick_bg1-mb.jpg);
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item:nth-child(2) {
  padding-left: 5px;
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item:nth-child(2) a {
  background-image: url(/resources/images/main/quick_bg2-mb.jpg);
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item:nth-child(3) {
  width: 100%;
  height: 50px;
}

body.LN000002 .main .quick_mb-wrap .quick-area .quick_item:nth-child(3) a {
  background-color: #ee1c25;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .main .quick-wrap, body.LN000002 .main .ghstory-wrap, body.LN000002 .main .banner-wrap, body.LN000002 .main .mediagallery-wrap {
    display: none;
  }

  body.LN000002 .main .quick_mb-wrap {
    display: block;
  }
}

body.LN000002 .tire {
 /* =============== 타이어 상세 =============== */ /* 아코디언 */ /* =============== Technology =============== */ /* Tire > Technology > magzin test > magazine info (tire/TTI-03-01-1.html) */ /* Tire > Technology > kumho technology   (tire/TTI-02-01.html) */ /* =============== 매장 찾기 =============== */ /* 지도 */ /* === 국가 리스트 === */ /* 국기 리스트 & 상세 리스트 */;
}

body.LN000002 .tire .tire_basic .btn_set .btn {
  min-width: 160px;
  width: auto;
  padding: 0 25px;
}

body.LN000002 .tire .tire_spec-box-row .tire_spec-box {
  width: 100%;
}

body.LN000002 .tire .tire_spec-box-row.tire_col2 .tire_spec-box {
  width: 50%;
}

body.LN000002 .tire .tire_spec-box {
 /* margin-bottom: 0; */;
}

body.LN000002 .tire .tire_spec-box .title h4 {
  font-size: 20px;
}

body.LN000002 .tire .tire_spec-box .country_technology-list:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000002 .tire .tire_spec-box .country_technology-list > li {
 /* float: left; width: 50%;  */;
}

body.LN000002 .tire .tire_spec-box .country_technology-list > li .li-inner {
  padding: 25px 30px;
  border: 1px solid #d9d9d9;
}

body.LN000002 .tire .tire_spec-box .country_technology-list > li .con-header {
  padding-left: 55px;
}

body.LN000002 .tire .tire_spec-box .country_technology-list > li .con-header i {
  position: absolute;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
}

body.LN000002 .tire .tire_spec-box .country_technology-list > li .con-header i img {
  height: 40px;
  margin-left: -20%;
}

body.LN000002 .tire .tire_spec-box .country_technology-list > li .con-header span {
  display: inline-block;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  line-height: 40px;
}

body.LN000002 .tire .tire_spec-box .country_technology-list > li .con-body {
  margin-top: 20px;
  line-height: 1.5;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .tire .tire_basic .btn_set .btn {
    min-width: 160px;
    width: 100%;
    padding: 0 25px;
  }

  body.LN000002 .tire .tire_basic .btn_set .btn + .btn {
    margin-top: 10px;
    margin-left: 0;
  }

  body.LN000002 .tire .tire_spec-box-row.tire_col2 .tire_spec-box {
    width: 100%;
  }
}

body.LN000002 .tire .tire_detail-acc .con-header .title i img {
  height: 25px;
}

body.LN000002 .tire .tire_detail-acc .data_table.line_table th {
  padding: 10px 15px;
  height: auto;
}

body.LN000002 .tire .tire_detail-acc .data_table.line_table th, body.LN000002 .tire .tire_detail-acc .data_table.line_table td {
  padding-left: 15px;
  padding-right: 15px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

body.LN000002 .tire .tire_detail-acc .data_table.line_table th:first-child, body.LN000002 .tire .tire_detail-acc .data_table.line_table td:first-child {
  border-left: 0;
}

body.LN000002 .tire .tire_detail-acc .data_table.line_table .th {
  color: #000;
  font-weight: bold;
}

body.LN000002 .tire .tire_detail-acc .data_table-panel .con-body + .con-header {
  margin-top: 30px;
}

body.LN000002 .tire .tire_detail-acc .data_table-panel .sym-list {
  width: 100%;
}

body.LN000002 .tire .tire_detail-acc .data_table-panel .sym-list li {
  height: 62px;
}

body.LN000002 .tire .tire_detail-acc .data_table-panel .data_table td > .col2.col-tire_size li span {
  display: block;
}

body.LN000002 .tire .tire_detail-acc .data_table-panel .data_table td > .col2.col-tire_size li:first-child {
  width: 60%;
 /*  span { line-height: 38px;} */;
}

body.LN000002 .tire .tire_detail-acc .data_table-panel .data_table td > .col2.col-tire_size li:last-child {
  width: 40%;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .tire .tire_detail-acc .con-header .title i img {
    height: 20px;
  }

  body.LN000002 .tire .tire_detail-acc .data_table-panel .data_table td > .col2.col-tire_size li:first-child {
 /*  span { line-height: 30px;} */;
  }
}

body.LN000002 .tire .type_technology {
  padding-bottom: 65px;
}

body.LN000002 .tire .type_technology .tab-list.tab_typesub.card_tab-3 {
  width: 301px;
  margin-left: -10%;
  font-size: 0;
}

body.LN000002 .tire .type_technology .tab-list.tab_typesub.card_tab-3 > .trp-tabitem {
  display: inline-block;
  width: auto;
}

body.LN000002 .tire .type_technology .tab-list.tab_typesub.card_tab-3 > .trp-tabitem a {
  padding: 1px 20px 0;
  text-align: center;
}

body.LN000002 .tire .type_technology .tab-list.tab_typesub.card_tab-3 > .trp-tabitem a:after {
  left: 0;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .tire .type_technology .tab-list.tab_typesub.card_tab-3 {
    width: 259px;
    margin-left: 0;
  }
}

body.LN000002 .tire .tire_technology-wrap .magazine_cont > ul > li .inner .des {
  height: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .tire .tire_technology-wrap .magazine_cont > ul > li .inner .des {
    height: auto;
    text-overflow: initial;
    display: block;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
  }
}

body.LN000002 .tire .technology_cont.labelings .col2_layout:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000002 .tire .technology_cont.labelings .col2_layout li {
  float: left;
}

body.LN000002 .tire .technology_cont.labelings .col2_layout li .li-inner {
  position: relative;
}

body.LN000002 .tire .technology_cont.labelings .col2_layout li:first-child {
  width: 37.9310%;
  padding-right: 22px;
}

body.LN000002 .tire .technology_cont.labelings .col2_layout li:last-child {
  width: 62.0690%;
  padding-left: 22px;
}

body.LN000002 .tire .technology_cont.labelings .con_head .title {
  font-weight: bold;
  font-size: 20px;
}

body.LN000002 .tire .technology_cont.labelings .con_head .sub_txt {
  margin-top: 10px;
  font-size: 16px;
}

body.LN000002 .tire .technology_cont.labelings .con_body {
  margin-top: 50px;
}

body.LN000002 .tire .technology_cont.labelings .con_body .img img {
  width: 100%;
  border: 1px solid #e5e5e5;
}

body.LN000002 .tire .technology_cont.labelings .con_body .table-wrap {
  padding: 0;
}

body.LN000002 .tire .technology_cont.labelings .con_body .table-wrap .con-body {
  margin-top: 0;
}

body.LN000002 .tire .technology_cont.labelings .con_body .table-wrap th {
  padding: 0 20px;
  text-align: left;
  border-right: 1px solid #e6e6e6;
}

body.LN000002 .tire .technology_cont.labelings .con_body .table-wrap td {
  padding: 0 30px;
  text-align: left;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .tire .tire_store_typo-wrap .tire_store-panel .con-header {
    margin-bottom: 0;
  }
}

body.LN000002 .tire .world_map-wrap {
  margin-top: 60px;
}

body.LN000002 .tire .world_map {
  position: relative;
}

body.LN000002 .tire .world_map .bg-map {
  width: 100%;
}

body.LN000002 .tire .world_map .hover_map-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

body.LN000002 .tire .world_map .hover_map-area > div {
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

body.LN000002 .tire .world_map .hover_map-area > div img {
  width: 100%;
}

body.LN000002 .tire .world_map .hover_map-area > div.on, body.LN000002 .tire .world_map .hover_map-area > div.over {
  opacity: 1;
}

body.LN000002 .tire .world_map .hover_map-area .map1 {
  width: 30.0000%;
  height: 56.3517%;
  left: 23.5%;
  top: 6.5146%;
}

body.LN000002 .tire .world_map .hover_map-area .map2 {
  width: 16.6666%;
  height: 35.8306%;
  left: 9.5%;
  top: 8.6319%;
}

body.LN000002 .tire .world_map .hover_map-area .map3 {
  width: 18.3333%;
  height: 43.9739%;
  left: 7.5883%;
  top: 35.0162%;
}

body.LN000002 .tire .world_map .hover_map-area .map4 {
  width: 39.6666%;
  height: 51.1400%;
  left: 54.25%;
  top: 4.8859%;
}

body.LN000002 .tire .world_map .hover_map-area .map5 {
  width: 25.0000%;
  height: 39.0879%;
  left: 68.9166%;
  top: 56.0260%;
}

body.LN000002 .tire .world_map .hover_map-area .map6 {
  width: 23.3333%;
  height: 27.6872%;
  left: 30.75%;
  top: 56.3517%;
}

body.LN000002 .tire .world_map .hover_map-area .map7 {
  width: 12.5000%;
  height: 19.5439%;
  left: 17.00%;
  top: 34.0390%;
}

body.LN000002 .tire .world_map .hover_txt-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}

body.LN000002 .tire .world_map .hover_txt-area > div {
  position: absolute;
  min-width: 160px;
  height: 66px;
  padding: 0 30px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 33px;
  display: table;
  table-layout: fixed;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05), 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
}

body.LN000002 .tire .world_map .hover_txt-area > div span.text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

body.LN000002 .tire .world_map .hover_txt-area > div.on span.text, body.LN000002 .tire .world_map .hover_txt-area > div.over span.text {
  color: #e50012;
}

body.LN000002 .tire .world_map .hover_txt-area .map1 {
  left: 27.5%;
  top: 25.5146%;
}

body.LN000002 .tire .world_map .hover_txt-area .map2 {
  left: 8.5%;
  top: 18.6319%;
}

body.LN000002 .tire .world_map .hover_txt-area .map3 {
  left: 7.5883%;
  top: 51.0162%;
}

body.LN000002 .tire .world_map .hover_txt-area .map4 {
  left: 64.25%;
  top: 21.8859%;
}

body.LN000002 .tire .world_map .hover_txt-area .map5 {
  left: 76.9166%;
  top: 63.0260%;
}

body.LN000002 .tire .world_map .hover_txt-area .map6 {
  left: 31.75%;
  top: 62.3517%;
}

body.LN000002 .tire .world_map .hover_txt-area .map7 {
  left: 21.50%;
  top: 39.5390%;
}

body.LN000002 .tire .world_map .hover-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}

body.LN000002 .tire .world_map .hover-area > a {
  position: absolute;
  display: block;
 /* background-color: $colorSub; opacity: 0.5; */;
}

body.LN000002 .tire .world_map .hover-area .map1 {
  width: 30.0000%;
  height: 56.3517%;
  left: 24.25%;
  top: 4.8859%;
}

body.LN000002 .tire .world_map .hover-area .map2 {
  width: 16.6666%;
  height: 35.8306%;
  left: 7.5833%;
  top: 4.8859%;
}

body.LN000002 .tire .world_map .hover-area .map3 {
  width: 18.3333%;
  height: 43.9739%;
  left: 5.9166%;
  top: 40.7245%;
}

body.LN000002 .tire .world_map .hover-area .map4 {
  width: 39.6666%;
  height: 51.1400%;
  left: 54.25%;
  top: 4.8859%;
}

body.LN000002 .tire .world_map .hover-area .map5 {
  width: 25.0000%;
  height: 39.0879%;
  left: 68.9166%;
  top: 56.0260%;
}

body.LN000002 .tire .world_map .hover-area .map6 {
  width: 23.3333%;
  height: 27.6872%;
  left: 30.9166%;
  top: 61.2377%;
}

body.LN000002 .tire .world_map .hover-area .map7 {
  width: 12.5000%;
  height: 19.5439%;
  left: 17.00%;
  top: 34.0390%;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .tire .world_map-wrap {
    display: none;
    margin-top: 0px;
  }
}

body.LN000002 .tire .wold_tab-wrap {
  margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .tire .wold_tab-wrap {
    margin-top: 20px;
  }
}

body.LN000002 .tire .country_search-wrap .middle_typo-box .title {
  padding-right: 280px;
}

body.LN000002 .tire .country_search-wrap .middle_typo-box .city_select {
  position: absolute;
  top: -10px;
  right: 0;
  width: 260px;
}

body.LN000002 .tire .country_search-wrap .search-area {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #d9d9d9;
}

body.LN000002 .tire .country_search-wrap .search-area .search-list:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000002 .tire .country_search-wrap .search-area .search-list li {
  float: left;
  width: 20%;
  margin-bottom: 25px;
}

body.LN000002 .tire .country_search-wrap .search-area .search-list a {
  position: relative;
  display: block;
  padding: 0 10px 0 50px;
  height: 30px;
  box-sizing: border-box;
}

body.LN000002 .tire .country_search-wrap .search-area .search-list .flag {
  position: absolute;
  left: 0;
  display: block;
  height: 100%;
}

body.LN000002 .tire .country_search-wrap .search-area .search-list .flag img {
  height: 100%;
  border: 1px solid #d2d2d2;
}

body.LN000002 .tire .country_search-wrap .search-area .search-list .f_name {
  float: left;
  display: table;
  table-layout: fixed;
  height: 100%;
}

body.LN000002 .tire .country_search-wrap .search-area .search-list .f_name span {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: 1;
}

body.LN000002 .tire .country_search-wrap .search_detal-area {
  margin-top: 30px;
  border-top: 1px solid #d9d9d9;
}

body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .li-inner {
  padding: 15px 20px;
  border-bottom: 1px solid #d9d9d9;
}

body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-header {
  font-size: 20px;
  color: #5e5e5e;
  font-weight: bold;
}

body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .addr {
  margin-top: 15px;
  font-weight: 400;
}

body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .addr b {
  display: inline;
  font-weight: 400;
  color: #5e5e5e;
}

body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact {
  margin-top: 0px;
}

body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  color: #5e5e5e;
}

body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact em {
  color: #e50012;
  margin-right: 3px;
}

body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact .link_email {
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .tire .country_search-wrap .middle_typo-box .title {
    padding-right: 0px;
  }

  body.LN000002 .tire .country_search-wrap .middle_typo-box .city_select {
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    margin-bottom: 20px;
  }

  body.LN000002 .tire .country_search-wrap .search-area {
    margin-top: 20px;
    padding-top: 20px;
  }

  body.LN000002 .tire .country_search-wrap .search-area .search-list li {
    width: 50%;
    margin-bottom: 20px;
  }

  body.LN000002 .tire .country_search-wrap .search-area .search-list a {
    height: 30px;
  }

  body.LN000002 .tire .country_search-wrap .search-area .search-list .flag {
    margin-right: 10px;
  }

  body.LN000002 .tire .country_search-wrap .search-area .search-list .f_name span {
    font-size: 13px;
  }

  body.LN000002 .tire .country_search-wrap .search_detal-area {
    margin-top: 20px;
  }

  body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .li-inner {
    padding: 15px 10px;
    border-bottom: 1px solid #d9d9d9;
  }

  body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-header {
    font-size: 13px;
    color: #5e5e5e;
    font-weight: bold;
  }

  body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .addr {
    margin-top: 10px;
    font-size: 10px;
    margin-bottom: 5px;
  }

  body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact {
    margin-top: 0px;
  }

  body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact > span {
    margin-right: 15px;
    font-size: 10px;
    line-height: 1.5;
  }

  body.LN000002 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact .link_email {
    text-decoration: underline;
  }
}

body.LN000002 #header {
 /* sub_menu [2023-0818] */ /* // sub_menu [2023-0818] */ /* location_deps-wrap  [2023-0818]*/ /* // location_deps-wrap  [2023-0818]*/;
}

body.LN000002 #header .gnb-wrap {
  z-index: 99;
}

@media screen and (max-width: 1280px) {
  body.LN000002 #header .gnb-wrap .menu {
    padding: 15px 0% 0;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list {
    position: relative;
    clear: both;
    text-align: center;
    font-size: 0;
    line-height: 0;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li {
    float: none;
    width: auto;
    display: inline-block;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li:nth-child(1) {
    width: 17.0%;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li:nth-child(1) > a {
    padding-top: 15px;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li:nth-child(2) {
    width: 20.0%;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li:nth-child(2) > a {
    padding-top: 15px;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li:nth-child(3) {
    width: 18.0%;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li:nth-child(3) > a {
    padding-top: 15px;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li:nth-child(4) {
    width: 27.0%;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li:nth-child(4) > a {
    padding-top: 15px;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li:nth-child(5) {
    width: 18.0%;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li:nth-child(5) > a {
    padding-top: 15px;
  }

  body.LN000002 #header .gnb-wrap .menu .menu-list > li > a {
    display: block;
    padding: 0 10px 15px;
    text-align: center;
    word-wrap: break-word;
    word-break: keep-all;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    height: 65px;
    text-transform: uppercase;
    box-sizing: border-box;
  }
}

body.LN000002 #header .sub_menu-area {
  visibility: hidden;
  opacity: 0;
 /* visibility: visible; opacity: 1;  */ /* display: block; */
  border-top: 1px solid #f0f0f0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background: #f7f7f7;
  z-index: 30;
}

body.LN000002 #header .sub_menu-area .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 15px;
}

body.LN000002 #header .sub_menu-area .sub_menu {
  width: calc( 100% - 455px);
  margin: 0 auto;
  padding: 28px 0;
}

body.LN000002 #header .sub_menu-area .sub-list {
  position: relative;
  border-left: 1px solid #d6d6d6;
}

body.LN000002 #header .sub_menu-area .sub-list li a {
  position: relative;
  display: block;
  padding: 3px 14px;
  font-size: 14px;
  color: #000;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
}

body.LN000002 #header .sub_menu-area .sub-list li a i {
  box-sizing: content-box;
  margin-bottom: -1px;
  margin-left: 3px;
}

body.LN000002 #header .sub_menu-area .sub-list li + li {
  margin-top: 13px;
}

body.LN000002 #header .sub_menu-area .sub-list > li:hover > a {
  color: #e50012;
}

body.LN000002 #header .sub_menu-area .sub-list > li:hover > a::after {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  background-color: #e50012;
  position: absolute;
  top: 0;
  left: 0px;
}

@media (hover: none) {
  body.LN000002 #header .sub_menu-area .sub-list li:hover a {
    color: #e50012;
  }

  body.LN000002 #header .sub_menu-area .sub-list li:hover a::after {
    content: "";
    display: none;
  }
}

body.LN000002 #header .sub_menu-area .dep3_more i {
  display: inline-block;
  width: 11px;
  height: 11px;
  border: 1px solid #000;
  position: relative;
}

body.LN000002 #header .sub_menu-area .dep3_more i::after, body.LN000002 #header .sub_menu-area .dep3_more i::before {
  content: "";
  display: block;
  line-height: 1;
  width: 7px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 5px;
  left: 2px;
}

body.LN000002 #header .sub_menu-area .dep3_more i::before {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

body.LN000002 #header .sub_menu-area .dep3_more.on i::before {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

body.LN000002 #header .sub_menu-area .dep3_con {
  display: none;
}

body.LN000002 #header .sub_menu-area .dep3_con .sub3-list {
  position: relative;
  padding-left: 15px;
  margin-top: 10px;
}

body.LN000002 #header .sub_menu-area .dep3_con .sub3-list li + li {
  margin-top: 5px;
}

body.LN000002 #header .sub_menu-area .dep3_con .sub3-list li a {
  position: relative;
  display: block;
  padding: 3px 14px;
  font-size: 13px;
  color: #333;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
}

body.LN000002 #header .sub_menu-area .dep3_con .sub3-list > li > a:hover {
  color: #e50012;
}

@media screen and (max-width: 1023px) {
  body.LN000002 #header .sub_menu-area {
    display: none;
  }
}

body.LN000002 #header .location_deps-wrap {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 20;
 /* ================== deps2 */ /* ================== deps3 */;
}

body.LN000002 #header .location_deps-wrap.type_line2 .deps2-area .deps2-list {
  justify-content: flex-start;
}

body.LN000002 #header .location_deps-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  height: auto;
}

body.LN000002 #header .location_deps-wrap .deps2-area {
  background-color: #333;
}

body.LN000002 #header .location_deps-wrap .deps2-area .deps2-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

body.LN000002 #header .location_deps-wrap .deps2-area .deps2-list > li {
  display: block;
}

body.LN000002 #header .location_deps-wrap .deps2-area .deps2-list > li .deps2-item .deps-btn {
  position: relative;
  padding: 5px 20px;
  height: 55px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

body.LN000002 #header .location_deps-wrap .deps2-area .deps2-list > li.active .deps2-item .deps-btn span, body.LN000002 #header .location_deps-wrap .deps2-area .deps2-list > li:hover .deps2-item .deps-btn span {
  color: #ff051a;
  font-size: 15px;
}

body.LN000002 #header .location_deps-wrap .deps3-area {
  position: relative;
  text-align: center;
  height: 45px;
  background-color: #f1f1f1;
}

body.LN000002 #header .location_deps-wrap .deps3-area:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
}

body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list {
  display: inline-block;
  position: relative;
  padding: 0;
}

body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > li {
  list-style: none;
  box-sizing: border-box;
  float: none;
  display: inline-block;
  width: auto;
}

body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area {
  height: 45px;
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 2;
  color: #000;
}

body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a {
  position: relative;
  padding-top: 1px;
  color: #6b6b6b;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a .tab_name {
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
}

body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > li .st_table {
  display: table;
  width: 100%;
  height: 100%;
}

body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > li .st_table a {
  display: table-cell;
  vertical-align: middle;
}

body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > .active .btn-area a {
  color: #e50012;
}

body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > .active .btn-area a:after {
  background-color: #e50012;
}

@media screen and (max-width: 1023px) {
  body.LN000002 #header .location_deps-wrap .deps3-area {
    height: 50px;
  }

  body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area {
    height: 50px;
  }

  body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a {
    position: relative;
    padding-top: 10px;
    white-space: normal;
    word-wrap: normal;
    word-break: break-all;
  }

  body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a .tab_name {
    font-size: 15px;
    font-weight: 500;
  }

  body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > .on .btn-area a {
    color: #e50012;
  }

  body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > .on .btn-area a:after {
    background-color: #e50012;
  }

  body.LN000002 #header .location_deps-wrap .deps3-area .deps3-list > .on > .con-area {
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000002 #header .location_deps-wrap {
    display: none;
  }
}

body.LN000002 #contents {
  min-height: calc( 100vh - 160px);
}

body.LN000002 #footer .inner {
  height: 160px;
}

body.LN000002 #footer .globalsite-area .ms_tire {
  top: 75px;
}

body.LN000002 #footer .footerbottom-area .address-box .copy {
  margin-top: 30px;
}

body.LN000002 #footer .footerbottom-area .sns-list {
  margin-top: -15px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 #footer .inner {
    height: auto;
  }

  body.LN000002 #footer .globalsite-area .ms_tire {
    top: auto;
  }

  body.LN000002 #footer .footerbottom-area .address-box .copy {
    margin-top: 10px;
  }

  body.LN000002 #footer .footerbottom-area .sns-list {
    margin-top: 0px;
  }
}

body.LN000002 .sticky_type_number-wrap .tire_search-area .icon-sticky_search img {
  width: 100%;
}

body.LN000002 .sticky_type_number-wrap .tire_search-area .formsearch-box {
  display: inline-block;
  width: 100%;
  height: 0;
  padding: 0px 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

body.LN000002 .sticky_type_number-wrap .tire_search-area.on .formsearch-box {
  height: 110px;
  padding: 33px 0;
}

body.LN000002 .sticky_type_number-wrap .tire_search-area .btn.btn_red {
  width: 134px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .sticky_type_number-wrap .tire_search-area.on .formsearch-box {
    display: block;
    padding: 15px 30px 15px;
    width: 100%;
    height: 135px;
  }

  body.LN000002 .sticky_type_number-wrap .tire_search-area .btn.btn_red {
    width: calc( 100% - 50px);
  }
}

body.LN000002 .sticky_type_number-wrap .tire_search-panel .con-header .btn_set .icon_left.btn_black {
  width: 120px;
}

body.LN000002 .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes {
  left: 190px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .sticky_type_number-wrap .tire_search-panel .con-header .btn_set .icon_left.btn_black {
    width: auto;
  }

  body.LN000002 .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes {
    left: 0px;
  }
}

body.LN000002 {
 /* ============================ 컨텐츠 스타일 ==================== */ /* 간격 1뎀메뉴 , 컨텐츠 간격 , 타입간 간격, 아이템별 간격  */ /* title  */ /* 서브텝 쇼히든. subtab con active */ /* ============================ 회사소개 ============================ */ /* ============================ 브랜드 ============================ */ /* Tire > Technology > R&D */ /* Tire > Technology > 라벨 */ /* > Company > Introduction > Management Policy > Safety Health Management */ /* > Company > Introduction > Management Policy > Safety Health Management */ /* > Company > Introduction > Management Policy 윤리경영 */ /* > Company > Introduction > Management Policy 환경경영 */ /* News&Event > Press */ /* Service > Warranty System */ /* FAQ /kr_en/service/FAQ-01-01.html */ /* faq guide */;
}

body.LN000002 .st_top_line {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

body.LN000002 .st_top_none {
  margin-top: 70px;
 /* margin-top: 50px; */;
}

body.LN000002 .st_top_type {
  margin-top: 60px;
 /* margin-top: 45px; */;
}

body.LN000002 .st_top_item {
  margin-top: 40px;
}

body.LN000002 .st_top_tm {
  margin-top: 30px;
}

body.LN000002 .st_top_sm {
  margin-top: 20px;
}

body.LN000002 .st_top_ssm {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .st_top_line {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e2e2e2;
  }

  body.LN000002 .st_top_none {
    margin-top: 40px;
  }

  body.LN000002 .st_top_type {
    margin-top: 30px;
  }

  body.LN000002 .st_top_item {
    margin-top: 20px;
  }

  body.LN000002 .st_top_tm {
    margin-top: 15px;
  }

  body.LN000002 .st_top_sm {
    margin-top: 10px;
  }

  body.LN000002 .st_top_ssm {
    margin-top: 10px;
  }
}

body.LN000002 .title.style_line h4, body.LN000002 .title.style_line h3 {
  line-height: 1.2;
}

body.LN000002 .tab-wrap .tab-list > li .btn-area a .tab_name {
  font-family: "Noto Sans JP";
}

body.LN000002 .tab_subcon-wrap .tabitem {
  display: none;
}

body.LN000002 .tab_subcon-wrap .tabitem.on {
  display: block;
}

body.LN000002 .company {
 /* 2중탭  CPN-03-02-01.html, CPN-03-02-02.html */ /* 재무정보-재무제표 */ /*  히스토리  */;
}

body.LN000002 .company .tab-list.tab_item2 {
  width: 500px;
}

body.LN000002 .company .tab-wrap.tab_typesub-wrap .tab-area .tab_item1_2 {
  width: 320px;
  margin-left: -60px;
}

body.LN000002 .company .tab-wrap.tab_typesub-wrap .tab-area .tab_item2 {
  width: 320px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company .tab-list.tab_item2 {
    width: 100%;
  }

  body.LN000002 .company .tab-wrap.tab_typesub-wrap .tab-area {
    width: 100%;
    margin: 5px 0 0;
  }

  body.LN000002 .company .tab-wrap.tab_typesub-wrap .tab-area .tab_item2 {
    width: 100%;
  }
}

body.LN000002 .company .list-wrap .graph_list .item_article .data_tit em {
  height: 50px;
  white-space: normal;
  text-overflow: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company .list-wrap .graph_list .item_article .data_tit em {
    height: auto;
  }
}

@media screen and (max-width: 1200px) {
  body.LN000002 .company .company_brand-wrap .vm_unit-list .dt {
    padding-top: 15%;
    height: 35%;
    font-size: 17px;
  }

  body.LN000002 .company .company_brand-wrap .vm_unit-list .dd {
    top: 35%;
    height: 55%;
    font-size: 15px;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company .company_brand-wrap .vm_unit-list .dt {
    font-size: 14px;
  }

  body.LN000002 .company .company_brand-wrap .vm_unit-list .dd {
    font-size: 13px;
  }
}

body.LN000002 .brand .team-intro-tab .type_sports_m {
  padding-bottom: 65px;
}

body.LN000002 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 {
  width: 405px;
  margin-left: -250%;
  font-size: 0;
}

body.LN000002 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 > .trp-tabitem {
  display: inline-block;
  width: auto;
}

body.LN000002 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 > .trp-tabitem a {
  padding: 1px 20px 0;
  text-align: center;
}

body.LN000002 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 > .trp-tabitem a:after {
  left: 0;
}

body.LN000002 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 {
  width: 216px;
  margin-left: 160%;
  font-size: 0;
}

body.LN000002 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 > .trp-tabitem {
  display: inline-block;
  width: auto;
}

body.LN000002 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 > .trp-tabitem a {
  padding: 1px 20px 0;
  text-align: center;
}

body.LN000002 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 > .trp-tabitem a:after {
  left: 0;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .brand .team-intro-tab .tab-area {
    display: block;
    width: auto;
    min-width: auto;
  }

  body.LN000002 .brand .team-intro-tab .tab_typesub-wrap {
    display: block;
    width: auto;
    margin: 0;
  }

  body.LN000002 .brand .team-intro-tab .tab_typesub-wrap .tab-area {
    margin: 5px 0 0;
    height: 40px;
  }

  body.LN000002 .brand .team-intro-tab .type_sports_m {
    padding-bottom: 55px;
  }

  body.LN000002 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 {
    width: 349px;
    margin-left: 0;
  }

  body.LN000002 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 {
    width: 191px;
    margin-left: 0;
  }
}

body.LN000002 .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table th {
  width: 20%;
}

@media screen and (max-width: 1023px) {
  body.LN000002 {
 /* R&D */;
  }

  body.LN000002 .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table th {
    width: 25%;
  }
}

body.LN000002 .tirelabel_cont {
  text-align: center;
}

body.LN000002 .tirelabel_cont .img {
  position: relative;
  padding-right: 100px;
}

body.LN000002 .tirelabel_cont .img img {
  width: 194px;
}

body.LN000002 .tirelabel_cont .img .label-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}

body.LN000002 .tirelabel_cont .img .label-item:after {
  content: "";
  position: absolute;
  height: 1px;
  border-top: 1px solid #e5e5e5;
}

body.LN000002 .tirelabel_cont .img .label-item dl {
  border: 1px solid #e5e5e5;
  padding: 15px 30px;
  position: absolute;
}

body.LN000002 .tirelabel_cont .img .label-item dt {
  font-size: 20px;
  font-weight: bold;
}

body.LN000002 .tirelabel_cont .img .label-item dd {
  color: #5e5e5e;
  line-height: 1.6em;
  margin-top: 10px;
}

body.LN000002 .tirelabel_cont .img .label-item.type_a dl {
  top: 106px;
  left: calc( 50% - 472px);
  width: 270px;
  text-align: right;
}

body.LN000002 .tirelabel_cont .img .label-item.type_a:after {
  top: 204px;
  left: calc(50% - 203px);
  width: 105px;
}

body.LN000002 .tirelabel_cont .img .label-item.type_b dl {
  top: 306px;
  left: calc( 50% - 472px);
  width: 270px;
  text-align: right;
}

body.LN000002 .tirelabel_cont .img .label-item.type_b dd {
  margin-top: 0;
}

body.LN000002 .tirelabel_cont .img .label-item.type_b:after {
  top: 344px;
  left: calc(50% - 203px);
  width: 57px;
}

body.LN000002 .tirelabel_cont .img .label-item.type_c dl {
  top: 106px;
  left: calc( 50% + 100px);
  width: 365px;
  text-align: left;
}

body.LN000002 .tirelabel_cont .img .label-item.type_c:after {
  top: 190px;
  left: calc(50% + 42px);
  width: 60px;
}

body.LN000002 .tirelabel_cont .img .label-item.type_d dl {
  top: 246px;
  left: calc( 50% + 100px);
  width: 365px;
  text-align: left;
}

body.LN000002 .tirelabel_cont .img .label-item.type_d:after {
  top: 335px;
  left: calc(50% + 48px);
  width: 54px;
}

body.LN000002 .fuel {
  position: relative;
}

body.LN000002 .fuel i {
  position: absolute;
  top: 80px;
  left: 0;
}

body.LN000002 .fuel p {
  padding-left: 80px;
  margin-top: 30px;
}

body.LN000002 .fuel .fuel-box {
  border: 1px solid #e5e5e5;
  margin-left: 86px;
}

body.LN000002 .fuel .fuel-box .img {
  text-align: center;
}

body.LN000002 .fuel .fuel-box .img.colitem {
  width: 50%;
}

body.LN000002 .fuel .fuel-box .img img {
  width: 340px;
}

body.LN000002 .fuel .fuel-box .img img.type_a {
  width: 432px;
}

body.LN000002 .fuel .fuel-box dl {
  margin-top: 60px;
  padding-right: 30px;
}

body.LN000002 .fuel .fuel-box dl dt {
  font-size: 20px;
  font-weight: bold;
}

body.LN000002 .fuel .fuel-box dl dd {
  color: #5e5e5e;
  margin-top: 10px;
  line-height: 1.6em;
}

body.LN000002 .noise-box {
  border: 1px solid #e5e5e5;
  padding: 30px;
  color: #5e5e5e;
  margin-left: 86px;
}

body.LN000002 .noise-box ul li + li {
  margin-top: 20px;
}

body.LN000002 .noise-box ul li {
  position: relative;
  padding-left: 45px;
  line-height: 1.6em;
}

body.LN000002 .noise-box ul li .ico_noise {
  position: absolute;
  top: 3px;
  left: 0;
}

body.LN000002 .infobox {
  background-color: #f6f6f6;
  text-align: center;
  padding: 40px;
}

body.LN000002 .infobox p {
  color: #5e5e5e;
  padding: 0;
  margin-top: 0;
}

body.LN000002 .infobox i {
  position: relative;
  top: auto;
  left: auto;
  padding-left: 7px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .tirelabel_cont {
    text-align: center;
  }

  body.LN000002 .tirelabel_cont .img {
    position: relative;
    padding-right: 0;
  }

  body.LN000002 .tirelabel_cont .img img {
    width: 145px;
  }

  body.LN000002 .tirelabel_cont .img .label-item {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    margin-top: 10px;
  }

  body.LN000002 .tirelabel_cont .img .label-item:after {
    display: none;
  }

  body.LN000002 .tirelabel_cont .img .label-item dl {
    border: 1px solid #e5e5e5;
    padding: 15px 20px 15px 45px;
    position: relative;
    top: auto;
    left: auto;
  }

  body.LN000002 .tirelabel_cont .img .label-item dt {
    font-size: 14px;
    font-weight: bold;
    position: relative;
  }

  body.LN000002 .tirelabel_cont .img .label-item dt .ico_num {
    position: absolute;
    top: 0;
    left: -25px;
  }

  body.LN000002 .tirelabel_cont .img .label-item dt .ico_num img {
    width: 20px;
  }

  body.LN000002 .tirelabel_cont .img .label-item dd {
    color: #5e5e5e;
    line-height: 1.6em;
    margin-top: 5px;
    font-size: 13px;
  }

  body.LN000002 .tirelabel_cont .img .label-item.type_a {
    margin-top: 20px;
  }

  body.LN000002 .tirelabel_cont .img .label-item.type_a dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000002 .tirelabel_cont .img .label-item.type_b dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000002 .tirelabel_cont .img .label-item.type_b dd {
    margin-top: 0;
  }

  body.LN000002 .tirelabel_cont .img .label-item.type_c dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000002 .tirelabel_cont .img .label-item.type_d dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000002 .fuel i {
    position: relative;
    top: 0;
    margin-top: 10px;
    display: block;
  }

  body.LN000002 .fuel p {
    padding-left: 0px;
    margin-top: 10px;
  }

  body.LN000002 .fuel .fuel-box {
    border: 1px solid #e5e5e5;
    margin-left: 0px;
  }

  body.LN000002 .fuel .fuel-box .colitem {
    float: none;
    width: 100%;
  }

  body.LN000002 .fuel .fuel-box .img {
    text-align: center;
  }

  body.LN000002 .fuel .fuel-box .img.colitem {
    float: none;
    width: 100%;
  }

  body.LN000002 .fuel .fuel-box .img img {
    width: 330px;
  }

  body.LN000002 .fuel .fuel-box .img img.type_a {
    width: 330px;
  }

  body.LN000002 .fuel .fuel-box dl {
    margin-top: 0px;
    padding: 20px;
    padding-top: 0;
  }

  body.LN000002 .fuel .fuel-box dl dt {
    font-size: 14px;
  }

  body.LN000002 .fuel .fuel-box dl dd {
    margin-top: 10px;
    line-height: 1.6em;
    font-size: 13px;
  }

  body.LN000002 .noise-box {
    padding: 20px;
    margin-left: 0px;
  }

  body.LN000002 .noise-box ul li + li {
    margin-top: 10px;
  }

  body.LN000002 .noise-box ul li {
    position: relative;
    padding-left: 40px;
    line-height: 1.6em;
    font-size: 13px;
  }

  body.LN000002 .noise-box ul li .ico_noise {
    position: absolute;
    top: -7px;
    left: 0;
  }

  body.LN000002 .noise-box ul li .ico_noise img {
    width: 25px;
  }

  body.LN000002 .infobox {
    padding: 20px;
  }

  body.LN000002 .infobox p {
    font-size: 13px;
  }

  body.LN000002 .infobox .icon-bt_arrow {
    position: relative;
    top: -6px;
    left: auto;
    padding-left: 7px;
    display: inline-block;
  }
}

body.LN000002 .company_policy-wrap .innovation .bottom .row_line1-list > li {
  width: 200px;
}

body.LN000002 .company_policy-wrap .innovation .bottom .row_line1-list .tit {
  height: 105px;
  padding-top: 15px;
}

body.LN000002 .company_policy-wrap .innovation .bottom .row_line1-list .icon_inno_arrow {
  top: 42px;
}

body.LN000002 .company_policy-wrap .innovation .bottom .itme-list {
  margin-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

body.LN000002 .company_policy-wrap .innovation .bottom .itme-list .tit {
  font-size: 18px;
}

body.LN000002 .company_policy-wrap .innovation .bottom .itme-list li {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company_policy-wrap .innovation .bottom .row_line1-list > li {
    width: 200px;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom .row_line1-list > li + li {
    margin-left: 0px;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom .row_line1-list .tit {
    height: 85px;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom .row_line1-list .icon_inno_arrow {
    top: auto;
    bottom: -25px;
    right: 0px;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul > li {
    text-align: center;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom .itme-list {
    margin-top: 15px;
    font-size: 13px;
    line-height: 19px;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom .itme-list .tit {
    display: inline-block;
    font-size: 14px;
  }
}

body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box dt {
  line-height: 1.5em;
  padding: 10px;
}

body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box dd {
  height: 265px;
}

body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box.long dd {
  height: 370px;
}

body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box.middle dd {
  height: 300px;
}

body.LN000002 .company_policy-wrap .define-box_set .circle_intro.col3core {
  width: calc( 100% + 20px);
  margin-top: 0;
  margin-left: -10px;
}

body.LN000002 .company_policy-wrap .define-box_set .circle_intro.col3core > li {
  width: 33.3333%;
  padding: 0 10px;
}

body.LN000002 .company_policy-wrap .define-box_set .circle_intro.col3core > li .circle-bg span {
  margin-top: 20px;
  padding-top: 72px;
}

body.LN000002 .company_policy-wrap .define-box_set .circle_intro.col3core > li .desc {
  padding: 20px 12px 20px 18px;
}

body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box dt {
  height: 80px;
  padding: 10px;
  line-height: 60px;
}

body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box dt.type_a {
  line-height: 1.5em;
}

body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box dd {
  height: 265px;
  padding: 21px 20px 32px 20px;
}

body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box.long dd {
  height: 360px;
}

body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box.middle dd {
  height: 330px;
}

body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box.short dd {
  height: 250px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box dd {
    height: auto;
  }

  body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box.long dd {
    height: auto;
    min-height: 0;
  }

  body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box.middle dd {
    height: auto;
    min-height: 0;
  }

  body.LN000002 .company_policy-wrap .define-box_set .circle_intro.col3core {
    width: 100%;
    margin-left: 0px;
  }

  body.LN000002 .company_policy-wrap .define-box_set .circle_intro.col3core > li:first-child {
    margin-top: 0;
  }

  body.LN000002 .company_policy-wrap .define-box_set .circle_intro.col3core > li {
    width: 100%;
    padding: 0 0px;
    margin-top: 40px;
  }

  body.LN000002 .company_policy-wrap .define-box_set .circle_intro.col3core > li .circle-bg span {
    margin-top: 0px;
    padding-top: 38px;
  }

  body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box dt {
    height: auto;
    line-height: 1.5em;
  }

  body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box dd {
    height: auto;
  }

  body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box.long dd {
    height: auto;
    min-height: 0;
  }

  body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box.middle dd {
    height: auto;
    min-height: 0;
  }

  body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box.short dd {
    height: auto;
    min-height: 0;
  }
}

body.LN000002 .company_policy-wrap .company_policy-block .rule-box h4 {
  line-height: 1.5em;
}

body.LN000002 .company_policy-wrap .company_policy-block .con-body ol li {
  color: #5e5e5e;
  line-height: 1.5em;
}

body.LN000002 .company_policy-wrap .company_policy-block .con-body ol li + li {
  margin-top: 5px;
}

body.LN000002 .num-list li {
  position: relative;
  padding-left: 30px;
}

body.LN000002 .num-list li em.num {
  position: absolute;
  top: 0px;
  left: 0;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company_policy-wrap .company_policy-block .con-body ol li {
    line-height: 1.5em;
    font-size: 13px;
  }

  body.LN000002 .company_policy-wrap .company_policy-block .con-body ol li + li {
    margin-top: 5px;
  }

  body.LN000002 .num-list li {
    position: relative;
    padding-left: 30px;
  }

  body.LN000002 .num-list li em.num {
    position: absolute;
    top: 0px;
    left: 0;
  }
}

body.LN000002 .report_down span {
  margin-right: 20px;
}

body.LN000002 .Environment {
  text-align: center;
}

body.LN000002 .Environment .title {
  font-size: 30px;
  color: #e50013;
  font-weight: bold;
}

body.LN000002 .Environment .desc {
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 500;
}

body.LN000002 .Environment .ridus_title {
  background-color: #ff8e88;
  font-size: 20px;
  color: #ffffff;
  height: 60px;
  width: 900px;
  margin: 40px auto;
  padding-top: 15px;
  border-radius: 50px;
}

body.LN000002 .Environment .ridus_title.red_item {
  background-color: #ff4250;
}

body.LN000002 .Environment ul {
  max-width: 950px;
  margin: 0 auto;
}

body.LN000002 .Environment ul li {
  padding: 0 10px 0;
}

body.LN000002 .Environment ul li dt {
  font-size: 18px;
  line-height: 2.5em;
  font-weight: 500;
  background-color: #f6f6f6;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-top: 2px solid #000;
}

body.LN000002 .Environment ul li dd {
  border: 1px solid #e5e5e5;
  padding: 20px;
  line-height: 1.7em;
  height: 177px;
  color: #5e5e5e;
}

body.LN000002 .activity_cont .con-body .cont.type_a {
  position: relative;
  padding-right: 200px;
}

body.LN000002 .activity_cont .con-body .cont.type_a img {
  position: absolute;
  top: 25px;
  right: 0;
}

body.LN000002 .company_policy-wrap .company_sub_policy.non_tit {
  margin-top: 30px;
}

body.LN000002 .company_policy-wrap .company_sub_policy .cont_sub {
  text-align: center;
}

body.LN000002 .company_policy-wrap .company_sub_policy .cont_sub h5 {
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #000;
}

body.LN000002 .company_policy-wrap .company_sub_policy .cont_sub p {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

body.LN000002 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box {
  height: 440px;
}

body.LN000002 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
  height: 250px;
}

body.LN000002 .activity-box_set .col2 {
  width: 1020px;
  margin: 0 auto;
}

body.LN000002 .activity-box_set .col2 .colitem {
  padding: 0 20px;
}

body.LN000002 .activity-box_set .col2 .colitem .activity-box {
  border: 1px solid #e5e5e5;
}

body.LN000002 .activity-box_set .col2 .colitem .activity-box dl {
  padding: 30px;
}

body.LN000002 .activity-box_set .col2 .colitem .activity-box dl.long {
  height: 202px;
}

body.LN000002 .activity-box_set .col2 .colitem .activity-box dl dt {
  font-size: 20px;
  font-weight: bold;
}

body.LN000002 .activity-box_set .col2 .colitem .activity-box dl dd {
  color: #5e5e5e;
  line-height: 1.7em;
  margin-top: 15px;
}

body.LN000002 .company_policy-wrap .vision-table .td .txt.type_radius {
  background-color: #ff6772;
  color: #fff;
  padding: 15px 20px;
  border-radius: 50px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .report_down span {
    font-size: 13px;
  }

  body.LN000002 .report_down a {
    margin-top: 15px;
  }

  body.LN000002 .Environment .title {
    font-size: 20px;
  }

  body.LN000002 .Environment .desc {
    font-size: 13px;
    line-height: 1.4em;
  }

  body.LN000002 .Environment .ridus_title {
    font-size: 13px;
    height: 60px;
    width: 300px;
    margin: 20px auto;
    padding-top: 15px;
    border-radius: 50px;
  }

  body.LN000002 .Environment .ridus_title.red_item {
    background-color: #ff4250;
  }

  body.LN000002 .Environment img {
    max-width: 290px;
  }

  body.LN000002 .Environment ul li + li {
    margin-top: 30px;
  }

  body.LN000002 .Environment ul li {
    padding: 0;
    float: none;
    width: 100%;
  }

  body.LN000002 .Environment ul li dt {
    font-size: 14px;
  }

  body.LN000002 .Environment ul li dd {
    padding: 15px;
    height: 100%;
    font-size: 13px;
  }

  body.LN000002 .activity_cont .con-body .cont.type_a {
    position: relative;
    padding-right: 0px;
  }

  body.LN000002 .activity_cont .con-body .cont.type_a img {
    position: relative;
    top: 0;
    margin: 20px auto;
    display: block;
    width: 135px;
  }

  body.LN000002 .activity_cont .con-body .cont img {
    width: 249px;
  }

  body.LN000002 .company_policy-wrap .company_sub_policy.non_tit {
    margin-top: 20px;
  }

  body.LN000002 .company_policy-wrap .company_sub_policy .cont_sub h5 {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1;
  }

  body.LN000002 .company_policy-wrap .company_sub_policy .cont_sub p {
    font-size: 13px;
    line-height: 21px;
  }

  body.LN000002 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box {
    height: auto;
  }

  body.LN000002 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
    height: auto;
  }

  body.LN000002 .activity-box_set .col2 {
    width: 100%;
    margin: 0 auto;
    max-width: 402px;
  }

  body.LN000002 .activity-box_set .col2 .colitem + .colitem {
    margin-top: 20px;
  }

  body.LN000002 .activity-box_set .col2 .colitem {
    padding: 0px;
    float: none;
    width: 100%;
  }

  body.LN000002 .activity-box_set .col2 .colitem .activity-box {
    border: 1px solid #e5e5e5;
  }

  body.LN000002 .activity-box_set .col2 .colitem .activity-box img {
    width: 100%;
    max-width: 400px;
  }

  body.LN000002 .activity-box_set .col2 .colitem .activity-box dl {
    padding: 15px;
    height: auto;
  }

  body.LN000002 .activity-box_set .col2 .colitem .activity-box dl.long {
    height: auto;
  }

  body.LN000002 .activity-box_set .col2 .colitem .activity-box dl dt {
    font-size: 14px;
  }

  body.LN000002 .activity-box_set .col2 .colitem .activity-box dl dd {
    line-height: 1.7em;
    margin-top: 15px;
    font-size: 13px;
  }
}

body.LN000002 .view-wrap .file-area .files dt {
  width: 160px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .view-wrap .file-area .files dt {
    width: 125px;
  }
}

body.LN000002 .general_guarantee-wrap .general_guarantee-list ul > li > ul > li {
  padding-left: 10px;
  text-indent: -0.5em;
}

body.LN000002 .faq_box-list .box-head {
  padding: 0 55px 0 180px;
}

body.LN000002 .faq_box-list .box-head .box-type {
  width: 180px;
}

body.LN000002 .faq_box-list .box-body p {
  word-wrap: break-word;
  word-break: keep-all;
}

body.LN000002 .faq_box-list .box-body p.p + p.p {
  margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .faq_box-list .box-head {
    padding: 13px 40px 13px 32px;
  }

  body.LN000002 .faq_box-list .box-head .box-type {
    width: auto;
  }

  body.LN000002 .faq_box-list .box-body p.p + p.p {
    margin-top: 10px;
  }
}

body.LN000002 .customer_guide.full {
  position: relative;
}

body.LN000002 .customer_guide.full .inner {
  background: url(/resources/images/service/bg_customer_guide_left.png) no-repeat left top;
  background-size: 600px auto;
}

body.LN000002 .customer_guide.full .qna-box {
  float: none;
  margin: 0 auto;
  width: 50%;
}

body.LN000002 .customer_guide.full .qna-box::before {
  display: none;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .customer_guide.full {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_right-mb.png) no-repeat right bottom;
    background-size: 121px auto;
  }

  body.LN000002 .customer_guide.full .inner {
    background: url(/resources/images/service/bg_customer_guide_left-mb.png) no-repeat left top;
    background-size: 121px auto;
  }

  body.LN000002 .customer_guide.full .qna-box {
    float: none;
    margin: 0 auto;
    width: 250px;
    background: none;
    border-top: 0;
  }
}

body.LN000002 .company {
 /* ========= company_brand new ==========*/;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company .company_brand-wrap .circle_round-layout.mb-mm {
    margin-bottom: 160px;
  }

  body.LN000002 .company .company_brand-wrap .circle_round-layout.mb-mmm {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company .company_brand-wrap .circle-box.s_md {
    width: 80px;
    height: 80px;
  }

  body.LN000002 .company .company_brand-wrap .circle-box .icon {
    display: block;
    margin-top: -5px;
    text-align: center;
  }

  body.LN000002 .company .company_brand-wrap .circle-box .icon img {
    width: 40px;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company .company_brand-wrap .round-box.s_md {
    min-height: 80px;
    padding: 15px 20px 15px 70px;
  }

  body.LN000002 .company .company_brand-wrap .round-box.mt-mm {
    margin-top: 0px;
  }

  body.LN000002 .company .company_brand-wrap .round-box .txt {
    font-size: 11px;
  }

  body.LN000002 .company .company_brand-wrap .round-box .txt_p {
    font-size: 12px;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company .company_brand-wrap .img_circle-area .img_circle-list .circle-article .txt {
    font-size: 11px;
  }
}

body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .typo {
  top: 30px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list {
  position: absolute;
  top: 240px;
  width: 130px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p1 {
  left: 20px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p2 {
  left: 170px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p3 {
  left: 40px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p4 {
  left: 190px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list li {
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  color: #5e5e5e;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle {
  line-height: 320px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.big {
  width: 320px;
  height: 320px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.big > span {
  margin-top: 90px;
  font-size: 30px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.md {
  width: 140px;
  height: 140px;
  margin: 0 5px;
  line-height: 140px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.md > span {
  font-size: 22px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.sm {
  width: 120px;
  height: 120px;
  margin: 0 5px;
  line-height: 120px;
}

body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.sm > span {
  font-size: 18px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company .company_brand-wrap .big_circle-area .big_circle-list .colitem {
    width: 230px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .big_circle-list .colitem + .colitem {
    margin-top: 40px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .typo {
    position: absolute;
    top: 18px;
    width: 100%;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .typo .tit {
    font-size: 14px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .typo .desc {
    font-size: 11px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list {
    position: absolute;
    top: 170px;
    width: 110px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p1 {
    left: 10px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p2 {
    left: 130px;
    width: 120px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p3 {
    left: 10px;
    width: 120px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p4 {
    left: 140px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list li {
    font-size: 12px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle {
    line-height: 230px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle span {
    color: #fff;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.big.rrr {
    width: 150px;
    height: 150px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.big {
    width: 230px;
    height: 230px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.big > span {
    display: block;
    margin-top: 35px;
    font-size: 17px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.md {
    width: 95px;
    height: 95px;
    margin: 0 2px;
    line-height: 95px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.md > span {
    font-size: 13px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.sm {
    width: 90px;
    height: 90px;
    margin: 0 2px;
    line-height: 90px;
  }

  body.LN000002 .company .company_brand-wrap .big_circle-area .sim_circle.sm > span {
    font-size: 13px;
  }
}

body.LN000002 .company .company_policy-block .doc-block .doc_cont-block {
  margin-top: 60px;
}

body.LN000002 .company .company_policy-block .doc-block .doc_cont-block .fb {
  font-weight: bold;
}

body.LN000002 .company .company_policy-block .doc-block .doc_cont-block p {
  margin-top: 25px;
  color: #5e5e5e;
  line-height: 1.8;
}

body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ol > li, body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ul > li {
  color: #5e5e5e;
  line-height: 1.8;
  margin-top: 25px;
}

body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ol > li ol.mk, body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ol > li ul.mk, body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ul > li ol.mk, body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ul > li ul.mk {
  padding-left: 0.8em;
}

body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ol > li ol.mk li, body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ol > li ul.mk li, body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ul > li ol.mk li, body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ul > li ul.mk li {
  margin-top: 0px;
}

body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ol.mk > li em, body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ul.mk > li em {
  color: #000;
  font-weight: 500;
}

body.LN000002 .company .company_policy-block .doc-block .doc_cont-block.new_block {
  color: #5e5e5e;
  line-height: 1.8;
}

body.LN000002 .company .company_policy-block .doc-block .doc_cont-block.new_block ul > li {
  margin-top: 20px;
  padding-left: 0px;
}

body.LN000002 .company .company_policy-block .doc-block .doc_cont-block.new_block ul > li ul > li {
  margin-top: 0px;
}

body.LN000002 .company .company_policy-block .doc-block .table-wrap {
  padding: 0 0 15px 0;
}

body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body {
  margin-top: 15px;
}

body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body th {
  font-size: 18px;
  height: 48px;
  color: black;
  border-right: 1px solid #e5e5e5;
}

body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body th:last-child {
  border-right: 0px;
}

body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body td {
  color: black;
  height: 85px;
  line-height: 1.5;
  border-right: 1px solid #e5e5e5;
}

body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body td:last-child {
  border-right: 0px;
}

body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body .left_range {
  text-align: left;
  padding: 0 20px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company .company_policy-block .doc-block .doc_cont-block {
    margin-top: 35px;
  }

  body.LN000002 .company .company_policy-block .doc-block .doc_cont-block p {
    margin-top: 12px;
    color: #5e5e5e;
    font-size: 13px;
    line-height: 1.7;
  }

  body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ol > li {
    color: #5e5e5e;
    line-height: 1.7;
    margin-top: 12px;
    font-size: 13px;
  }

  body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ul > li {
    padding-left: 10px;
  }

  body.LN000002 .company .company_policy-block .doc-block .doc_cont-block ul > li em {
    color: #000;
    font-weight: 500;
  }

  body.LN000002 .company .company_policy-block .doc-block .doc_cont-block.new_block {
    color: #5e5e5e;
    line-height: 1.7;
    font-size: 13px;
  }

  body.LN000002 .company .company_policy-block .doc-block .doc_cont-block.new_block ul > li {
    margin-top: 12px;
    padding-left: 0px;
  }

  body.LN000002 .company .company_policy-block .doc-block .doc_cont-block.new_block ul > li ul > li {
    margin-top: 0px;
  }

  body.LN000002 .company .company_policy-block .doc-block .table-wrap {
    padding: 0 0 15px 0;
  }

  body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body {
    margin-top: 15px;
  }

  body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body th {
    font-size: 13px;
    height: 48px;
    color: black;
    border-right: 1px solid #e5e5e5;
  }

  body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body th:last-child {
    border-right: 0px;
  }

  body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body td {
    color: black;
    height: 85px;
    line-height: 1.5;
    border-right: 1px solid #e5e5e5;
  }

  body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body td:last-child {
    border-right: 0px;
  }

  body.LN000002 .company .company_policy-block .doc-block .table-wrap .con-body .left_range {
    text-align: left;
    padding: 0 20px;
  }
}

body.LN000002 {
 /* 사회(Social) - 임직원(employees) */ /* 사회(Social) - 안전보건(Safety and Health) */ /* 사회(Social) - 품질경영(Quality Management) */ /* 가버넌스 */;
}

body.LN000002 .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_resources > li {
  width: 25%;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-human_resources > li {
    width: 50%;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000002 .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(3) .circle_intro-box .desc.head_line2 .desc-head {
    min-height: 59px;
  }

  body.LN000002 .esg_social_exem-wrap .circle_infographics-area .circle_intro-list.type-executives > li:nth-child(4) .circle_intro-box .desc.head_line2 .desc-head {
    min-height: 59px;
  }
}

body.LN000002 .company_policy-wrap {
  margin-top: 80px;
}

body.LN000002 .company_policy-wrap .company_policy-block + .company_policy-block {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

body.LN000002 .company_policy-wrap .circle_intro {
  max-width: 1093px;
  margin: 70px auto 0;
}

body.LN000002 .company_policy-wrap .circle_intro:after {
  content: "";
  display: table;
  clear: both;
}

body.LN000002 .company_policy-wrap .circle_intro > li {
  float: left;
  width: 25%;
  padding: 0 5px;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box {
  max-width: 259px;
  margin: 0 auto;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg {
  background: url(/resources/images/company/bg_policy_2_1.png) no-repeat;
  width: 192px;
  height: 230px;
  margin: 0 auto;
  text-align: center;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type2 {
  background-image: url(/resources/images/company/bg_policy_2_2.png);
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type3 {
  background-image: url(/resources/images/company/bg_policy_2_3.png);
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type4 {
  background-image: url(/resources/images/company/bg_policy_2_4.png);
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type5 {
  background-image: url(/resources/images/company/bg_policy_2_5.png);
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.red {
  background-image: url(/resources/images/company/bg_circle_red_sm.png);
  width: 140px;
  height: 171px;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.gray {
  background-image: url(/resources/images/company/bg_circle_gray_sm.png);
  width: 140px;
  height: 171px;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding-top: 58px;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg span i {
  display: block;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg {
  width: 220px;
  height: 125px;
  margin: 0 auto;
  background: url(/resources/images/company/bg_policy_3_1.png) no-repeat;
  text-align: center;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type2 {
  background-image: url(/resources/images/company/bg_policy_3_2.png);
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type3 {
  background-image: url(/resources/images/company/bg_policy_3_3.png);
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type4 {
  background-image: url(/resources/images/company/bg_policy_3_4.png);
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span {
  font-weight: normal;
  display: block;
  text-align: center;
  padding: 25px;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span i {
  display: block;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc {
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
  padding: 20px 20px;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
  top: 13.5px;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc.has-tit {
  padding-top: 0;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc.none-tit {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc h5 {
  background: #f6f6f6;
  font-size: 18px;
  line-height: 46px;
  color: #222;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -20px;
  text-align: center;
  margin-bottom: 20px;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box.sm {
  max-width: 173px;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box.sm .circle-bg span {
  padding-top: 48px;
}

body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box.sm .desc {
  padding: 20px 15px 30px;
}

body.LN000002 .company_policy-wrap .circle_intro.has-5 {
  margin: 0 -11px;
}

body.LN000002 .company_policy-wrap .circle_intro.has-5 > li {
  width: 20%;
  padding: 0 11px;
}

body.LN000002 .company_policy-wrap .circle_intro.has-4 {
  max-width: 1200px;
  margin: 0 auto;
}

body.LN000002 .company_policy-wrap .circle_intro.has-4 > li {
  position: relative;
  width: 25%;
  padding: 0 25px;
}

body.LN000002 .company_policy-wrap .circle_intro.has-4 .icon_inno_arrow {
  position: absolute;
  top: 210px;
  right: -5px;
}

body.LN000002 .company_policy-wrap .circle_intro.has-4 .circle_intro-box {
  max-width: 245px;
  margin: 0 auto;
}

body.LN000002 .company_policy-wrap .circle_intro.has-2 {
  max-width: 980px;
  margin: 0 auto;
}

body.LN000002 .company_policy-wrap .circle_intro.has-2 > li {
  width: 50%;
  padding: 0 15px;
}

body.LN000002 .company_policy-wrap .circle_intro.has-2 .circle_intro-box {
  max-width: 460px;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company_policy-wrap .circle_intro {
    position: relative;
    margin: 35px auto 0;
  }

  body.LN000002 .company_policy-wrap .circle_intro > li {
    float: left;
    width: 50%;
    padding: 0px 5px;
 /* & + li { margin-top: 40px; } */;
  }

  body.LN000002 .company_policy-wrap .circle_intro > li:nth-child(2) {
    margin-top: 0;
  }

  body.LN000002 .company_policy-wrap .circle_intro > li:nth-child(3), body.LN000002 .company_policy-wrap .circle_intro > li:nth-child(4) {
    margin-top: 40px;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box {
    max-width: none;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg {
    background: url(/resources/images/company/bg_policy_2_1_mb.png) no-repeat;
    width: 110px;
    height: 154.5px;
    margin: 0 auto;
    text-align: center;
    -webkit-background-size: cover;
    background-size: cover;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type2 {
    background-image: url(/resources/images/company/bg_policy_2_2_mb.png);
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type3 {
    background-image: url(/resources/images/company/bg_policy_2_3_mb.png);
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type4 {
    background-image: url(/resources/images/company/bg_policy_2_4_mb.png);
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.type5 {
    background-image: url(/resources/images/company/bg_policy_2_5_mb.png);
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.red {
    background-image: url(/resources/images/company/bg_circle_red_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg.gray {
    background-image: url(/resources/images/company/bg_circle_gray_sm-mb.png);
    width: 110px;
    height: 147px;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle-bg span {
    padding-top: 28px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -1px;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg {
    width: 210px;
    height: 102px;
    margin: 0 auto;
    background: url(/resources/images/company/bg_policy_3_1_mb.png) no-repeat;
    background-size: 100%;
    text-align: center;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type2 {
    background-image: url(/resources/images/company/bg_policy_3_2_mb.png);
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type3 {
    background-image: url(/resources/images/company/bg_policy_3_3_mb.png);
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg.type4 {
    background-image: url(/resources/images/company/bg_policy_3_4_mb.png);
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span {
    font-weight: normal;
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .circle_w-bg span i {
    display: block;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc {
    padding: 15px;
    min-height: auto;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc .mark_dot-list2 > li:after {
    top: 9px;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc.has-tit {
    padding-top: 0;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc.none-tit {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc h5 {
    background: #f6f6f6;
    font-size: 14px;
    line-height: 46px;
    color: #222;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 -15px;
    text-align: center;
    margin-bottom: 15px;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box .desc h5.line2 {
    padding: 10px 0;
    min-height: 46px;
    line-height: 1.3;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box.sm {
    max-width: none;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box.sm .circle-bg span {
    padding-top: 40px;
  }

  body.LN000002 .company_policy-wrap .circle_intro .circle_intro-box.sm .desc {
    padding: 15px 14px;
    min-height: 120px;
  }

  body.LN000002 .company_policy-wrap .circle_intro.has-5 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  body.LN000002 .company_policy-wrap .circle_intro.has-5 > li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 15px 5px;
    margin: 0 auto;
  }

  body.LN000002 .company_policy-wrap .circle_intro.has-5 > li:last-child {
    padding: 15px 5px 0;
    float: none;
    clear: both;
  }

  body.LN000002 .company_policy-wrap .circle_intro.has-4 {
    margin: 0 auto;
  }

  body.LN000002 .company_policy-wrap .circle_intro.has-4 > li {
    position: relative;
    width: 100%;
    padding: 0 0px;
  }

  body.LN000002 .company_policy-wrap .circle_intro.has-4 > li:nth-child(2), body.LN000002 .company_policy-wrap .circle_intro.has-4 > li:nth-child(3), body.LN000002 .company_policy-wrap .circle_intro.has-4 > li:nth-child(4) {
    margin-top: 40px;
  }

  body.LN000002 .company_policy-wrap .circle_intro.has-4 .icon_inno_arrow {
    position: absolute;
    top: auto;
    bottom: -25px;
    right: 50%;
    margin-right: -9px;
  }

  body.LN000002 .company_policy-wrap .circle_intro.has-4 .circle_intro-box {
    max-width: 320px;
    margin: 0 auto;
  }

  body.LN000002 .company_policy-wrap .circle_intro.has-2 {
    margin: 0 -5px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }

  body.LN000002 .company_policy-wrap .circle_intro.has-2 > li {
    display: inline-block;
    vertical-align: top;
 /* width: 100%; */
    padding: 15px 5px;
    margin: 0 auto;
  }
}

body.LN000002 .company_policy-wrap .define-box_set {
  margin-top: 20px;
  font-size: 0;
  line-height: 0;
  width: 976px;
  margin: 70px auto 0;
}

body.LN000002 .company_policy-wrap .define-box_set .define-box {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 2px solid #e50012;
  width: 312px;
  display: inline-block;
  vertical-align: top;
}

body.LN000002 .company_policy-wrap .define-box_set .define-box dt {
  font-size: 20px;
  line-height: 66px;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}

body.LN000002 .company_policy-wrap .define-box_set .define-box dd {
  background: #f6f6f6;
  padding: 32px 20px 32px 30px;
  height: 178px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

body.LN000002 .company_policy-wrap .define-box_set .define-box dd b {
  font-weight: 400;
  color: #000;
}

body.LN000002 .company_policy-wrap .define-box_set .define-box .mark_dot-list2 {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

body.LN000002 .company_policy-wrap .define-box_set .define-box .mark_dot-list2 > li:after {
  top: 13.5px;
}

body.LN000002 .company_policy-wrap .define-box_set .define-box + .define-box {
  margin-left: 20px;
}

body.LN000002 .company_policy-wrap .define-box_set .define-box.long dd {
  height: 232px;
}

body.LN000002 .company_policy-wrap .define-box_set .define-box.long_long dd {
  height: 260px;
}

@media screen and (max-width: 1200px) {
  body.LN000002 .company_policy-wrap .define-box_set .define-box.long_long dd {
    height: 310px;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company_policy-wrap .define-box_set .define-box.long_long dd {
    height: auto;
    min-height: auto;
  }
}

body.LN000002 .company_policy-wrap .define-box_set .define-box.middle dd {
  height: auto;
  min-height: 210px;
}

body.LN000002 .company_policy-wrap .define-box_set .define-box.small dd {
  height: auto;
  min-height: 180px;
}

body.LN000002 .company_policy-wrap .define-box_set.fullsize {
  width: 1110px;
  max-width: 100%;
}

body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box {
  width: calc( 33.33333333333% - 16px);
}

body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box + .define-box {
  margin-left: 24px;
}

@media screen and (max-width: 1200px) {
  body.LN000002 .company_policy-wrap .define-box_set {
    width: 100%;
  }

  body.LN000002 .company_policy-wrap .define-box_set .define-box {
    width: 301px;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company_policy-wrap .define-box_set {
    font-size: 0;
    line-height: 0;
    width: 100%;
    margin: 35px auto 0;
  }

  body.LN000002 .company_policy-wrap .define-box_set .define-box {
    width: 100%;
  }

  body.LN000002 .company_policy-wrap .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 50px;
  }

  body.LN000002 .company_policy-wrap .define-box_set .define-box dd {
    padding: 20px 15px;
    font-size: 13px;
    height: auto;
  }

  body.LN000002 .company_policy-wrap .define-box_set .define-box .mark_dot-list2 {
    font-size: 13px;
    line-height: 21px;
  }

  body.LN000002 .company_policy-wrap .define-box_set .define-box .mark_dot-list2 > li:after {
    top: 9px;
  }

  body.LN000002 .company_policy-wrap .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  body.LN000002 .company_policy-wrap .define-box_set .define-box.middle dd {
    height: auto;
    min-height: auto;
  }

  body.LN000002 .company_policy-wrap .define-box_set .define-box.long dd {
    height: auto;
  }

  body.LN000002 .company_policy-wrap .define-box_set .define-box.small dd {
    height: auto;
    min-height: auto;
  }

  body.LN000002 .company_policy-wrap .define-box_set.fullsize {
    width: 100%;
    max-width: 100%;
  }

  body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box {
    width: 100%;
  }

  body.LN000002 .company_policy-wrap .define-box_set.fullsize .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }
}

body.LN000002 .company_policy-wrap .vision-table {
  display: table;
  width: 950px;
  margin: 25px auto 0;
  table-layout: fixed;
}

body.LN000002 .company_policy-wrap .vision-table .tr {
  display: table-row;
}

body.LN000002 .company_policy-wrap .vision-table .tr.border_line .th, body.LN000002 .company_policy-wrap .vision-table .tr.border_line .td {
  border-bottom: 1px solid #e2e2e2;
}

body.LN000002 .company_policy-wrap .vision-table .th {
  display: table-cell;
  width: 150px;
  font-size: 20px;
  line-height: 28px;
  color: #222;
  font-weight: bold;
  padding: 15px 0;
}

body.LN000002 .company_policy-wrap .vision-table .td {
  display: table-cell;
  padding: 15px 0;
  width: auto;
}

body.LN000002 .company_policy-wrap .vision-table .td .txt {
  font-size: 20px;
  line-height: 28px;
  color: #e50012;
  text-align: center;
}

body.LN000002 .company_policy-wrap .vision-table.vision-table-block {
  margin-top: 0;
  display: block;
}

body.LN000002 .company_policy-wrap .vision-table.vision-table-block .tr, body.LN000002 .company_policy-wrap .vision-table.vision-table-block .th, body.LN000002 .company_policy-wrap .vision-table.vision-table-block .td {
  display: block;
  width: 100%;
}

body.LN000002 .company_policy-wrap .vision-table.vision-table-block .circle_intro {
  margin-top: 20px;
}

body.LN000002 .company_policy-wrap .vision-table .vision_img {
  text-align: center;
  font-size: 0;
  line-height: 0;
  padding: 15px 0 30px;
}

body.LN000002 .company_policy-wrap .vision-table .define-box_set {
  margin-top: 0;
  width: 100%;
}

body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box {
  width: calc(33.333333333333333% - 12px);
  border: 1px solid #e5e5e5;
  border-top: 2px solid #000;
}

body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box dt {
  font-size: 18px;
  line-height: 45px;
  background: #f6f6f6;
  border-color: #e5e5e5;
}

body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box dd {
  background: #fff;
  padding: 20px 12px 20px 18px;
  height: 180px;
}

body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box + .define-box {
  margin-left: 18px;
}

body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box.long dd {
  min-height: 380px;
  padding: 20px 10px 20px 16px;
}

body.LN000002 .company_policy-wrap .vision-table .icon-vision-arrow {
  margin: -10px auto 20px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company_policy-wrap .vision-table {
    display: block;
    width: 100%;
    margin: 17px auto 0;
  }

  body.LN000002 .company_policy-wrap .vision-table .tr {
    display: block;
    padding: 20px 0 20px;
  }

  body.LN000002 .company_policy-wrap .vision-table .tr.border_line {
    border-bottom: 1px solid #e2e2e2;
  }

  body.LN000002 .company_policy-wrap .vision-table .tr.border_line .th, body.LN000002 .company_policy-wrap .vision-table .tr.border_line .td {
    border-bottom: 0;
  }

  body.LN000002 .company_policy-wrap .vision-table .th {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
  }

  body.LN000002 .company_policy-wrap .vision-table .td {
    display: block;
    padding: 0;
    width: auto;
  }

  body.LN000002 .company_policy-wrap .vision-table .td .txt {
    font-size: 13px;
    line-height: 24px;
    color: #e50012;
    text-align: center;
  }

  body.LN000002 .company_policy-wrap .vision-table .vision_img {
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 20px 0;
  }

  body.LN000002 .company_policy-wrap .vision-table .vision_img img {
    width: 292px;
    max-width: 100%;
  }

  body.LN000002 .company_policy-wrap .vision-table .define-box_set {
    margin-top: 0;
    width: 100%;
    padding: 10px 0;
  }

  body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box {
    width: 100%;
  }

  body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box dt {
    font-size: 14px;
    line-height: 40px;
  }

  body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box dd {
    background: #fff;
    padding: 17px 12px;
    height: auto;
  }

  body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box + .define-box {
    margin-left: 0;
    margin-top: 30px;
  }

  body.LN000002 .company_policy-wrap .vision-table .define-box_set .define-box.long dd {
    height: auto;
    min-height: auto;
  }

  body.LN000002 .company_policy-wrap .vision-table .icon-vision-arrow {
    margin: -10px auto 20px;
  }

  body.LN000002 .company_policy-wrap .vision-table.vision-table-block .circle_intro {
    margin-top: 15px;
  }
}

body.LN000002 .company_policy-wrap .policy_img-box {
  margin-top: 80px;
}

body.LN000002 .company_policy-wrap .policy_img-box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company_policy-wrap .policy_img-box {
    margin-top: 35px;
  }

  body.LN000002 .company_policy-wrap .policy_img-box img {
    width: 100%;
    max-width: 292px;
  }
}

body.LN000002 .company_policy-wrap .innovation {
  margin-top: 60px;
}

body.LN000002 .company_policy-wrap .innovation .circle-box {
  text-align: center;
}

body.LN000002 .company_policy-wrap .innovation .circle-box ul {
  border: 1px solid #d9d9d9;
  padding: 24px 34px;
  -webkit-border-radius: 204px;
  -moz-border-radius: 204px;
  -ms-border-radius: 204px;
  border-radius: 204px;
  display: inline-block;
}

body.LN000002 .company_policy-wrap .innovation .circle-box ul:after {
  content: "";
  display: table;
  clear: both;
}

body.LN000002 .company_policy-wrap .innovation .circle-box ul li {
  float: left;
}

body.LN000002 .company_policy-wrap .innovation .circle-box ul li > div {
  width: 154px;
  height: 154px;
  -webkit-border-radius: 154px;
  -moz-border-radius: 154px;
  -ms-border-radius: 154px;
  border-radius: 154px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  background: #8c8c8c;
}

body.LN000002 .company_policy-wrap .innovation .circle-box ul li > div p {
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

body.LN000002 .company_policy-wrap .innovation .circle-box ul li > div:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 154px;
}

body.LN000002 .company_policy-wrap .innovation .circle-box ul li:nth-child(odd) > div {
  background: #8c8c8c;
}

body.LN000002 .company_policy-wrap .innovation .circle-box ul li:nth-child(even) > div {
  background: #ea3341;
}

body.LN000002 .company_policy-wrap .innovation .circle-box ul li + li {
  margin-left: 20px;
}

body.LN000002 .company_policy-wrap .innovation .top .desc {
  text-align: center;
  margin-top: 35px;
  font-size: 20px;
  line-height: 30px;
  color: #000;
}

body.LN000002 .company_policy-wrap .innovation .bottom {
  margin-top: 75px;
  text-align: center;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul {
  display: inline-block;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul:after {
  content: "";
  display: table;
  clear: both;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul > li {
  width: 200px;
  float: left;
  position: relative;
  text-align: left;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul > li + li {
  margin-left: 50px;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul > li .tit {
  height: 72px;
  -webkit-border-radius: 72px;
  -moz-border-radius: 72px;
  -ms-border-radius: 72px;
  border-radius: 72px;
  background: #ff868f;
  text-align: center;
  padding-top: 10px;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul > li .tit i, body.LN000002 .company_policy-wrap .innovation .bottom > ul > li .tit span {
  display: block;
  color: #fff;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul > li .tit i {
  font-size: 14px;
  line-height: 20px;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul > li .tit span {
  font-size: 20px;
  font-weight: 500;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul > li:nth-child(1) .tit {
  background: #ff868f;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul > li:nth-child(2) .tit {
  background: #ff6772;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul > li:nth-child(3) .tit {
  background: #ff4250;
}

body.LN000002 .company_policy-wrap .innovation .bottom > ul > li:nth-child(4) .tit {
  background: #ea3341;
}

body.LN000002 .company_policy-wrap .innovation .bottom .mark_dot-list {
  margin-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

body.LN000002 .company_policy-wrap .innovation .bottom .icon_inno_arrow {
  position: absolute;
  top: 25.5px;
  right: -31px;
}

@media screen and (max-width: 1023px) {
  body.LN000002 .company_policy-wrap .innovation {
    margin-top: 30px;
  }

  body.LN000002 .company_policy-wrap .innovation .circle-box {
    max-width: 260px;
    margin: 0 auto;
  }

  body.LN000002 .company_policy-wrap .innovation .circle-box ul {
    padding: 7px 9px;
    -webkit-border-radius: 72px;
    -moz-border-radius: 72px;
    -ms-border-radius: 72px;
    border-radius: 72px;
  }

  body.LN000002 .company_policy-wrap .innovation .circle-box ul:after {
    content: "";
    display: table;
    clear: both;
  }

  body.LN000002 .company_policy-wrap .innovation .circle-box ul li {
    float: left;
    width: 50%;
    padding: 12px 10px;
  }

  body.LN000002 .company_policy-wrap .innovation .circle-box ul li > div {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
  }

  body.LN000002 .company_policy-wrap .innovation .circle-box ul li > div p {
    font-size: 13px;
    line-height: 19px;
  }

  body.LN000002 .company_policy-wrap .innovation .circle-box ul li > div:before {
    height: 100px;
  }

  body.LN000002 .company_policy-wrap .innovation .circle-box ul li + li {
    margin-left: 0;
  }

  body.LN000002 .company_policy-wrap .innovation .circle-box ul li:nth-child(odd) > div {
    background: #8c8c8c;
    float: left;
  }

  body.LN000002 .company_policy-wrap .innovation .circle-box ul li:nth-child(even) > div {
    background: #ea3341;
    float: right;
  }

  body.LN000002 .company_policy-wrap .innovation .top .desc {
    margin-top: 26px;
    font-size: 13px;
    line-height: 21px;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom {
    margin-top: 30px;
    text-align: center;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul {
    display: inline-block;
    text-align: left;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul > li {
    width: 100%;
    float: none;
    position: relative;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul > li + li {
    margin-left: 0;
    margin-top: 40px;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul > li .tit {
    width: 200px;
    height: 52px;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    border-radius: 52px;
    padding-top: 6px;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul > li .tit i {
    font-size: 13px;
    line-height: 19px;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul > li .tit span {
    font-size: 14px;
    font-weight: 500;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul > li:nth-child(1) .tit {
    background: #ff868f;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul > li:nth-child(2) .tit {
    background: #ff6772;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul > li:nth-child(3) .tit {
    background: #ff4250;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom > ul > li:nth-child(4) .tit {
    background: #ea3341;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom .mark_dot-list {
    margin-top: 15px;
    font-size: 13px;
    line-height: 19px;
  }

  body.LN000002 .company_policy-wrap .innovation .bottom .icon_inno_arrow {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -25px;
    left: 50%;
    margin-left: -9px;
  }
}

body.LN000002 .esg_governance_policy-wrap .mark-list {
  margin-top: 60px;
}

body.LN000002 .esg_governance_policy-wrap .mark-list li {
  position: relative;
  padding-left: 2em;
  text-indent: 0;
  font-size: 16px;
  line-height: 1.9;
  color: #5e5e5e;
}

body.LN000002 .esg_governance_policy-wrap .mark-list li strong {
  position: absolute;
  left: 0;
  font-weight: normal;
}

body.LN000002 .esg_governance_policy-wrap .rule-box h4 {
  line-height: 1.3;
}

/* 언어코드  : LN000003  se */
body.LN000003 .main {
 /* [2020-1126 main skin] */ /* // [2020-1126 main skin] */ /* [2021-0808] 변경 */;
}

body.LN000003 .main #header .gnb-wrap {
  background-color: transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 0, 0, 0));
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: initial;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

body.LN000003 .main #header .gnb-wrap .logo .imgfull {
  background: url(/resources/images/common/menu_logo-w.svg) center no-repeat;
}

body.LN000003 .main #header .gnb-wrap .icon-gnb_lang:after {
  width: 20px;
  height: 20px;
  background-position: -396px -446px;
}

body.LN000003 .main #header .gnb-wrap .icon-gnb_sitemap:after {
  width: 20px;
  height: 20px;
  background-position: 0px -545px;
}

body.LN000003 .main #header .gnb-wrap .menu .menu-list a {
  color: #fff;
}

body.LN000003 .main #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
  color: #fff;
}

body.LN000003 .main #header.scroll_on, body.LN000003 .main #header.hover_on {
 /*  GNB  */ /* sub_menu */ /* 언어 팩 */ /* 햄버거 메뉴  */ /* location */;
}

body.LN000003 .main #header.scroll_on .gnb-wrap, body.LN000003 .main #header.hover_on .gnb-wrap {
  background-color: rgba(242, 242, 242, 0.55);
  background-image: none;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: initial;
}

body.LN000003 .main #header.scroll_on .gnb-wrap .logo .imgfull, body.LN000003 .main #header.hover_on .gnb-wrap .logo .imgfull {
  background: url(/resources/images/common/menu_logo.svg) center no-repeat;
}

body.LN000003 .main #header.scroll_on .gnb-wrap .icon-gnb_lang:after, body.LN000003 .main #header.hover_on .gnb-wrap .icon-gnb_lang:after {
  width: 20px;
  height: 20px;
  background-position: -356px -446px;
}

body.LN000003 .main #header.scroll_on .gnb-wrap .icon-gnb_sitemap:after, body.LN000003 .main #header.hover_on .gnb-wrap .icon-gnb_sitemap:after {
  width: 20px;
  height: 20px;
  background-position: -476px -446px;
}

body.LN000003 .main #header.scroll_on .gnb-wrap .menu .menu-list a, body.LN000003 .main #header.hover_on .gnb-wrap .menu .menu-list a {
  color: #4a4a49;
}

body.LN000003 .main #header.scroll_on .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn, body.LN000003 .main #header.hover_on .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
  color: #000;
}

body.LN000003 .main #header.scroll_on .sub_menu-area, body.LN000003 .main #header.hover_on .sub_menu-area {
  background-color: rgba(230, 230, 230, 0.55);
  border-color: rgba(230, 230, 230, 0);
}

body.LN000003 .main #header.scroll_on .sub_menu-area .sub-list, body.LN000003 .main #header.hover_on .sub_menu-area .sub-list {
  border-color: rgba(1, 1, 1, 0.3);
}

body.LN000003 .main #header.scroll_on .sub_menu-area .sub-list li a, body.LN000003 .main #header.hover_on .sub_menu-area .sub-list li a {
  color: #222222;
}

body.LN000003 .main #header.scroll_on .sub_menu-area .sub-list li a:hover, body.LN000003 .main #header.hover_on .sub_menu-area .sub-list li a:hover {
  color: #e50012;
}

body.LN000003 .main .keyvisual-wrap .visual_bg.mode_full {
  margin-top: -80px;
  height: 100vh;
}

body.LN000003 .main .ghstory-wrap .story-body .story_link-list li.story1 .bg {
  background: url(/resources/es-es_images/main/ghstory_bg1.jpg) center no-repeat;
}

body.LN000003 .main .ghstory-wrap .story-body .story_link-list li.story2 .bg {
  background: url(/resources/es-es_images/main/ghstory_bg2.jpg) center no-repeat;
}

body.LN000003 .main .ghstory-wrap .story-body .story_link-list li.story3 .bg {
  background: url(/resources/es-es_images/main/ghstory_bg_press.jpg) center no-repeat;
}

body.LN000003 .main .ghstory-wrap .story-body .story_link-list li.story4 .bg {
  background: url(/resources/es-es_images/main/ghstory_bg4.jpg) center no-repeat;
}

body.LN000003 .main .ghstory-wrap .story-body .story_link-list li.story5 .bg {
  background: url(/resources/es-es_images/main/ghstory_bg5.jpg) center no-repeat;
}

body.LN000003 .main .quick-wrap .quick3-list li.quick1 a:after {
  display: none;
}

body.LN000003 .main .quick_mb-wrap {
  display: none;
  margin-bottom: 10px;
}

body.LN000003 .main .quick_mb-wrap .quick-area:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item {
  position: relative;
  width: 50%;
  height: 70px;
  float: left;
  margin-top: 10px;
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item a {
  display: block;
  height: 70px;
  padding: 11px;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item a::before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 100%;
  vertical-align: middle;
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item a i {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -7px;
  width: 15px;
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item a i img {
  width: 100%;
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item:nth-child(1) {
  padding-right: 5px;
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item:nth-child(1) a {
  background-image: url(/resources/images/main/quick_bg1-mb.jpg);
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item:nth-child(2) {
  padding-left: 5px;
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item:nth-child(2) a {
  background-image: url(/resources/images/main/quick_bg2-mb.jpg);
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item:nth-child(3) {
  width: 100%;
  height: 50px;
}

body.LN000003 .main .quick_mb-wrap .quick-area .quick_item:nth-child(3) a {
  background-color: #ee1c25;
  height: 50px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .main .quick-wrap, body.LN000003 .main .ghstory-wrap, body.LN000003 .main .banner-wrap, body.LN000003 .main .mediagallery-wrap {
    display: none;
  }

  body.LN000003 .main .quick_mb-wrap {
    display: block;
  }
}

body.LN000003 .tire {
 /* =============== 타이어 상세 =============== */ /* 아코디언 */ /* Tire > Technology > R&D */ /* Tire > Technology > magzin test > magazine info (tire/TTI-03-01-1.html) */ /* Tire > Technology > kumho technology   (tire/TTI-02-01.html) */ /* =============== 매장 찾기 =============== */ /* 지도 */ /* === 국가 리스트 === */ /* 국기 리스트 & 상세 리스트 */ /* ==== 타이어 검색 ==== */;
}

body.LN000003 .tire .tire_basic .btn_set .btn {
  min-width: 160px;
  width: auto;
  padding: 0 25px;
}

body.LN000003 .tire .tire_spec-box-row .tire_spec-box {
  width: 100%;
}

body.LN000003 .tire .tire_spec-box-row.tire_col2 .tire_spec-box {
  width: 50%;
}

body.LN000003 .tire .tire_spec-box {
 /* margin-bottom: 0; */;
}

body.LN000003 .tire .tire_spec-box .title h4 {
  font-size: 20px;
}

body.LN000003 .tire .tire_spec-box .country_technology-list:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000003 .tire .tire_spec-box .country_technology-list > li {
 /* float: left; width: 50%;  */;
}

body.LN000003 .tire .tire_spec-box .country_technology-list > li .li-inner {
  padding: 25px 30px;
  border: 1px solid #d9d9d9;
}

body.LN000003 .tire .tire_spec-box .country_technology-list > li .con-header {
  padding-left: 55px;
}

body.LN000003 .tire .tire_spec-box .country_technology-list > li .con-header i {
  position: absolute;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
}

body.LN000003 .tire .tire_spec-box .country_technology-list > li .con-header i img {
  height: 40px;
  margin-left: -20%;
}

body.LN000003 .tire .tire_spec-box .country_technology-list > li .con-header span {
  display: inline-block;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  line-height: 40px;
}

body.LN000003 .tire .tire_spec-box .country_technology-list > li .con-body {
  margin-top: 20px;
  line-height: 1.5;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tire .tire_basic .btn_set .btn {
    min-width: 160px;
    width: 100%;
    padding: 0 25px;
  }

  body.LN000003 .tire .tire_basic .btn_set .btn + .btn {
    margin-top: 10px;
    margin-left: 0;
  }

  body.LN000003 .tire .tire_spec-box-row.tire_col2 .tire_spec-box {
    width: 100%;
  }
}

body.LN000003 .tire .tire_detail-acc .con-header .title i img {
  height: 25px;
}

body.LN000003 .tire .tire_detail-acc .data_table.line_table th {
  padding: 10px 15px;
  height: auto;
}

body.LN000003 .tire .tire_detail-acc .data_table.line_table th, body.LN000003 .tire .tire_detail-acc .data_table.line_table td {
  padding-left: 15px;
  padding-right: 15px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

body.LN000003 .tire .tire_detail-acc .data_table.line_table th:first-child, body.LN000003 .tire .tire_detail-acc .data_table.line_table td:first-child {
  border-left: 0;
}

body.LN000003 .tire .tire_detail-acc .data_table.line_table .th {
  color: #000;
  font-weight: bold;
}

body.LN000003 .tire .tire_detail-acc .data_table-panel .con-body + .con-header {
  margin-top: 30px;
}

body.LN000003 .tire .tire_detail-acc .data_table-panel .sym-list {
  width: 100%;
}

body.LN000003 .tire .tire_detail-acc .data_table-panel .sym-list li {
  height: 62px;
}

body.LN000003 .tire .tire_detail-acc .data_table-panel .data_table td > .col2.col-tire_size li span {
  display: block;
}

body.LN000003 .tire .tire_detail-acc .data_table-panel .data_table td > .col2.col-tire_size li:first-child {
  width: 60%;
 /* span { line-height: 38px;} */;
}

body.LN000003 .tire .tire_detail-acc .data_table-panel .data_table td > .col2.col-tire_size li:last-child {
  width: 40%;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tire .tire_detail-acc .con-header .title i img {
    height: 20px;
  }

  body.LN000003 .tire .tire_detail-acc .data_table-panel .data_table td > .col2.col-tire_size li:first-child {
 /* span { line-height: 30px;} */;
  }
}

body.LN000003 .tire .tire_technology .type_technology_row2sub {
  padding-bottom: 55px;
}

body.LN000003 .tire .tire_technology .type_technology_row2sub .tab-list.tab_typesub.card_tab-3 {
  width: 463px;
  margin-left: -175%;
  font-size: 0;
}

body.LN000003 .tire .tire_technology .type_technology_row2sub .tab-list.tab_typesub.card_tab-3 > .trp-tabitem {
  display: inline-block;
  width: auto;
}

body.LN000003 .tire .tire_technology .type_technology_row2sub .tab-list.tab_typesub.card_tab-3 > .trp-tabitem a {
  padding: 1px 20px 0;
  text-align: center;
}

body.LN000003 .tire .tire_technology .type_technology_row2sub .tab-list.tab_typesub.card_tab-3 > .trp-tabitem a:after {
  left: 0;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tire .tire_technology .type_technology_row2sub {
    padding-bottom: 50px;
  }

  body.LN000003 .tire .tire_technology .type_technology_row2sub .tab-area {
    display: block;
    width: auto;
    min-width: auto;
  }

  body.LN000003 .tire .tire_technology .type_technology_row2sub .tab_typesub-wrap {
    display: block;
    width: auto;
    margin: 0;
  }

  body.LN000003 .tire .tire_technology .type_technology_row2sub .tab_typesub-wrap .tab-area {
    margin: 0;
    height: 40px;
  }

  body.LN000003 .tire .tire_technology .type_technology_row2sub .tab-list.tab_typesub.card_tab-3 {
    width: 388px;
    margin-left: 0;
  }
}

body.LN000003 .tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table th {
  width: 20%;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tire {
 /* R&D */;
  }

  body.LN000003 .tire .tire_technology-wrap .rnd_cont .table-wrap.img .con-body table th {
    width: 30%;
  }
}

body.LN000003 .tire .tire_technology-wrap .magazine_cont > ul > li .inner .des {
  height: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tire .tire_technology-wrap .magazine_cont > ul > li .inner .des {
    height: auto;
    text-overflow: initial;
    display: block;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
  }
}

body.LN000003 .tire .technology_cont.labelings .col2_layout:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000003 .tire .technology_cont.labelings .col2_layout li {
  float: left;
}

body.LN000003 .tire .technology_cont.labelings .col2_layout li .li-inner {
  position: relative;
}

body.LN000003 .tire .technology_cont.labelings .col2_layout li:first-child {
  width: 37.9310%;
  padding-right: 22px;
}

body.LN000003 .tire .technology_cont.labelings .col2_layout li:last-child {
  width: 62.0690%;
  padding-left: 22px;
}

body.LN000003 .tire .technology_cont.labelings .con_head .title {
  font-weight: bold;
  font-size: 20px;
}

body.LN000003 .tire .technology_cont.labelings .con_head .sub_txt {
  margin-top: 10px;
  font-size: 16px;
}

body.LN000003 .tire .technology_cont.labelings .con_body {
  margin-top: 50px;
}

body.LN000003 .tire .technology_cont.labelings .con_body .img img {
  width: 100%;
  border: 1px solid #e5e5e5;
}

body.LN000003 .tire .technology_cont.labelings .con_body .table-wrap {
  padding: 0;
}

body.LN000003 .tire .technology_cont.labelings .con_body .table-wrap .con-body {
  margin-top: 0;
}

body.LN000003 .tire .technology_cont.labelings .con_body .table-wrap th {
  padding: 0 20px;
  text-align: left;
  border-right: 1px solid #e6e6e6;
}

body.LN000003 .tire .technology_cont.labelings .con_body .table-wrap td {
  padding: 0 30px;
  text-align: left;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tire .tire_store_typo-wrap .tire_store-panel .con-header {
    margin-bottom: 0;
  }
}

body.LN000003 .tire .world_map-wrap {
  margin-top: 60px;
}

body.LN000003 .tire .world_map {
  position: relative;
}

body.LN000003 .tire .world_map .bg-map {
  width: 100%;
}

body.LN000003 .tire .world_map .hover_map-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

body.LN000003 .tire .world_map .hover_map-area > div {
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

body.LN000003 .tire .world_map .hover_map-area > div img {
  width: 100%;
}

body.LN000003 .tire .world_map .hover_map-area > div.on, body.LN000003 .tire .world_map .hover_map-area > div.over {
  opacity: 1;
}

body.LN000003 .tire .world_map .hover_map-area .map1 {
  width: 30.0000%;
  height: 56.3517%;
  left: 23.5%;
  top: 6.5146%;
}

body.LN000003 .tire .world_map .hover_map-area .map2 {
  width: 16.6666%;
  height: 35.8306%;
  left: 9.5%;
  top: 8.6319%;
}

body.LN000003 .tire .world_map .hover_map-area .map3 {
  width: 18.3333%;
  height: 43.9739%;
  left: 7.5883%;
  top: 35.0162%;
}

body.LN000003 .tire .world_map .hover_map-area .map4 {
  width: 39.6666%;
  height: 51.1400%;
  left: 54.25%;
  top: 4.8859%;
}

body.LN000003 .tire .world_map .hover_map-area .map5 {
  width: 25.0000%;
  height: 39.0879%;
  left: 68.9166%;
  top: 56.0260%;
}

body.LN000003 .tire .world_map .hover_map-area .map6 {
  width: 23.3333%;
  height: 27.6872%;
  left: 30.75%;
  top: 56.3517%;
}

body.LN000003 .tire .world_map .hover_map-area .map7 {
  width: 12.5000%;
  height: 19.5439%;
  left: 17.00%;
  top: 34.0390%;
}

body.LN000003 .tire .world_map .hover_txt-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}

body.LN000003 .tire .world_map .hover_txt-area > div {
  position: absolute;
  min-width: 160px;
  height: 66px;
  padding: 0 30px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 33px;
  display: table;
  table-layout: fixed;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05), 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
}

body.LN000003 .tire .world_map .hover_txt-area > div span.text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}

body.LN000003 .tire .world_map .hover_txt-area > div.on span.text, body.LN000003 .tire .world_map .hover_txt-area > div.over span.text {
  color: #e50012;
}

body.LN000003 .tire .world_map .hover_txt-area .map1 {
  left: 27.5%;
  top: 25.5146%;
}

body.LN000003 .tire .world_map .hover_txt-area .map2 {
  left: 8.5%;
  top: 18.6319%;
}

body.LN000003 .tire .world_map .hover_txt-area .map3 {
  left: 7.5883%;
  top: 51.0162%;
}

body.LN000003 .tire .world_map .hover_txt-area .map4 {
  left: 64.25%;
  top: 21.8859%;
}

body.LN000003 .tire .world_map .hover_txt-area .map5 {
  left: 76.9166%;
  top: 63.0260%;
}

body.LN000003 .tire .world_map .hover_txt-area .map6 {
  left: 31.75%;
  top: 62.3517%;
}

body.LN000003 .tire .world_map .hover_txt-area .map7 {
  left: 21.50%;
  top: 39.5390%;
}

body.LN000003 .tire .world_map .hover-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}

body.LN000003 .tire .world_map .hover-area > a {
  position: absolute;
  display: block;
 /* background-color: $colorSub; opacity: 0.5; */;
}

body.LN000003 .tire .world_map .hover-area .map1 {
  width: 30.0000%;
  height: 56.3517%;
  left: 24.25%;
  top: 4.8859%;
}

body.LN000003 .tire .world_map .hover-area .map2 {
  width: 16.6666%;
  height: 35.8306%;
  left: 7.5833%;
  top: 4.8859%;
}

body.LN000003 .tire .world_map .hover-area .map3 {
  width: 18.3333%;
  height: 43.9739%;
  left: 5.9166%;
  top: 40.7245%;
}

body.LN000003 .tire .world_map .hover-area .map4 {
  width: 39.6666%;
  height: 51.1400%;
  left: 54.25%;
  top: 4.8859%;
}

body.LN000003 .tire .world_map .hover-area .map5 {
  width: 25.0000%;
  height: 39.0879%;
  left: 68.9166%;
  top: 56.0260%;
}

body.LN000003 .tire .world_map .hover-area .map6 {
  width: 23.3333%;
  height: 27.6872%;
  left: 30.9166%;
  top: 61.2377%;
}

body.LN000003 .tire .world_map .hover-area .map7 {
  width: 12.5000%;
  height: 19.5439%;
  left: 17.00%;
  top: 34.0390%;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tire .world_map-wrap {
    display: none;
    margin-top: 0px;
  }
}

body.LN000003 .tire .wold_tab-wrap {
  margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tire .wold_tab-wrap {
    margin-top: 20px;
  }
}

body.LN000003 .tire .country_search-wrap .middle_typo-box .title {
  padding-right: 280px;
}

body.LN000003 .tire .country_search-wrap .middle_typo-box .city_select {
  position: absolute;
  top: -10px;
  right: 0;
  width: 260px;
}

body.LN000003 .tire .country_search-wrap .search-area {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #d9d9d9;
}

body.LN000003 .tire .country_search-wrap .search-area .search-list:after {
  content: '';
  display: block;
  clear: both;
}

body.LN000003 .tire .country_search-wrap .search-area .search-list li {
  float: left;
  width: 20%;
  margin-bottom: 25px;
}

body.LN000003 .tire .country_search-wrap .search-area .search-list a {
  position: relative;
  display: block;
  padding: 0 10px 0 50px;
  height: 30px;
  box-sizing: border-box;
}

body.LN000003 .tire .country_search-wrap .search-area .search-list .flag {
  position: absolute;
  left: 0;
  display: block;
  height: 100%;
}

body.LN000003 .tire .country_search-wrap .search-area .search-list .flag img {
  height: 100%;
  border: 1px solid #d2d2d2;
}

body.LN000003 .tire .country_search-wrap .search-area .search-list .f_name {
  float: left;
  display: table;
  table-layout: fixed;
  height: 100%;
}

body.LN000003 .tire .country_search-wrap .search-area .search-list .f_name span {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: 1;
}

body.LN000003 .tire .country_search-wrap .search_detal-area {
  margin-top: 30px;
  border-top: 1px solid #d9d9d9;
}

body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .li-inner {
  padding: 15px 20px;
  border-bottom: 1px solid #d9d9d9;
}

body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-header {
  font-size: 20px;
  color: #5e5e5e;
  font-weight: bold;
}

body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .addr {
  margin-top: 15px;
  font-weight: 400;
}

body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .addr b {
  display: inline;
  font-weight: 400;
  color: #5e5e5e;
}

body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact {
  margin-top: 0px;
}

body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  color: #5e5e5e;
}

body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact em {
  color: #e50012;
  margin-right: 3px;
}

body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact .link_email {
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tire .country_search-wrap .middle_typo-box .title {
    padding-right: 0px;
  }

  body.LN000003 .tire .country_search-wrap .middle_typo-box .city_select {
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    margin-bottom: 20px;
  }

  body.LN000003 .tire .country_search-wrap .search-area {
    margin-top: 20px;
    padding-top: 20px;
  }

  body.LN000003 .tire .country_search-wrap .search-area .search-list li {
    width: 50%;
    margin-bottom: 20px;
  }

  body.LN000003 .tire .country_search-wrap .search-area .search-list a {
    height: 30px;
  }

  body.LN000003 .tire .country_search-wrap .search-area .search-list .flag {
    margin-right: 10px;
  }

  body.LN000003 .tire .country_search-wrap .search-area .search-list .f_name span {
    font-size: 13px;
  }

  body.LN000003 .tire .country_search-wrap .search_detal-area {
    margin-top: 20px;
  }

  body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .li-inner {
    padding: 15px 10px;
    border-bottom: 1px solid #d9d9d9;
  }

  body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-header {
    font-size: 13px;
    color: #5e5e5e;
    font-weight: bold;
  }

  body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .addr {
    margin-top: 10px;
    font-size: 10px;
    margin-bottom: 5px;
  }

  body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact {
    margin-top: 0px;
  }

  body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact > span {
    margin-right: 15px;
    font-size: 10px;
    line-height: 1.5;
  }

  body.LN000003 .tire .country_search-wrap .search_detal-area .search_detal-list .con-body .contact .link_email {
    text-decoration: underline;
  }
}

body.LN000003 .tire .tire_search-wrap .tire_search-menu ul li + li:before {
  height: 55%;
}

body.LN000003 #header {
 /* sub_menu [2023-0818] */ /* // sub_menu [2023-0818] */ /* location_deps-wrap  [2023-0818]*/ /* // location_deps-wrap  [2023-0818]*/;
}

body.LN000003 #header .gnb-wrap {
  z-index: 99;
}

body.LN000003 #header .gnb-wrap .logo .imgfull {
  display: block;
  width: 180px;
  height: 60px;
  background: url(/resources/es-es_images/common/menu_logo.svg) center no-repeat;
}

body.LN000003 #header .gnb-wrap .menu {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 0% 0px;
}

body.LN000003 #header .gnb-wrap .menu .menu-list {
  position: relative;
  clear: both;
  text-align: center;
  font-size: 0;
  line-height: 0;
}

body.LN000003 #header .gnb-wrap .menu .menu-list li {
  float: left;
}

body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(1) {
  width: 25.0%;
}

body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(1) > a {
  padding-top: 15px;
}

body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(2) {
  width: 25.0%;
}

body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(2) > a {
  padding-top: 15px;
}

body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(3) {
  width: 25.0%;
}

body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(3) > a {
  padding-top: 15px;
}

body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(4) {
  width: 25.0%;
}

body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(4) > a {
  padding-top: 15px;
}

body.LN000003 #header .gnb-wrap .menu .menu-list li.on a {
  color: #cc0000;
}

body.LN000003 #header .gnb-wrap .menu .menu-list a {
  display: block;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  height: 65px;
}

@media screen and (max-width: 1280px) {
  body.LN000003 #header .gnb-wrap .logo .imgfull {
    width: 100px;
    height: 40px;
    background: url(/resources/es-es_images/common/menu_logo.svg) center no-repeat;
    background-size: 100px 40px;
  }

  body.LN000003 #header .gnb-wrap .menu {
    padding: 15px 0% 0;
  }

  body.LN000003 #header .gnb-wrap .menu .menu-list {
    position: relative;
    clear: both;
    text-align: center;
    font-size: 0;
    line-height: 0;
  }

  body.LN000003 #header .gnb-wrap .menu .menu-list > li {
    float: none;
    width: auto;
    display: inline-block;
  }

  body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(1) {
    width: 25.0%;
    max-width: 140px;
  }

  body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(2) {
    width: 25.0%;
    max-width: 140px;
  }

  body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(3) {
    width: 25.0%;
    max-width: 140px;
  }

  body.LN000003 #header .gnb-wrap .menu .menu-list > li:nth-child(4) {
    width: 25.0%;
    max-width: 140px;
  }

  body.LN000003 #header .gnb-wrap .menu .menu-list > li > a {
    padding: 0 4px 15px;
  }
}

body.LN000003 #header .sub_menu-area {
  visibility: hidden;
  opacity: 0;
 /* visibility: visible; opacity: 1;  */ /* display: block; */
  border-top: 1px solid #f0f0f0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background: #f7f7f7;
  z-index: 30;
}

body.LN000003 #header .sub_menu-area .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 15px;
}

body.LN000003 #header .sub_menu-area .sub_menu {
  width: calc( 100% - 455px);
  margin: 0 auto;
  padding: 28px 0;
}

body.LN000003 #header .sub_menu-area .sub-list {
  position: relative;
  border-left: 1px solid #d6d6d6;
}

body.LN000003 #header .sub_menu-area .sub-list li a {
  position: relative;
  display: block;
  padding: 3px 14px;
  font-size: 14px;
  color: #000;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
}

body.LN000003 #header .sub_menu-area .sub-list li a i {
  box-sizing: content-box;
  margin-bottom: -1px;
  margin-left: 3px;
}

body.LN000003 #header .sub_menu-area .sub-list li + li {
  margin-top: 13px;
}

body.LN000003 #header .sub_menu-area .sub-list > li:hover > a {
  color: #e50012;
}

body.LN000003 #header .sub_menu-area .sub-list > li:hover > a::after {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  background-color: #e50012;
  position: absolute;
  top: 0;
  left: 0px;
}

@media (hover: none) {
  body.LN000003 #header .sub_menu-area .sub-list li:hover a {
    color: #e50012;
  }

  body.LN000003 #header .sub_menu-area .sub-list li:hover a::after {
    content: "";
    display: none;
  }
}

body.LN000003 #header .sub_menu-area .dep3_more i {
  display: inline-block;
  width: 11px;
  height: 11px;
  border: 1px solid #000;
  position: relative;
}

body.LN000003 #header .sub_menu-area .dep3_more i::after, body.LN000003 #header .sub_menu-area .dep3_more i::before {
  content: "";
  display: block;
  line-height: 1;
  width: 7px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 5px;
  left: 2px;
}

body.LN000003 #header .sub_menu-area .dep3_more i::before {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

body.LN000003 #header .sub_menu-area .dep3_more.on i::before {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

body.LN000003 #header .sub_menu-area .dep3_con {
  display: none;
}

body.LN000003 #header .sub_menu-area .dep3_con .sub3-list {
  position: relative;
  padding-left: 15px;
  margin-top: 10px;
}

body.LN000003 #header .sub_menu-area .dep3_con .sub3-list li + li {
  margin-top: 5px;
}

body.LN000003 #header .sub_menu-area .dep3_con .sub3-list li a {
  position: relative;
  display: block;
  padding: 3px 14px;
  font-size: 13px;
  color: #333;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
}

body.LN000003 #header .sub_menu-area .dep3_con .sub3-list > li > a:hover {
  color: #e50012;
}

@media screen and (max-width: 1023px) {
  body.LN000003 #header .sub_menu-area {
    display: none;
  }
}

body.LN000003 #header .location_deps-wrap {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 20;
 /* ================== deps2 */ /* ================== deps3 */;
}

body.LN000003 #header .location_deps-wrap.type_line2 .deps2-area .deps2-list {
  justify-content: flex-start;
}

body.LN000003 #header .location_deps-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  height: auto;
}

body.LN000003 #header .location_deps-wrap .deps2-area {
  background-color: #333;
}

body.LN000003 #header .location_deps-wrap .deps2-area .deps2-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

body.LN000003 #header .location_deps-wrap .deps2-area .deps2-list > li {
  display: block;
}

body.LN000003 #header .location_deps-wrap .deps2-area .deps2-list > li .deps2-item .deps-btn {
  position: relative;
  padding: 5px 20px;
  height: 55px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

body.LN000003 #header .location_deps-wrap .deps2-area .deps2-list > li.active .deps2-item .deps-btn span, body.LN000003 #header .location_deps-wrap .deps2-area .deps2-list > li:hover .deps2-item .deps-btn span {
  color: #ff051a;
  font-size: 15px;
}

body.LN000003 #header .location_deps-wrap .deps3-area {
  position: relative;
  text-align: center;
  height: 45px;
  background-color: #f1f1f1;
}

body.LN000003 #header .location_deps-wrap .deps3-area:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  position: absolute;
  bottom: 0;
}

body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list {
  display: inline-block;
  position: relative;
  padding: 0;
  font-size: 0;
}

body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > li {
  list-style: none;
  box-sizing: border-box;
  float: none;
  display: inline-block;
  width: auto;
}

body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area {
  height: 45px;
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 2;
  color: #000;
}

body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a {
  position: relative;
  padding-top: 1px;
  color: #6b6b6b;
 /* padding-left: 15px; padding-right: 15px;  */
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a .tab_name {
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
}

body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > li .st_table {
  display: table;
  width: 100%;
  height: 100%;
}

body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > li .st_table a {
  display: table-cell;
  vertical-align: middle;
}

body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > .active .btn-area a {
  color: #e50012;
}

body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > .active .btn-area a:after {
  background-color: #e50012;
}

@media screen and (max-width: 1023px) {
  body.LN000003 #header .location_deps-wrap .deps3-area {
    height: 50px;
  }

  body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area {
    height: 50px;
  }

  body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a {
    position: relative;
    padding-top: 10px;
    white-space: normal;
    word-wrap: normal;
    word-break: break-all;
  }

  body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > li .btn-area a .tab_name {
    font-size: 15px;
    font-weight: 500;
  }

  body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > .on .btn-area a {
    color: #e50012;
  }

  body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > .on .btn-area a:after {
    background-color: #e50012;
  }

  body.LN000003 #header .location_deps-wrap .deps3-area .deps3-list > .on > .con-area {
    display: block;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000003 #header .location_deps-wrap {
    display: none;
  }
}

body.LN000003 #contents {
  min-height: calc( 100vh - 160px);
}

body.LN000003 #footer .inner {
  height: 160px;
}

body.LN000003 #footer .globalsite-area .ms_tire {
  top: 75px;
}

body.LN000003 #footer .footerbottom-area .address-box .copy {
  margin-top: 30px;
}

body.LN000003 #footer .footerbottom-area .sns-list {
  margin-top: -15px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 #footer .inner {
    height: auto;
  }

  body.LN000003 #footer .globalsite-area .ms_tire {
    top: auto;
  }

  body.LN000003 #footer .footerbottom-area .address-box .copy {
    margin-top: 10px;
  }

  body.LN000003 #footer .footerbottom-area .sns-list {
    margin-top: 0px;
  }
}

body.LN000003 .sticky_type_number-wrap .tire_search-area .icon-sticky_search img {
  width: 100%;
}

body.LN000003 .sticky_type_number-wrap .tire_search-area .formsearch-box {
  display: inline-block;
  width: 100%;
  height: 0;
  padding: 0px 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

body.LN000003 .sticky_type_number-wrap .tire_search-area.on .formsearch-box {
  height: 110px;
  padding: 33px 0;
}

body.LN000003 .sticky_type_number-wrap .tire_search-area .btn.btn_red {
  width: 134px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .sticky_type_number-wrap .tire_search-area.on .formsearch-box {
    display: block;
    padding: 15px 30px 15px;
    width: 100%;
    height: 135px;
  }

  body.LN000003 .sticky_type_number-wrap .tire_search-area .btn.btn_red {
    width: calc( 100% - 50px);
  }
}

body.LN000003 .sticky_type_number-wrap .tire_search-panel .con-header .btn_set .icon_left.btn_black {
  width: 120px;
}

body.LN000003 .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes {
  left: 190px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .sticky_type_number-wrap .tire_search-panel .con-header .btn_set .icon_left.btn_black {
    width: auto;
  }

  body.LN000003 .sticky_type_number-wrap .tire_search-panel .con-header .data_simple.codes {
    left: 0px;
  }
}

body.LN000003 {
 /* ============================ 컨텐츠 스타일 ==================== */ /* 간격 1뎀메뉴 , 컨텐츠 간격 , 타입간 간격, 아이템별 간격  */ /* title  */ /* 서브텝 쇼히든. subtab con active */ /* ============================ 회사소개 ============================ */ /* ============================ 브랜드 ============================ */ /* Tire > Technology > 라벨 */ /* > Company > Introduction > Management Policy 윤리경영 */ /* > Company > Introduction > Management Policy 환경경영 */ /* > Company > Introduction > Management Policy > GESTIÓN DE CAILDAD */ /* > Company > Introduction > Management Policy > Safety Health Management */ /* News&Event > Prensa */ /* Service > Warranty System */ /* Service > FAQ/Q&A > 1:1 문의하러 가기 */ /* faq guide */;
}

body.LN000003 .st_top_line {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

body.LN000003 .st_top_none {
  margin-top: 70px;
 /* margin-top: 50px; */;
}

body.LN000003 .st_top_type {
  margin-top: 60px;
 /* margin-top: 45px; */;
}

body.LN000003 .st_top_item {
  margin-top: 40px;
}

body.LN000003 .st_top_tm {
  margin-top: 30px;
}

body.LN000003 .st_top_sm {
  margin-top: 20px;
}

body.LN000003 .st_top_ssm {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .st_top_line {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e2e2e2;
  }

  body.LN000003 .st_top_none {
    margin-top: 40px;
  }

  body.LN000003 .st_top_type {
    margin-top: 30px;
  }

  body.LN000003 .st_top_item {
    margin-top: 20px;
  }

  body.LN000003 .st_top_tm {
    margin-top: 15px;
  }

  body.LN000003 .st_top_sm {
    margin-top: 10px;
  }

  body.LN000003 .st_top_ssm {
    margin-top: 10px;
  }
}

body.LN000003 .title.style_line h4, body.LN000003 .title.style_line h3 {
  line-height: 1.2;
}

body.LN000003 .tab-wrap .tab-list > li .btn-area a .tab_name {
  font-family: "Noto Sans JP";
}

body.LN000003 .tab_subcon-wrap .tabitem {
  display: none;
}

body.LN000003 .tab_subcon-wrap .tabitem.on {
  display: block;
}

body.LN000003 .company {
 /* 2중탭  CPN-03-02-01.html, CPN-03-02-02.html */ /* 재무정보-재무제표 */;
}

body.LN000003 .company .tab-list.tab_item2 {
  width: 500px;
}

body.LN000003 .company .tab-wrap.tab_typesub-wrap .tab-area .tab_item2 {
  width: 320px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company .tab-list.tab_item2 {
    width: 100%;
  }

  body.LN000003 .company .tab-wrap.tab_typesub-wrap .tab-area {
    width: 100%;
    margin: 5px 0 0;
  }

  body.LN000003 .company .tab-wrap.tab_typesub-wrap .tab-area .tab_item2 {
    width: 100%;
  }
}

body.LN000003 .company .list-wrap .graph_list .item_article .data_tit em {
  height: 50px;
  white-space: normal;
  text-overflow: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company .list-wrap .graph_list .item_article .data_tit em {
    height: auto;
  }
}

body.LN000003 .brand .team-intro-tab .type_sports_m {
  padding-bottom: 55px;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 {
  width: 405px;
  margin-left: -250%;
  font-size: 0;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 > .trp-tabitem {
  display: inline-block;
  width: auto;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 > .trp-tabitem a {
  padding: 1px 20px 0;
  text-align: center;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 > .trp-tabitem a:after {
  left: 0;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 {
  width: 343px;
  margin-left: 110%;
  font-size: 0;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 > .trp-tabitem {
  display: inline-block;
  width: auto;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 > .trp-tabitem a {
  padding: 1px 20px 0;
  text-align: center;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 > .trp-tabitem a:after {
  left: 0;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .brand .team-intro-tab .tab-area {
    display: block;
    width: auto;
    min-width: auto;
  }

  body.LN000003 .brand .team-intro-tab .tab_typesub-wrap {
    display: block;
    width: auto;
    margin: 0;
  }

  body.LN000003 .brand .team-intro-tab .tab_typesub-wrap .tab-area {
    margin: 5px 0 0;
    height: 40px;
  }

  body.LN000003 .brand .team-intro-tab .type_sports_m {
    padding-bottom: 45px;
  }

  body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 {
    width: 349px;
    margin-left: 0;
  }

  body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 {
    width: 292px;
    margin-left: 0;
  }
}

body.LN000003 .tirelabel_cont {
  text-align: center;
}

body.LN000003 .tirelabel_cont .img {
  position: relative;
  padding-right: 100px;
}

body.LN000003 .tirelabel_cont .img img {
  width: 194px;
}

body.LN000003 .tirelabel_cont .img .label-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}

body.LN000003 .tirelabel_cont .img .label-item:after {
  content: "";
  position: absolute;
  height: 1px;
  border-top: 1px solid #e5e5e5;
}

body.LN000003 .tirelabel_cont .img .label-item dl {
  border: 1px solid #e5e5e5;
  padding: 15px 30px;
  position: absolute;
}

body.LN000003 .tirelabel_cont .img .label-item dt {
  font-size: 20px;
  font-weight: bold;
}

body.LN000003 .tirelabel_cont .img .label-item dd {
  color: #5e5e5e;
  line-height: 1.6em;
  margin-top: 10px;
}

body.LN000003 .tirelabel_cont .img .label-item.type_a dl {
  top: 72px;
  left: calc( 50% - 472px);
  width: 270px;
  text-align: right;
}

body.LN000003 .tirelabel_cont .img .label-item.type_a:after {
  top: 204px;
  left: calc(50% - 203px);
  width: 105px;
}

body.LN000003 .tirelabel_cont .img .label-item.type_b dl {
  top: 306px;
  left: calc( 50% - 472px);
  width: 270px;
  text-align: right;
}

body.LN000003 .tirelabel_cont .img .label-item.type_b dd {
  margin-top: 0;
}

body.LN000003 .tirelabel_cont .img .label-item.type_b:after {
  top: 344px;
  left: calc(50% - 203px);
  width: 57px;
}

body.LN000003 .tirelabel_cont .img .label-item.type_c dl {
  top: 86px;
  left: calc( 50% + 100px);
  width: 365px;
  text-align: left;
}

body.LN000003 .tirelabel_cont .img .label-item.type_c:after {
  top: 190px;
  left: calc(50% + 42px);
  width: 60px;
}

body.LN000003 .tirelabel_cont .img .label-item.type_d dl {
  top: 246px;
  left: calc( 50% + 100px);
  width: 365px;
  text-align: left;
}

body.LN000003 .tirelabel_cont .img .label-item.type_d:after {
  top: 335px;
  left: calc(50% + 48px);
  width: 54px;
}

body.LN000003 .fuel {
  position: relative;
}

body.LN000003 .fuel i {
  position: absolute;
  top: 80px;
  left: 0;
}

body.LN000003 .fuel p {
  padding-left: 80px;
  margin-top: 30px;
}

body.LN000003 .fuel .fuel-box {
  border: 1px solid #e5e5e5;
  margin-left: 86px;
}

body.LN000003 .fuel .fuel-box .img {
  text-align: center;
}

body.LN000003 .fuel .fuel-box .img.colitem {
  width: 50%;
}

body.LN000003 .fuel .fuel-box .img img {
  width: 340px;
}

body.LN000003 .fuel .fuel-box .img img.type_a {
  width: 432px;
}

body.LN000003 .fuel .fuel-box dl {
  margin-top: 60px;
  padding-right: 30px;
}

body.LN000003 .fuel .fuel-box dl dt {
  font-size: 20px;
  font-weight: bold;
}

body.LN000003 .fuel .fuel-box dl dd {
  color: #5e5e5e;
  margin-top: 10px;
  line-height: 1.6em;
}

body.LN000003 .noise-box {
  border: 1px solid #e5e5e5;
  padding: 30px;
  color: #5e5e5e;
  margin-left: 86px;
}

body.LN000003 .noise-box ul li + li {
  margin-top: 20px;
}

body.LN000003 .noise-box ul li {
  position: relative;
  padding-left: 45px;
  line-height: 1.6em;
}

body.LN000003 .noise-box ul li .ico_noise {
  position: absolute;
  top: 3px;
  left: 0;
}

body.LN000003 .infobox {
  background-color: #f6f6f6;
  text-align: center;
  padding: 40px;
}

body.LN000003 .infobox p {
  color: #5e5e5e;
  padding: 0;
  margin-top: 0;
}

body.LN000003 .infobox i {
  position: relative;
  top: auto;
  left: auto;
  padding-left: 7px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tirelabel_cont {
    text-align: center;
  }

  body.LN000003 .tirelabel_cont .img {
    position: relative;
    padding-right: 0;
  }

  body.LN000003 .tirelabel_cont .img img {
    width: 145px;
  }

  body.LN000003 .tirelabel_cont .img .label-item {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    margin-top: 10px;
  }

  body.LN000003 .tirelabel_cont .img .label-item:after {
    display: none;
  }

  body.LN000003 .tirelabel_cont .img .label-item dl {
    border: 1px solid #e5e5e5;
    padding: 15px 20px 15px 45px;
    position: relative;
    top: auto;
    left: auto;
  }

  body.LN000003 .tirelabel_cont .img .label-item dt {
    font-size: 14px;
    font-weight: bold;
    position: relative;
  }

  body.LN000003 .tirelabel_cont .img .label-item dt .ico_num {
    position: absolute;
    top: 0;
    left: -25px;
  }

  body.LN000003 .tirelabel_cont .img .label-item dt .ico_num img {
    width: 20px;
  }

  body.LN000003 .tirelabel_cont .img .label-item dd {
    color: #5e5e5e;
    line-height: 1.6em;
    margin-top: 5px;
    font-size: 13px;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_a {
    margin-top: 20px;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_a dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_b dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_b dd {
    margin-top: 0;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_c dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_d dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000003 .fuel i {
    position: relative;
    top: 0;
    margin-top: 10px;
    display: block;
  }

  body.LN000003 .fuel p {
    padding-left: 0px;
    margin-top: 10px;
  }

  body.LN000003 .fuel .fuel-box {
    border: 1px solid #e5e5e5;
    margin-left: 0px;
  }

  body.LN000003 .fuel .fuel-box .colitem {
    float: none;
    width: 100%;
  }

  body.LN000003 .fuel .fuel-box .img {
    text-align: center;
  }

  body.LN000003 .fuel .fuel-box .img.colitem {
    float: none;
    width: 100%;
  }

  body.LN000003 .fuel .fuel-box .img img {
    width: 330px;
  }

  body.LN000003 .fuel .fuel-box .img img.type_a {
    width: 330px;
  }

  body.LN000003 .fuel .fuel-box dl {
    margin-top: 0px;
    padding: 20px;
    padding-top: 0;
  }

  body.LN000003 .fuel .fuel-box dl dt {
    font-size: 14px;
  }

  body.LN000003 .fuel .fuel-box dl dd {
    margin-top: 10px;
    line-height: 1.6em;
    font-size: 13px;
  }

  body.LN000003 .noise-box {
    padding: 20px;
    margin-left: 0px;
  }

  body.LN000003 .noise-box ul li + li {
    margin-top: 10px;
  }

  body.LN000003 .noise-box ul li {
    position: relative;
    padding-left: 40px;
    line-height: 1.6em;
    font-size: 13px;
  }

  body.LN000003 .noise-box ul li .ico_noise {
    position: absolute;
    top: -7px;
    left: 0;
  }

  body.LN000003 .noise-box ul li .ico_noise img {
    width: 25px;
  }

  body.LN000003 .infobox {
    padding: 20px;
  }

  body.LN000003 .infobox p {
    font-size: 13px;
  }

  body.LN000003 .infobox .icon-bt_arrow {
    position: relative;
    top: -6px;
    left: auto;
    padding-left: 7px;
    display: inline-block;
  }
}

body.LN000003 .company_policy-wrap .company_policy-block .rule-box h4 {
  line-height: 1.5em;
}

body.LN000003 .company_policy-wrap .company_policy-block .con-body ol li {
  color: #5e5e5e;
  line-height: 1.5em;
}

body.LN000003 .company_policy-wrap .company_policy-block .con-body ol li + li {
  margin-top: 5px;
}

body.LN000003 .num-list li {
  position: relative;
  padding-left: 30px;
}

body.LN000003 .num-list li em.num {
  position: absolute;
  top: 0px;
  left: 0;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company_policy-wrap .company_policy-block .con-body ol li {
    line-height: 1.5em;
    font-size: 13px;
  }

  body.LN000003 .company_policy-wrap .company_policy-block .con-body ol li + li {
    margin-top: 5px;
  }

  body.LN000003 .num-list li {
    position: relative;
    padding-left: 30px;
  }

  body.LN000003 .num-list li em.num {
    position: absolute;
    top: 0px;
    left: 0;
  }
}

body.LN000003 .report_down span {
  margin-right: 20px;
}

body.LN000003 .Environment {
  text-align: center;
}

body.LN000003 .Environment .title {
  font-size: 30px;
  color: #e50013;
  font-weight: bold;
}

body.LN000003 .Environment .desc {
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 500;
}

body.LN000003 .Environment .ridus_title {
  background-color: #ff8e88;
  font-size: 20px;
  color: #ffffff;
  height: 60px;
  width: 900px;
  margin: 40px auto;
  padding-top: 15px;
  border-radius: 50px;
}

body.LN000003 .Environment .ridus_title.red_item {
  background-color: #ff4250;
}

body.LN000003 .Environment ul {
  max-width: 950px;
  margin: 0 auto;
}

body.LN000003 .Environment ul li {
  padding: 0 10px 0;
}

body.LN000003 .Environment ul li dt {
  font-size: 18px;
  line-height: 2.5em;
  font-weight: 500;
  background-color: #f6f6f6;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-top: 2px solid #000;
}

body.LN000003 .Environment ul li dd {
  border: 1px solid #e5e5e5;
  padding: 20px;
  line-height: 1.7em;
  height: 177px;
  color: #5e5e5e;
}

body.LN000003 .activity_cont .con-body .cont.type_a {
  position: relative;
  padding-right: 200px;
}

body.LN000003 .activity_cont .con-body .cont.type_a img {
  position: absolute;
  top: 25px;
  right: 0;
}

body.LN000003 .company_policy-wrap .company_sub_policy.non_tit {
  margin-top: 30px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .cont_sub {
  text-align: center;
}

body.LN000003 .company_policy-wrap .company_sub_policy .cont_sub h5 {
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #000;
}

body.LN000003 .company_policy-wrap .company_sub_policy .cont_sub p {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box {
  height: 440px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box.type_a {
  height: 470px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box.type_b {
  height: 490px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
  height: 250px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc.type_a {
  height: 280px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc.type_b {
  height: 300px;
}

body.LN000003 .activity-box_set .col2 {
  width: 1020px;
  margin: 0 auto;
}

body.LN000003 .activity-box_set .col2 .colitem {
  padding: 0 20px;
}

body.LN000003 .activity-box_set .col2 .colitem .activity-box {
  border: 1px solid #e5e5e5;
}

body.LN000003 .activity-box_set .col2 .colitem .activity-box dl {
  padding: 30px;
}

body.LN000003 .activity-box_set .col2 .colitem .activity-box dl.long {
  height: 256px;
}

body.LN000003 .activity-box_set .col2 .colitem .activity-box dl dt {
  font-size: 20px;
  font-weight: bold;
}

body.LN000003 .activity-box_set .col2 .colitem .activity-box dl dd {
  color: #5e5e5e;
  line-height: 1.7em;
  margin-top: 15px;
}

body.LN000003 .company_policy-wrap .vision-table .td .txt.type_radius {
  background-color: #ff6772;
  color: #fff;
  padding: 15px 20px;
  border-radius: 50px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .report_down span {
    font-size: 13px;
  }

  body.LN000003 .report_down a {
    margin-top: 15px;
  }

  body.LN000003 .Environment .title {
    font-size: 20px;
  }

  body.LN000003 .Environment .desc {
    font-size: 13px;
    line-height: 1.4em;
  }

  body.LN000003 .Environment .ridus_title {
    font-size: 13px;
    height: 60px;
    width: 300px;
    margin: 20px auto;
    padding-top: 15px;
    border-radius: 50px;
  }

  body.LN000003 .Environment .ridus_title.red_item {
    background-color: #ff4250;
  }

  body.LN000003 .Environment img {
    max-width: 290px;
  }

  body.LN000003 .Environment ul li + li {
    margin-top: 30px;
  }

  body.LN000003 .Environment ul li {
    padding: 0;
    float: none;
    width: 100%;
  }

  body.LN000003 .Environment ul li dt {
    font-size: 14px;
  }

  body.LN000003 .Environment ul li dd {
    padding: 15px;
    height: 100%;
    font-size: 13px;
  }

  body.LN000003 .activity_cont .con-body .cont.type_a {
    position: relative;
    padding-right: 0px;
  }

  body.LN000003 .activity_cont .con-body .cont.type_a img {
    position: relative;
    top: 0;
    margin: 20px auto;
    display: block;
    width: 135px;
  }

  body.LN000003 .activity_cont .con-body .cont img {
    width: 249px;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy.non_tit {
    margin-top: 20px;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .cont_sub h5 {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .cont_sub p {
    font-size: 13px;
    line-height: 21px;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box.type_a {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box.type_b {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc.type_a {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc.type_b {
    height: auto;
  }

  body.LN000003 .activity-box_set .col2 {
    width: 100%;
    margin: 0 auto;
    max-width: 402px;
  }

  body.LN000003 .activity-box_set .col2 .colitem + .colitem {
    margin-top: 20px;
  }

  body.LN000003 .activity-box_set .col2 .colitem {
    padding: 0px;
    float: none;
    width: 100%;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box {
    border: 1px solid #e5e5e5;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box img {
    width: 100%;
    max-width: 400px;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box dl {
    padding: 15px;
    height: auto;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box dl.long {
    height: auto;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box dl dt {
    font-size: 14px;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box dl dd {
    line-height: 1.7em;
    margin-top: 15px;
    font-size: 13px;
  }
}

body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list > li {
  width: 200px;
}

body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list .tit {
  height: 105px;
  padding-top: 15px;
}

body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list .icon_inno_arrow {
  top: 42px;
}

body.LN000003 .company_policy-wrap .innovation .bottom .itme-list {
  margin-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

body.LN000003 .company_policy-wrap .innovation .bottom .itme-list .tit {
  font-size: 18px;
}

body.LN000003 .company_policy-wrap .innovation .bottom .itme-list li {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list > li {
    width: 200px;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list > li + li {
    margin-left: 0px;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list .tit {
    height: 85px;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list .icon_inno_arrow {
    top: auto;
    bottom: -25px;
    right: 0px;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom > ul > li {
    text-align: center;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom .tit {
    display: inline-block;
    font-size: 14px;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom .itme-list {
    margin-top: 15px;
    font-size: 13px;
    line-height: 19px;
  }
}

body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box dt {
  line-height: 1.5em;
  padding: 10px;
}

body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box dt.type_a {
  height: 103px;
  padding-top: 25px;
}

body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box dd {
  height: 350px;
}

body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box.long dd {
  height: 400px;
}

body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core {
  width: calc( 100% + 20px);
  margin-top: 0;
  margin-left: -10px;
}

body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li {
  width: 33.3333%;
  padding: 0 10px;
}

body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li .circle-bg span {
  margin-top: 20px;
  padding-top: 72px;
}

body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li .desc {
  padding: 20px 12px 20px 18px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dt {
  height: 110px;
  padding: 10px;
  line-height: 90px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dt.type_a {
  line-height: 1.5em;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dt.type_b {
  line-height: 1.5em;
  padding-top: 25px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dt.type_c {
  height: auto;
  line-height: 66px;
  padding: 0;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dd {
  height: 330px;
  padding: 21px 20px 32px 20px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.long dd {
  height: 410px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.middle dd {
  height: 380px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.short dd {
  height: 240px;
}

body.LN000003 .company_policy-wrap .vision-table .td .txt.type_radius {
  background-color: #ff6772;
  color: #fff;
  padding: 15px 20px;
  border-radius: 50px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box dd {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box.long dd {
    height: auto;
    min-height: 0;
  }

  body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core {
    width: 100%;
    margin-left: 0px;
  }

  body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li:first-child {
    margin-top: 0;
  }

  body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li {
    width: 100%;
    padding: 0 0px;
    margin-top: 40px;
  }

  body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li .circle-bg span {
    margin-top: 0px;
    padding-top: 38px;
  }

  body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dt {
    height: auto;
    line-height: 1.5em;
  }

  body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dd {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.long dd {
    height: auto;
    min-height: 0;
  }

  body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.middle dd {
    height: auto;
    min-height: 0;
  }

  body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.short dd {
    height: auto;
    min-height: 0;
  }
}

body.LN000003 .search-area .col_search .colitem .formsearch-box {
  width: 430px;
}

body.LN000003 .search-area .col_search .colitem .formsearch-box .search-btn {
  width: 130px;
}

body.LN000003 .view-wrap .file-area .files dt {
  width: 205px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .view-wrap .file-area .files dt {
    width: 100px;
  }
}

body.LN000003 .general_guarantee-wrap .general_guarantee-list ul > li > ul > li {
  padding-left: 10px;
  text-indent: -0.5em;
}

body.LN000003 .fileupload-box .btn-fileselect {
  width: 170px;
}

body.LN000003 .customer_guide.full {
  position: relative;
}

body.LN000003 .customer_guide.full .inner {
  background: url(/resources/images/service/bg_customer_guide_left.png) no-repeat left top;
  background-size: 600px auto;
}

body.LN000003 .customer_guide.full .qna-box {
  float: none;
  margin: 0 auto;
  width: 50%;
}

body.LN000003 .customer_guide.full .qna-box::before {
  display: none;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .customer_guide.full {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_right-mb.png) no-repeat right bottom;
    background-size: 121px auto;
  }

  body.LN000003 .customer_guide.full .inner {
    background: url(/resources/images/service/bg_customer_guide_left-mb.png) no-repeat left top;
    background-size: 121px auto;
  }

  body.LN000003 .customer_guide.full .qna-box {
    float: none;
    margin: 0 auto;
    width: 250px;
    background: none;
    border-top: 0;
  }
}

body.LN000003 {
 /* ============================ 컨텐츠 스타일 ==================== */ /* 간격 1뎀메뉴 , 컨텐츠 간격 , 타입간 간격, 아이템별 간격  */ /* title  */ /* 서브텝 쇼히든. subtab con active */ /* ============================ 회사소개 ============================ */ /* ============================ 브랜드 ============================ */ /* Tire > Technology > 라벨 */ /* > Company > Introduction > Management Policy 윤리경영 */ /* > Company > Introduction > Management Policy 환경경영 */ /* > Company > Introduction > Management Policy > GESTIÓN DE CAILDAD */ /* > Company > Introduction > Management Policy > Safety Health Management */ /* News&Event > Prensa */ /* Service > Warranty System */ /* Service > FAQ/Q&A > 1:1 문의하러 가기 */ /* faq guide */;
}

body.LN000003 .st_top_line {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

body.LN000003 .st_top_none {
  margin-top: 70px;
 /* margin-top: 50px; */;
}

body.LN000003 .st_top_type {
  margin-top: 60px;
 /* margin-top: 45px; */;
}

body.LN000003 .st_top_item {
  margin-top: 40px;
}

body.LN000003 .st_top_tm {
  margin-top: 30px;
}

body.LN000003 .st_top_sm {
  margin-top: 20px;
}

body.LN000003 .st_top_ssm {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .st_top_line {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e2e2e2;
  }

  body.LN000003 .st_top_none {
    margin-top: 40px;
  }

  body.LN000003 .st_top_type {
    margin-top: 30px;
  }

  body.LN000003 .st_top_item {
    margin-top: 20px;
  }

  body.LN000003 .st_top_tm {
    margin-top: 15px;
  }

  body.LN000003 .st_top_sm {
    margin-top: 10px;
  }

  body.LN000003 .st_top_ssm {
    margin-top: 10px;
  }
}

body.LN000003 .title.style_line h4, body.LN000003 .title.style_line h3 {
  line-height: 1.2;
}

body.LN000003 .tab-wrap .tab-list > li .btn-area a .tab_name {
  font-family: "Noto Sans JP";
}

body.LN000003 .tab_subcon-wrap .tabitem {
  display: none;
}

body.LN000003 .tab_subcon-wrap .tabitem.on {
  display: block;
}

body.LN000003 .company {
 /* 2중탭  CPN-03-02-01.html, CPN-03-02-02.html */ /* 재무정보-재무제표 */;
}

body.LN000003 .company .tab-list.tab_item2 {
  width: 500px;
}

body.LN000003 .company .tab-wrap.tab_typesub-wrap .tab-area .tab_item2 {
  width: 320px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company .tab-list.tab_item2 {
    width: 100%;
  }

  body.LN000003 .company .tab-wrap.tab_typesub-wrap .tab-area {
    width: 100%;
    margin: 5px 0 0;
  }

  body.LN000003 .company .tab-wrap.tab_typesub-wrap .tab-area .tab_item2 {
    width: 100%;
  }
}

body.LN000003 .company .list-wrap .graph_list .item_article .data_tit em {
  height: 50px;
  white-space: normal;
  text-overflow: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company .list-wrap .graph_list .item_article .data_tit em {
    height: auto;
  }
}

body.LN000003 .brand .team-intro-tab .type_sports_m {
  padding-bottom: 55px;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 {
  width: 405px;
  margin-left: -250%;
  font-size: 0;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 > .trp-tabitem {
  display: inline-block;
  width: auto;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 > .trp-tabitem a {
  padding: 1px 20px 0;
  text-align: center;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 > .trp-tabitem a:after {
  left: 0;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 {
  width: 343px;
  margin-left: 110%;
  font-size: 0;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 > .trp-tabitem {
  display: inline-block;
  width: auto;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 > .trp-tabitem a {
  padding: 1px 20px 0;
  text-align: center;
}

body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 > .trp-tabitem a:after {
  left: 0;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .brand .team-intro-tab .tab-area {
    display: block;
    width: auto;
    min-width: auto;
  }

  body.LN000003 .brand .team-intro-tab .tab_typesub-wrap {
    display: block;
    width: auto;
    margin: 0;
  }

  body.LN000003 .brand .team-intro-tab .tab_typesub-wrap .tab-area {
    margin: 5px 0 0;
    height: 40px;
  }

  body.LN000003 .brand .team-intro-tab .type_sports_m {
    padding-bottom: 45px;
  }

  body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-1 {
    width: 349px;
    margin-left: 0;
  }

  body.LN000003 .brand .team-intro-tab .type_sports_m .tab-list.tab_typesub.card_tab-4 {
    width: 292px;
    margin-left: 0;
  }
}

body.LN000003 .tirelabel_cont {
  text-align: center;
}

body.LN000003 .tirelabel_cont .img {
  position: relative;
  padding-right: 100px;
}

body.LN000003 .tirelabel_cont .img img {
  width: 194px;
}

body.LN000003 .tirelabel_cont .img .label-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}

body.LN000003 .tirelabel_cont .img .label-item:after {
  content: "";
  position: absolute;
  height: 1px;
  border-top: 1px solid #e5e5e5;
}

body.LN000003 .tirelabel_cont .img .label-item dl {
  border: 1px solid #e5e5e5;
  padding: 15px 30px;
  position: absolute;
}

body.LN000003 .tirelabel_cont .img .label-item dt {
  font-size: 20px;
  font-weight: bold;
}

body.LN000003 .tirelabel_cont .img .label-item dd {
  color: #5e5e5e;
  line-height: 1.6em;
  margin-top: 10px;
}

body.LN000003 .tirelabel_cont .img .label-item.type_a dl {
  top: 72px;
  left: calc( 50% - 472px);
  width: 270px;
  text-align: right;
}

body.LN000003 .tirelabel_cont .img .label-item.type_a:after {
  top: 204px;
  left: calc(50% - 203px);
  width: 105px;
}

body.LN000003 .tirelabel_cont .img .label-item.type_b dl {
  top: 306px;
  left: calc( 50% - 472px);
  width: 270px;
  text-align: right;
}

body.LN000003 .tirelabel_cont .img .label-item.type_b dd {
  margin-top: 0;
}

body.LN000003 .tirelabel_cont .img .label-item.type_b:after {
  top: 344px;
  left: calc(50% - 203px);
  width: 57px;
}

body.LN000003 .tirelabel_cont .img .label-item.type_c dl {
  top: 86px;
  left: calc( 50% + 100px);
  width: 365px;
  text-align: left;
}

body.LN000003 .tirelabel_cont .img .label-item.type_c:after {
  top: 190px;
  left: calc(50% + 42px);
  width: 60px;
}

body.LN000003 .tirelabel_cont .img .label-item.type_d dl {
  top: 246px;
  left: calc( 50% + 100px);
  width: 365px;
  text-align: left;
}

body.LN000003 .tirelabel_cont .img .label-item.type_d:after {
  top: 335px;
  left: calc(50% + 48px);
  width: 54px;
}

body.LN000003 .fuel {
  position: relative;
}

body.LN000003 .fuel i {
  position: absolute;
  top: 80px;
  left: 0;
}

body.LN000003 .fuel p {
  padding-left: 80px;
  margin-top: 30px;
}

body.LN000003 .fuel .fuel-box {
  border: 1px solid #e5e5e5;
  margin-left: 86px;
}

body.LN000003 .fuel .fuel-box .img {
  text-align: center;
}

body.LN000003 .fuel .fuel-box .img.colitem {
  width: 50%;
}

body.LN000003 .fuel .fuel-box .img img {
  width: 340px;
}

body.LN000003 .fuel .fuel-box .img img.type_a {
  width: 432px;
}

body.LN000003 .fuel .fuel-box dl {
  margin-top: 60px;
  padding-right: 30px;
}

body.LN000003 .fuel .fuel-box dl dt {
  font-size: 20px;
  font-weight: bold;
}

body.LN000003 .fuel .fuel-box dl dd {
  color: #5e5e5e;
  margin-top: 10px;
  line-height: 1.6em;
}

body.LN000003 .noise-box {
  border: 1px solid #e5e5e5;
  padding: 30px;
  color: #5e5e5e;
  margin-left: 86px;
}

body.LN000003 .noise-box ul li + li {
  margin-top: 20px;
}

body.LN000003 .noise-box ul li {
  position: relative;
  padding-left: 45px;
  line-height: 1.6em;
}

body.LN000003 .noise-box ul li .ico_noise {
  position: absolute;
  top: 3px;
  left: 0;
}

body.LN000003 .infobox {
  background-color: #f6f6f6;
  text-align: center;
  padding: 40px;
}

body.LN000003 .infobox p {
  color: #5e5e5e;
  padding: 0;
  margin-top: 0;
}

body.LN000003 .infobox i {
  position: relative;
  top: auto;
  left: auto;
  padding-left: 7px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .tirelabel_cont {
    text-align: center;
  }

  body.LN000003 .tirelabel_cont .img {
    position: relative;
    padding-right: 0;
  }

  body.LN000003 .tirelabel_cont .img img {
    width: 145px;
  }

  body.LN000003 .tirelabel_cont .img .label-item {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    margin-top: 10px;
  }

  body.LN000003 .tirelabel_cont .img .label-item:after {
    display: none;
  }

  body.LN000003 .tirelabel_cont .img .label-item dl {
    border: 1px solid #e5e5e5;
    padding: 15px 20px 15px 45px;
    position: relative;
    top: auto;
    left: auto;
  }

  body.LN000003 .tirelabel_cont .img .label-item dt {
    font-size: 14px;
    font-weight: bold;
    position: relative;
  }

  body.LN000003 .tirelabel_cont .img .label-item dt .ico_num {
    position: absolute;
    top: 0;
    left: -25px;
  }

  body.LN000003 .tirelabel_cont .img .label-item dt .ico_num img {
    width: 20px;
  }

  body.LN000003 .tirelabel_cont .img .label-item dd {
    color: #5e5e5e;
    line-height: 1.6em;
    margin-top: 5px;
    font-size: 13px;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_a {
    margin-top: 20px;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_a dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_b dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_b dd {
    margin-top: 0;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_c dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000003 .tirelabel_cont .img .label-item.type_d dl {
    top: auto;
    left: auto;
    width: 100%;
    text-align: left;
  }

  body.LN000003 .fuel i {
    position: relative;
    top: 0;
    margin-top: 10px;
    display: block;
  }

  body.LN000003 .fuel p {
    padding-left: 0px;
    margin-top: 10px;
  }

  body.LN000003 .fuel .fuel-box {
    border: 1px solid #e5e5e5;
    margin-left: 0px;
  }

  body.LN000003 .fuel .fuel-box .colitem {
    float: none;
    width: 100%;
  }

  body.LN000003 .fuel .fuel-box .img {
    text-align: center;
  }

  body.LN000003 .fuel .fuel-box .img.colitem {
    float: none;
    width: 100%;
  }

  body.LN000003 .fuel .fuel-box .img img {
    width: 330px;
  }

  body.LN000003 .fuel .fuel-box .img img.type_a {
    width: 330px;
  }

  body.LN000003 .fuel .fuel-box dl {
    margin-top: 0px;
    padding: 20px;
    padding-top: 0;
  }

  body.LN000003 .fuel .fuel-box dl dt {
    font-size: 14px;
  }

  body.LN000003 .fuel .fuel-box dl dd {
    margin-top: 10px;
    line-height: 1.6em;
    font-size: 13px;
  }

  body.LN000003 .noise-box {
    padding: 20px;
    margin-left: 0px;
  }

  body.LN000003 .noise-box ul li + li {
    margin-top: 10px;
  }

  body.LN000003 .noise-box ul li {
    position: relative;
    padding-left: 40px;
    line-height: 1.6em;
    font-size: 13px;
  }

  body.LN000003 .noise-box ul li .ico_noise {
    position: absolute;
    top: -7px;
    left: 0;
  }

  body.LN000003 .noise-box ul li .ico_noise img {
    width: 25px;
  }

  body.LN000003 .infobox {
    padding: 20px;
  }

  body.LN000003 .infobox p {
    font-size: 13px;
  }

  body.LN000003 .infobox .icon-bt_arrow {
    position: relative;
    top: -6px;
    left: auto;
    padding-left: 7px;
    display: inline-block;
  }
}

body.LN000003 .company_policy-wrap .company_policy-block .rule-box h4 {
  line-height: 1.5em;
}

body.LN000003 .company_policy-wrap .company_policy-block .con-body ol li {
  color: #5e5e5e;
  line-height: 1.5em;
}

body.LN000003 .company_policy-wrap .company_policy-block .con-body ol li + li {
  margin-top: 5px;
}

body.LN000003 .num-list li {
  position: relative;
  padding-left: 30px;
}

body.LN000003 .num-list li em.num {
  position: absolute;
  top: 0px;
  left: 0;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company_policy-wrap .company_policy-block .con-body ol li {
    line-height: 1.5em;
    font-size: 13px;
  }

  body.LN000003 .company_policy-wrap .company_policy-block .con-body ol li + li {
    margin-top: 5px;
  }

  body.LN000003 .num-list li {
    position: relative;
    padding-left: 30px;
  }

  body.LN000003 .num-list li em.num {
    position: absolute;
    top: 0px;
    left: 0;
  }
}

body.LN000003 .report_down span {
  margin-right: 20px;
}

body.LN000003 .Environment {
  text-align: center;
}

body.LN000003 .Environment .title {
  font-size: 30px;
  color: #e50013;
  font-weight: bold;
}

body.LN000003 .Environment .desc {
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 500;
}

body.LN000003 .Environment .ridus_title {
  background-color: #ff8e88;
  font-size: 20px;
  color: #ffffff;
  height: 60px;
  width: 900px;
  margin: 40px auto;
  padding-top: 15px;
  border-radius: 50px;
}

body.LN000003 .Environment .ridus_title.red_item {
  background-color: #ff4250;
}

body.LN000003 .Environment ul {
  max-width: 950px;
  margin: 0 auto;
}

body.LN000003 .Environment ul li {
  padding: 0 10px 0;
}

body.LN000003 .Environment ul li dt {
  font-size: 18px;
  line-height: 2.5em;
  font-weight: 500;
  background-color: #f6f6f6;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-top: 2px solid #000;
}

body.LN000003 .Environment ul li dd {
  border: 1px solid #e5e5e5;
  padding: 20px;
  line-height: 1.7em;
  height: 177px;
  color: #5e5e5e;
}

body.LN000003 .activity_cont .con-body .cont.type_a {
  position: relative;
  padding-right: 200px;
}

body.LN000003 .activity_cont .con-body .cont.type_a img {
  position: absolute;
  top: 25px;
  right: 0;
}

body.LN000003 .company_policy-wrap .company_sub_policy.non_tit {
  margin-top: 30px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .cont_sub {
  text-align: center;
}

body.LN000003 .company_policy-wrap .company_sub_policy .cont_sub h5 {
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #000;
}

body.LN000003 .company_policy-wrap .company_sub_policy .cont_sub p {
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box {
  height: 440px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box.type_a {
  height: 470px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box.type_b {
  height: 490px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
  height: 250px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc.type_a {
  height: 280px;
}

body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc.type_b {
  height: 300px;
}

body.LN000003 .activity-box_set .col2 {
  width: 1020px;
  margin: 0 auto;
}

body.LN000003 .activity-box_set .col2 .colitem {
  padding: 0 20px;
}

body.LN000003 .activity-box_set .col2 .colitem .activity-box {
  border: 1px solid #e5e5e5;
}

body.LN000003 .activity-box_set .col2 .colitem .activity-box dl {
  padding: 30px;
}

body.LN000003 .activity-box_set .col2 .colitem .activity-box dl.long {
  height: 256px;
}

body.LN000003 .activity-box_set .col2 .colitem .activity-box dl dt {
  font-size: 20px;
  font-weight: bold;
}

body.LN000003 .activity-box_set .col2 .colitem .activity-box dl dd {
  color: #5e5e5e;
  line-height: 1.7em;
  margin-top: 15px;
}

body.LN000003 .company_policy-wrap .vision-table .td .txt.type_radius {
  background-color: #ff6772;
  color: #fff;
  padding: 15px 20px;
  border-radius: 50px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .report_down span {
    font-size: 13px;
  }

  body.LN000003 .report_down a {
    margin-top: 15px;
  }

  body.LN000003 .Environment .title {
    font-size: 20px;
  }

  body.LN000003 .Environment .desc {
    font-size: 13px;
    line-height: 1.4em;
  }

  body.LN000003 .Environment .ridus_title {
    font-size: 13px;
    height: 60px;
    width: 300px;
    margin: 20px auto;
    padding-top: 15px;
    border-radius: 50px;
  }

  body.LN000003 .Environment .ridus_title.red_item {
    background-color: #ff4250;
  }

  body.LN000003 .Environment img {
    max-width: 290px;
  }

  body.LN000003 .Environment ul li + li {
    margin-top: 30px;
  }

  body.LN000003 .Environment ul li {
    padding: 0;
    float: none;
    width: 100%;
  }

  body.LN000003 .Environment ul li dt {
    font-size: 14px;
  }

  body.LN000003 .Environment ul li dd {
    padding: 15px;
    height: 100%;
    font-size: 13px;
  }

  body.LN000003 .activity_cont .con-body .cont.type_a {
    position: relative;
    padding-right: 0px;
  }

  body.LN000003 .activity_cont .con-body .cont.type_a img {
    position: relative;
    top: 0;
    margin: 20px auto;
    display: block;
    width: 135px;
  }

  body.LN000003 .activity_cont .con-body .cont img {
    width: 249px;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy.non_tit {
    margin-top: 20px;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .cont_sub h5 {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .cont_sub p {
    font-size: 13px;
    line-height: 21px;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box.type_a {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box.type_b {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc.type_a {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .company_sub_policy .certify-box_set .certify-box .desc.type_b {
    height: auto;
  }

  body.LN000003 .activity-box_set .col2 {
    width: 100%;
    margin: 0 auto;
    max-width: 402px;
  }

  body.LN000003 .activity-box_set .col2 .colitem + .colitem {
    margin-top: 20px;
  }

  body.LN000003 .activity-box_set .col2 .colitem {
    padding: 0px;
    float: none;
    width: 100%;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box {
    border: 1px solid #e5e5e5;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box img {
    width: 100%;
    max-width: 400px;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box dl {
    padding: 15px;
    height: auto;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box dl.long {
    height: auto;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box dl dt {
    font-size: 14px;
  }

  body.LN000003 .activity-box_set .col2 .colitem .activity-box dl dd {
    line-height: 1.7em;
    margin-top: 15px;
    font-size: 13px;
  }
}

body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list > li {
  width: 200px;
}

body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list .tit {
  height: 105px;
  padding-top: 15px;
}

body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list .icon_inno_arrow {
  top: 42px;
}

body.LN000003 .company_policy-wrap .innovation .bottom .itme-list {
  margin-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

body.LN000003 .company_policy-wrap .innovation .bottom .itme-list .tit {
  font-size: 18px;
}

body.LN000003 .company_policy-wrap .innovation .bottom .itme-list li {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list > li {
    width: 200px;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list > li + li {
    margin-left: 0px;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list .tit {
    height: 85px;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom .row_line2-list .icon_inno_arrow {
    top: auto;
    bottom: -25px;
    right: 0px;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom > ul > li {
    text-align: center;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom .tit {
    display: inline-block;
    font-size: 14px;
  }

  body.LN000003 .company_policy-wrap .innovation .bottom .itme-list {
    margin-top: 15px;
    font-size: 13px;
    line-height: 19px;
  }
}

body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box dt {
  line-height: 1.5em;
  padding: 10px;
}

body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box dt.type_a {
  height: 103px;
  padding-top: 25px;
}

body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box dd {
  height: 350px;
}

body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box.long dd {
  height: 400px;
}

body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core {
  width: calc( 100% + 20px);
  margin-top: 0;
  margin-left: -10px;
}

body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li {
  width: 33.3333%;
  padding: 0 10px;
}

body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li .circle-bg span {
  margin-top: 20px;
  padding-top: 72px;
}

body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li .desc {
  padding: 20px 12px 20px 18px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dt {
  height: 110px;
  padding: 10px;
  line-height: 90px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dt.type_a {
  line-height: 1.5em;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dt.type_b {
  line-height: 1.5em;
  padding-top: 25px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dt.type_c {
  height: auto;
  line-height: 66px;
  padding: 0;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dd {
  height: 330px;
  padding: 21px 20px 32px 20px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.long dd {
  height: 410px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.middle dd {
  height: 380px;
}

body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.short dd {
  height: 240px;
}

body.LN000003 .company_policy-wrap .vision-table .td .txt.type_radius {
  background-color: #ff6772;
  color: #fff;
  padding: 15px 20px;
  border-radius: 50px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box dd {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .vision-table .define-box_set .define-box.long dd {
    height: auto;
    min-height: 0;
  }

  body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core {
    width: 100%;
    margin-left: 0px;
  }

  body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li:first-child {
    margin-top: 0;
  }

  body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li {
    width: 100%;
    padding: 0 0px;
    margin-top: 40px;
  }

  body.LN000003 .company_policy-wrap .define-box_set .circle_intro.col3core > li .circle-bg span {
    margin-top: 0px;
    padding-top: 38px;
  }

  body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dt {
    height: auto;
    line-height: 1.5em;
  }

  body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box dd {
    height: auto;
  }

  body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.long dd {
    height: auto;
    min-height: 0;
  }

  body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.middle dd {
    height: auto;
    min-height: 0;
  }

  body.LN000003 .company_policy-wrap .define-box_set.fullsize .define-box.short dd {
    height: auto;
    min-height: 0;
  }
}

body.LN000003 .search-area .col_search .colitem .formsearch-box {
  width: 430px;
}

body.LN000003 .search-area .col_search .colitem .formsearch-box .search-btn {
  width: 130px;
}

body.LN000003 .view-wrap .file-area .files dt {
  width: 205px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .view-wrap .file-area .files dt {
    width: 100px;
  }
}

body.LN000003 .general_guarantee-wrap .general_guarantee-list ul > li > ul > li {
  padding-left: 10px;
  text-indent: -0.5em;
}

body.LN000003 .fileupload-box .btn-fileselect {
  width: 170px;
}

body.LN000003 .customer_guide.full {
  position: relative;
}

body.LN000003 .customer_guide.full .inner {
  background: url(/resources/images/service/bg_customer_guide_left.png) no-repeat left top;
  background-size: 600px auto;
}

body.LN000003 .customer_guide.full .qna-box {
  float: none;
  margin: 0 auto;
  width: 50%;
}

body.LN000003 .customer_guide.full .qna-box::before {
  display: none;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .customer_guide.full {
    background: #f6f6f6 url(/resources/images/service/bg_customer_guide_right-mb.png) no-repeat right bottom;
    background-size: 121px auto;
  }

  body.LN000003 .customer_guide.full .inner {
    background: url(/resources/images/service/bg_customer_guide_left-mb.png) no-repeat left top;
    background-size: 121px auto;
  }

  body.LN000003 .customer_guide.full .qna-box {
    float: none;
    margin: 0 auto;
    width: 250px;
    background: none;
    border-top: 0;
  }
}

body.LN000003 .company {
 /* ========= company_brand new ==========*/;
}

body.LN000003 .company .company_brand-wrap .circle_round-layout.mb-mm {
  margin-bottom: 100px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company .company_brand-wrap .circle_round-layout.mb-mm {
    margin-bottom: 220px;
  }

  body.LN000003 .company .company_brand-wrap .circle_round-layout.mb-mmm {
    margin-bottom: 100px;
  }
}

body.LN000003 .company .company_brand-wrap .circle-box .typo_a {
  font-size: 24px;
  color: #fff;
}

body.LN000003 .company .company_brand-wrap .circle-box .typo_b {
  font-size: 20px;
  color: #fff;
}

body.LN000003 .company .company_brand-wrap .circle-box .typo_c {
  font-size: 17px;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company .company_brand-wrap .circle-box .typo_a {
    font-size: 12px;
  }

  body.LN000003 .company .company_brand-wrap .circle-box .typo_b {
    font-size: 11px;
  }

  body.LN000003 .company .company_brand-wrap .circle-box .typo_c {
    font-size: 10px;
  }

  body.LN000003 .company .company_brand-wrap .circle-box.s_md {
    width: 80px;
    height: 80px;
  }

  body.LN000003 .company .company_brand-wrap .circle-box .icon {
    display: block;
    margin-top: -5px;
    text-align: center;
  }

  body.LN000003 .company .company_brand-wrap .circle-box .icon img {
    width: 40px;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company .company_brand-wrap .round-box.s_md {
    min-height: 80px;
    padding: 15px 20px 15px 70px;
  }

  body.LN000003 .company .company_brand-wrap .round-box.mt-mm {
    margin-top: 0px;
  }

  body.LN000003 .company .company_brand-wrap .round-box .txt {
    font-size: 11px;
  }

  body.LN000003 .company .company_brand-wrap .round-box .txt_p {
    font-size: 12px;
  }
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company .company_brand-wrap .img_circle-area .img_circle-list .circle-article {
    width: 72px;
  }

  body.LN000003 .company .company_brand-wrap .img_circle-area .img_circle-list .circle-article .txt {
    font-size: 11px;
    letter-spacing: -0.5px;
  }
}

body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .typo {
  top: 30px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list {
  position: absolute;
  top: 240px;
  width: 130px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p1 {
  left: 20px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p2 {
  left: 170px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p3 {
  left: 40px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p4 {
  left: 190px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list li {
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  color: #5e5e5e;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle {
  line-height: 320px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.big {
  width: 320px;
  height: 320px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.big > span {
  margin-top: 90px;
  font-size: 30px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.md {
  width: 140px;
  height: 140px;
  margin: 0 5px;
  line-height: 140px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.md > span {
  font-size: 22px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.sm {
  width: 120px;
  height: 120px;
  margin: 0 5px;
  line-height: 120px;
}

body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.sm > span {
  font-size: 18px;
}

@media screen and (max-width: 1023px) {
  body.LN000003 .company .company_brand-wrap .big_circle-area .big_circle-list .colitem {
    width: 230px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .big_circle-list .colitem + .colitem {
    margin-top: 40px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .big_circle-list .colitem:last-child {
    padding-bottom: 20px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .typo {
    position: absolute;
    top: 22px;
    width: 100%;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .typo .tit {
    font-size: 14px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .typo .desc {
    font-size: 11px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list {
    position: absolute;
    top: 170px;
    width: 110px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p1 {
    left: 10px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p2 {
    left: 130px;
    width: 120px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p3 {
    left: 10px;
    width: 120px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p4 {
    left: 140px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list li {
    font-size: 12px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle {
    line-height: 230px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle span {
    color: #fff;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.big.rrr {
    width: 150px;
    height: 150px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.big {
    width: 230px;
    height: 230px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.big > span {
    display: block;
    margin-top: 35px;
    font-size: 17px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.md {
    width: 95px;
    height: 95px;
    margin: 0 2px;
    line-height: 95px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.md > span {
    font-size: 13px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.sm {
    width: 90px;
    height: 90px;
    margin: 0 2px;
    line-height: 90px;
  }

  body.LN000003 .company .company_brand-wrap .big_circle-area .sim_circle.sm > span {
    font-size: 13px;
  }
}