@charset "UTF-8";
/* common.scss */
/* _variables.scss */
/* font family  "Noto Sans KR" */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap");
@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 JP" !important;
  font-weight: 100 !important;
}

.ft_l {
  font-family: "Noto Sans JP" !important;
  font-weight: 300 !important;
}

.ft_r {
  font-family: "Noto Sans JP" !important;
  font-weight: 400 !important;
}

.ft_m {
  font-family: "Noto Sans JP" !important;
  font-weight: 500 !important;
}

.ft_b {
  font-family: "Noto Sans JP" !important;
  font-weight: 700 !important;
}

.ft_bb {
  font-family: "Noto Sans JP" !important;
  font-weight: 900 !important;
}

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

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

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

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

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

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

#contents {
  font-family: "Pretendard Variable";
}

#contents .key_visual {
  font-family: "Noto Sans JP";
}

.ft_pt {
  font-family: "Pretendard Variable";
  font-weight: 100;
}

.ft_pl {
  font-family: "Pretendard Variable";
  font-weight: 300;
}

.ft_pr {
  font-family: "Pretendard Variable";
  font-weight: 400;
}

.ft_pm {
  font-family: "Pretendard Variable";
  font-weight: 500;
}

.ft_pb {
  font-family: "Pretendard Variable";
  font-weight: 700;
}

.ft_pbb {
  font-family: "Pretendard Variable";
  font-weight: 900;
}

.quiz_radio-off, .on .quiz_radio-off, .select .quiz_radio-off, .answer .quiz_radio-off, .quiz_radio-on, .quiz_radio-answer, .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.radio-box.sm input[type="radio"] + i:after, .trp.radio-box.sm input[type="radio"]:checked + i:after, .trp.radio-box.quzi input[type="radio"] + i:after, .trp.radio-box.quzi 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, .trp.checkbox-box.type1 input[type="checkbox"] + i:after, .trp.checkbox-box.type1 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("../tp_images/common/sp_form_tp.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-blank_b:after, .icon-blank_w:after, .icon-menu_lang-w:after, .icon-menu_my-w:after, .icon-menu_lang-b:after, .icon-menu_my-b:after, .icon-hamburger_close:after, .icon-location_home:after, .icon-sns_youtube:after, .icon-sns_googleblog:after, .icon-sns_facebook: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_item_arrow:after, .icon-tire_info:after, .icon-visual_selec_year_arrow: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-videocam: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-star:after, .icon-pop_close:after, .icon-pop_close_b: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-search_empty:after, .icon-information:after, .icon-bt_compare:after, .icon-bt_detail:after, .icon-bt_close:after, .icon-team_slider_prev:after, .icon-team_slider_next:after, .icon-customer_tel, .icon-t_q, .icon_inno_arrow, .icon-word_guide, .icon_footer_search, .accordion-list > li .header-area .acc_btn:after, .accordion-list > li.on .header-area .acc_btn:after, body #header .location-wrap .location-list > li + li::before, .MN000675 .customer_guide .tel-box:after, .MN000675 .customer_guide .qna-box:after {
  background-image: url("../tp_images/common/sp_icons_tp.png");
}

.is_mb .quiz_radio-off, .is_mb .on .quiz_radio-off, .is_mb .select .quiz_radio-off, .is_mb .answer .quiz_radio-off, .is_mb .quiz_radio-on, .is_mb .quiz_radio-answer {
  background-image: url("../tp_images/common/sp_form_tp_mb.png");
  background-size: 70px 50px;
}

.is_mb .icon-blank_b:after, .is_mb .icon-blank_w:after, .is_mb .icon-menu_lang-w:after, .is_mb .icon-menu_my-w:after, .is_mb .icon-menu_lang-b:after, .is_mb .icon-menu_my-b:after, .icon-menu_hamburger-w-mb:after, .icon-menu_hamburger-b-mb:after, .icon-menu_hamburger-cb-mb:after, .is_mb .icon-hamburger_close:after, .is_mb .icon-hamburger_arrow:after, .is_mb .icon-accordion_arrow_d:after, .is_mb .on .icon-accordion_arrow_d:after, .is_mb .icon-location_home:after, .is_mb .icon-sns_youtube:after, .is_mb .icon-sns_googleblog:after, .is_mb .icon-sns_facebook: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-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_footer_search, .is_mb .icon-footer_arrow_next, .is_mb .icon-footer_arrow_prev, .responsive_scrollx.help_on:after, body #header .hamburger-area.open .dep2-list li.on::before, .is_mb .MN000675 .customer_guide .tel-box:after, .is_mb .MN000675 .customer_guide .qna-box:after {
  background-image: url("../tp_images/common/sp_icons_tp_mb.png");
  background-size: 315px 276.5px;
}

@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";
}

/*  _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 {
  transform: rotate(-45deg);
}

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

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

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

.monthPicker .year > span:last-child .changeYear:after {
  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 JP", "Noto Sans KR", 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;
  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;
  transition-property: background, opacity;
  transition-duration: 0.3s, 0.3s;
  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;
  transition-property: background, opacity;
  transition-duration: 0.3s, 0.3s;
  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: -375px -362px;
}

.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: 0px -406px;
}

.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: -40px -406px;
}

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

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

.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: -120px -406px;
}

.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: -160px -406px;
}

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

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

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

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

.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: -75px -239px;
}

.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: -99px -239px;
}

.icon-menu_lang-w:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-position: 0px -362px;
}

.icon-menu_my-w:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-position: -88px -362px;
}

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

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

.icon-menu_lang-b:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-position: -402px -279px;
}

.icon-menu_my-b:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-position: -44px -362px;
}

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

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

.icon-menu_hamburger-w-mb:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -225px -150px;
}

.icon-menu_hamburger-b-mb:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -225px -90px;
}

.icon-menu_hamburger-cb-mb:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -225px -120px;
}

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

.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: -225px -30px;
}

.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: -225px 0px;
}

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

.is_mb .icon-accordion_arrow_d:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-position: -304px -83px;
}

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

.is_mb .on .icon-accordion_arrow_d:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-position: -304px -63px;
}

/* ====== 로케이션 ====== */
.icon-location_home {
  display: block;
  width: 30px;
  height: 30px;
}

.icon-location_home:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -352px 0px;
}

.is_mb .icon-location_home {
  width: 20px;
  height: 20px;
}

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

/* ====== 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: -180px -202px;
}

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

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

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

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

.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: -98px -123.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 -123.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: -130px -55px;
}

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

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

.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: -450px -240px;
}

.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: -450px -200px;
}

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

.icon-sticky_search:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: -50px -312px;
}

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

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

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

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

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

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

.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: -450px -160px;
}

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

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

.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: -65px 0px;
}

.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: -67px -175.5px;
}

/* ====== 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: -450px -360px;
}

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

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

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

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

/* 메인 금호타이어 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: -250px -262px;
}

.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: -300px -262px;
}

.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: -191px -175.5px;
}

.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: -161px -175.5px;
}

/* 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: -352px -100px;
}

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

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

.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: -185px 0px;
}

.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: -139px -123.5px;
}

/* ====== 타이어 리스트 ====== */
.icon-videocam {
  display: inline-block;
  width: 40px;
  height: 30px;
}

.icon-videocam:after {
  content: "";
  display: block;
  width: 40px;
  height: 30px;
  background-position: -292px 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: -402px -189px;
}

.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: -402px -144px;
}

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

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

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

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

.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: -22.5px -264px;
}

.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: 0px -264px;
}

.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: -22.5px -264px;
}

.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: 0px -264px;
}

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

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

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

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

.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: 0px -239px;
}

.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: -155px -96px;
}

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

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

.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: -255px -30px;
}

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

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

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

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

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

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

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

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

.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: -180px -209px;
}

.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: -210px -209px;
}

.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: -120px -209px;
}

.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: -150px -209px;
}

/* ====== 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: -170px -446px;
}

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

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

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

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

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

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

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

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

.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: -490px -377px;
}

.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: -450px -400px;
}

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

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

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

.icon-down2:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 13px;
  height: 16px;
  background-position: -490px 0px;
  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: -226.5px -239px;
}

.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: -255px -30px;
}

.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: -67.5px -264px;
}

.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: -250.5px -239px;
}

.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: -147px -239px;
}

.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: -255px -118px;
}

.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: -100px -175.5px;
}

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

.is_mb .icon-down2:after {
  margin-left: 10px;
  width: 9.5px;
  height: 11.5px;
  background-position: -304px -41.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: -150px -262px;
}

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

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

.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: -25px -239px;
}

.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: -255px -200px;
}

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

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

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

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

/* ====== MY page ====== */
.icon-star {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 0;
  vertical-align: middle;
}

.icon-star:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-position: -402px -234px;
}

/* ====== 팝업 ====== */
.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: -352px -150px;
}

.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: -255px 0px;
}

.icon-pop_close_b {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  font-size: 0;
}

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

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

.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: -402px -323px;
}

.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: -347px -312px;
}

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

.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: -200px -239px;
}

.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: -490px -191px;
}

.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: 0px 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: -304px 0px;
}

.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: 0px 0px;
}

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

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

.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: -490px -224px;
}

.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: -490px -255px;
}

.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: -450px -320px;
}

.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: -304px -103px;
}

.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: -59.5px -65px;
}

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

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

/* 타이어기술-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: -490px -36px;
}

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

.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: -200px -312px;
}

.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: -200px -312px;
}

/* 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: -292px -104px;
}

.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: -292px -50px;
}

.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: -255px -173px;
}

.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: -255px -146px;
}

.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: -402px 0px;
}

.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: -136px -446px;
}

.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: -295px -362px;
}

.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: -335px -362px;
}

.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: -255px -362px;
}

.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: -214px 0px;
}

.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: -96px -114px;
}

.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: -185px -79px;
}

.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: -185px -40px;
}

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

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

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

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

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

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

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

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

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

/* Quiz */
.quiz_radio-off {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: -50px 0px;
}

.on .quiz_radio-off, .select .quiz_radio-off {
  width: 30px;
  height: 30px;
  background-position: 0px -50px;
}

.answer .quiz_radio-off {
  width: 30px;
  height: 30px;
  background-position: 0px 0px;
}

.quiz_radio-on {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0px -50px;
}

.quiz_radio-answer {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: 0px 0px;
}

.is_mb .quiz_radio-off {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -30px 0px;
}

.is_mb .on .quiz_radio-off, .is_mb .select .quiz_radio-off {
  width: 20px;
  height: 20px;
  background-position: 0px -30px;
}

.is_mb .answer .quiz_radio-off {
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
}

.is_mb .quiz_radio-on {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 0px -30px;
}

.is_mb .quiz_radio-answer {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
}

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

.is_mb .icon_footer_search {
  width: 19px;
  height: 20px;
  background-position: -255px -60px;
}

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

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

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

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

body.none_scroll {
  overflow: hidden;
}

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

/* PC ,  모바일  */
.imgfull 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 ,  모바일  */
/* ====================================== 공통 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;
}

.fwb {
  font-weight: bold !important;
}

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

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

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

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

.fs26 {
  font-size: 26px !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: #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: #e50012;
}

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

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

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

.keyvisual-wrap + .team-intro-tab.top_guide,
.keyvisual-wrap + .tab-wrap.top_guide,
.keyvisual-wrap + .team-intro-tab .top_guide {
  margin-top: 110px !important;
}

/* [2023-0919] dep3 있을때 80 + 55*/
.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-0919] */
@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-0919] 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-0919] */
}

/* ========================== // key_visual ========================== */
/* tab */
.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;
}

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

.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-list > li:after {
    top: 9px;
    left: 0;
  }
  .mark_dot-list3 > li:after {
    width: 3px;
    height: 3px;
    position: absolute;
    top: 7px;
    left: 0;
  }
}

/* === usa === */
.mark_dot-list5 > li {
  position: relative;
  padding-left: 1em;
  font-size: 18px;
  line-height: 2;
}

.mark_dot-list5 > li:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 15px;
  left: 0;
  background-color: #555555;
}

.mark_dot-list5 > li + li {
  margin-top: calc(20px - 20px);
}

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

@media screen and (max-width: 1023px) {
  .mark_dot-list5 > li {
    font-size: 14px;
    padding-left: 0.8em;
  }
  .mark_dot-list5 > li:after {
    width: 4px;
    height: 4px;
    position: absolute;
    top: 12px;
    left: 0;
  }
  .mark_dot-list5 > li + li {
    margin-top: calc(15px - 15px);
  }
  .mark_dot-list5.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: -130px 0px;
}

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

.tp_tab-section {
  margin-top: 30px;
  margin-bottom: 15px;
}

.tp_tab-section .tab-area {
  height: auto;
}

.tp_tab-section .tab-area::after {
  display: none;
}

.tp_tab-section .tab-area > .responsive_scrollx.help_on:after {
  display: none;
}

@media screen and (max-width: 1023px) {
  .tp_tab-section {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .tp_tab-section .tab-area {
    height: auto;
  }
}

/* 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;
  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 {
  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;
  }
}

.table_list .btn_set a.btn_sm.icon-down_pdf {
  padding: 3px 10px 2px;
  font-size: 0;
}

.table_list .btn_set a.btn_sm.icon-down_pdf span {
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  vertical-align: top;
}

/* ==========================  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 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 : .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;
  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/tp_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/tp_images/common/icon_play.png") no-repeat center;
    background-size: 56px 56px;
  }
  .list-wrap .video_list .item_article .sbj {
    font-size: 15px;
  }
}

.list-wrap .images_list-panel .con-header {
  height: 40px;
}

.list-wrap .images_list.brand_promotion .item_article .img {
  min-height: auto;
  height: auto;
  /* height: 414px; */
}

@media screen and (max-width: 1023px) {
  .list-wrap {
    /* 광고/홈보 : 이미지*/
    /* 모터 스포츠 */
  }
  .list-wrap .images_list.brand_gallery .item_article .img {
    min-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: 20px;
}

.view-wrap .title .date {
  position: absolute;
  bottom: 15px;
  right: 30px;
  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-panel .con-footer .quiz_info-area {
  padding: 50px;
  text-align: center;
}

.view-wrap .view-panel .con-footer .quiz_info-area span {
  font-size: 20px;
  color: #6b6b6b;
}

.view-wrap .view-panel .con-footer .quiz_info-area .btn-box {
  margin-top: 25px;
}

@media screen and (max-width: 1023px) {
  .view-wrap .view-panel .con-footer .quiz_info-area {
    padding: 30px;
  }
  .view-wrap .view-panel .con-footer .quiz_info-area span {
    font-size: 16px;
  }
  .view-wrap .view-panel .con-footer .quiz_info-area .btn-box {
    margin-top: 15px;
  }
}

.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.video_edit {
  padding: 0px 70px;
}

@media screen and (max-width: 1023px) {
  .view-wrap .view-contents.video_edit {
    padding: 0px 0px;
  }
}

.view-wrap .view-contents .view_editor .video_title {
  position: relative;
  font-size: 26px;
  font-weight: bold;
  color: #000000;
}

.view-wrap .view-contents .view_editor .video_title h3 {
  font-size: 26px;
  font-weight: bold;
  color: #000000;
}

.view-wrap .view-contents .view_editor .video_title.icon-title_highlight {
  padding-top: 26px;
}

.view-wrap .view-contents .view_editor .video_title.icon-title_highlight::after {
  position: absolute;
  top: 0;
  left: 0;
}

.view-wrap .view-contents .view_editor .video_title.icon-title_highlight .line_block {
  position: relative;
  padding-left: 150px;
  margin-top: 30px;
  line-height: 1.8;
  font-weight: normal;
  text-align: left;
  font-size: 20px;
  line-height: 1.8;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.view-wrap .view-contents .view_editor .video_title.icon-title_highlight .line_block:before {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 125px;
  width: 1px;
  height: auto;
  background: #d9d9d9;
}

.view-wrap .view-contents .view_editor .video_title.icon-title_highlight .line_block .mark_dot-list {
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  .view-wrap .view-contents .view_editor .video_title h3 {
    font-size: 20px;
  }
  .view-wrap .view-contents .view_editor .video_title.icon-title_highlight .line_block {
    margin-top: 20px;
    padding-left: 16px;
  }
  .view-wrap .view-contents .view_editor .video_title.icon-title_highlight .line_block:before {
    top: 5px;
    bottom: 3px;
    left: 0;
    margin-top: 0;
    height: auto;
  }
  .view-wrap .view-contents .view_editor .video_title.icon-title_highlight .line_block .mark_dot-list {
    font-size: 13px;
  }
}

.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 .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 {
  -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: 15px;
    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 */
}

.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 ol.indent_big-list {
  padding: 0 0 10px 0px;
}

.terms_contents ol.indent_big-list > li {
  position: relative;
  margin-top: 5px;
  text-indent: 0px;
  padding-left: 45px;
  font-size: 14px;
  line-height: 1.5;
}

.terms_contents ol.indent_big-list > li > strong.num {
  position: absolute;
  left: 0;
  text-indent: 0px;
}

.terms_contents ol.rem-list {
  padding: 0 0 10px 0px;
}

.terms_contents ol.rem-list > li {
  margin-top: 5px;
  text-indent: -1rem;
  padding-left: 1rem;
  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 ul.remH-list {
  padding: 0 0 10px 0px;
}

.terms_contents ul.remH-list > li {
  margin-top: 5px;
  text-indent: -.7rem;
  padding-left: .7rem;
  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 ul.mark_dot-list > li {
  text-indent: 0px;
  padding-left: .5rem;
}

.terms_contents ul.mark_dot-list > li::after {
  top: 10px;
  background-color: #000000;
}

.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: #e50012;
}

.terms_contents .table_terms > tbody > tr > td li {
  font-size: 14px;
}

.terms_contents .table_terms > tbody > tr.rowspan > td:first-child {
  border-left: 1px solid #e1e1e1;
}

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

.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.sub-tp_title h3 {
  font-size: 26px;
  font-weight: bold;
  color: #000;
}

@media screen and (max-width: 1023px) {
  .title.sub-tp_title h3 {
    font-size: 20px;
  }
}

.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 .sub_block {
  font-weight: normal;
  text-align: left;
  font-size: 20px;
  line-height: 1.8;
  color: #5e5e5e;
  word-wrap: break-word;
  word-break: keep-all;
}

.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/tp_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;
  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;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-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_red_line {
  background: #fff;
  border: 2px solid #e50012;
  color: #e50012;
}

.btn.btn_red_line.btn_lg {
  padding: 11px 20px 10px;
}

.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: 180px !important;
  font-size: 18px;
  font-weight: bold;
}

.btn.btn_sm {
  padding: 6px 10px 7px;
  min-width: auto;
  font-size: 14px;
}

.btn.btn_md {
  padding: 9px 25px 10px;
  font-size: 17px;
}

@media screen and (max-width: 1023px) {
  .btn.btn_lg {
    padding: 8px 20px 8px;
    min-width: 120px !important;
    font-size: 16px;
  }
  .btn.btn_lg.btn_red_line {
    padding: 8px 20px 6px;
  }
}

.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"], .btn_set-single .btn_item input[type="submit"] {
  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 JP";
  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_tp($icon-page_prev-on) };     */
}

.paging-area .paging a.prev_end:hover {
  /* &:after { @include sp_icons_tp($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_tp($icon-page_prev-on) };     */
}

.paging-area .paging a.next_end:hover {
  /* &:after { @include sp_icons_tp($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 .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 김수한 */
  /* ================== 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 JP";
  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.round_center {
  font-size: 0;
}

.tab-list.round_center > li .btn-area {
  height: 40px;
}

.tab-list.round_center > li.trp-tabitem.on {
  height: 40px;
}

.tab-list.round_center > li.trp-tabitem.on .tab_btn {
  background-color: #e50012;
  border-color: #e50012;
}

.tab-list.round_center > li.trp-tabitem.on .tab_btn .tab_name {
  color: #fff;
}

.tab-list.round_center li.trp-tabitem {
  margin: 0 4px;
  float: none;
  display: inline-block;
  width: auto;
}

.tab-list.round_center li.trp-tabitem .tab_btn {
  padding: 0 20px;
  min-width: 122px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 20px;
  color: #353535;
}

.tab-list.round_center li.trp-tabitem .tab_btn:after {
  display: none;
}

.tab-list.round_center li.trp-tabitem .tab_btn .tab_name {
  font-size: 18px;
  font-weight: bold;
  color: #353535;
  font-family: "Pretendard Variable";
}

@media screen and (max-width: 1023px) {
  .tab-list.round_center > li .btn-area {
    height: 30px;
  }
  .tab-list.round_center > li.trp-tabitem.on {
    height: 30px;
  }
  .tab-list.round_center li.trp-tabitem {
    margin: 0 4px;
  }
  .tab-list.round_center li.trp-tabitem .tab_btn {
    padding: 0 15px;
    min-width: 80px;
    border-radius: 15px;
  }
  .tab-list.round_center li.trp-tabitem .tab_btn .tab_name {
    font-size: 14px;
  }
}

.tab-list.tab_item2 {
  width: 400px;
}

.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: 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_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_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_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_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 JP";
  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_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_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 JP";
    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;
  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: -292px -158px;
}

.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: -292px -208px;
}

.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: 5px 50px 5px 30px;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
  text-align: left;
  font-family: "Noto Sans KR";
  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: 360px;
}

.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"]:-moz-read-only, input[type="password"]:-moz-read-only, input[type="number"]:-moz-read-only, input[type="url"]:-moz-read-only, input[type="email"]:-moz-read-only, input[type="search"]:-moz-read-only {
  background: #f8f8f8;
}

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 .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: -183px -80px;
}

/* 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: 110px;
  z-index: 1;
  /* 버튼 영역 padding 수정*/
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.formsearch-box .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 40px;
  font-size: 14px;
  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: 0px -181px;
}

.trp.radio-box input[type="radio"]:checked + i:after {
  width: 20px;
  height: 20px;
  background-position: -40px -181px;
}

.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_tp($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: -82px -100px;
}

.trp.radio-box.sm input[type="radio"] + i {
  top: 6px;
}

.trp.radio-box.sm input[type="radio"] + i:after {
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  background-position: -80px -181px;
}

.trp.radio-box.sm input[type="radio"]:checked + i:after {
  width: 15px;
  height: 15px;
  background-position: -115px -181px;
}

.trp.radio-box.sm label {
  display: block;
  font-size: 20px;
  color: #6b6b6b;
  line-height: 1.3;
}

.trp.radio-box.quzi input[type="radio"] + i {
  top: 6px;
}

.trp.radio-box.quzi input[type="radio"] + i:after {
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  background-position: -50px 0px;
}

.trp.radio-box.quzi input[type="radio"]:checked + i:after {
  width: 30px;
  height: 30px;
  background-position: 0px -50px;
}

.trp.radio-box.quzi label {
  display: block;
  font-size: 20px;
  color: #6b6b6b;
  line-height: 1.3;
}

.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: -143px -40px;
}

.trp.checkbox-box input[type="checkbox"]:checked + i:after {
  width: 20px;
  height: 20px;
  background-position: -143px -80px;
}

.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_tp($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: 0px -141px;
}

.trp.checkbox-box.type1 input[type="checkbox"] + i:after {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background-position: -40px -141px;
}

.trp.checkbox-box.type1 input[type="checkbox"]:checked + i:after {
  width: 20px;
  height: 20px;
  background-position: -80px -141px;
}

.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,
.select-box .select2Basic_34pop {
  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;
  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;
}

.select2Basic_34pop + .select2-container > .selection .select2-selection--single {
  height: 34px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.select2Basic_34pop + .select2-container > .selection .select2-selection--single .select2-selection__rendered {
  line-height: calc(34px - 2px);
  padding: 0 30px 0 15px;
  font-size: 18px;
  font-weight: 400;
  color: #999999;
  text-align: center;
}

.select2Basic_34pop + .select2-container > .selection .select2-selection--single .select2-selection__arrow {
  right: 10px;
  height: 32px;
  width: 30px;
}

.select2Basic_34pop + .select2-container > .selection .select2-selection--single .select2-selection__arrow b {
  border-color: #666666 transparent transparent transparent;
  border-width: 8px 6px 0 6px;
}

.select2Basic_34pop + .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #e90000 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: -100px -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;
  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;
  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;
  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;
  transform: rotate(-45deg);
}

.ui-datepicker-calendar tbody tr td .ui-state-default {
  width: 25px;
  text-align: center;
  border: 0;
  background-color: #fff;
  color: #777777;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today .ui-state-default {
  color: #fff;
  background-color: #00a99d;
  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 {
  border-radius: 0;
}

.timepicker-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 23px;
  height: 23px;
  background-position: -100px 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: -183px 0px;
}

.starpoint-box .star.on:after {
  width: 20px;
  height: 20px;
  background-position: -183px -40px;
}

/* ========================  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: -41px -100px;
}

.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: -183px -181px;
}

.ui-tooltip .arrow.top {
  top: -15px;
  bottom: auto;
  width: 13px;
  height: 15px;
  background-position: -150px -181px;
}

.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.scrollY-hide {
  overflow-y: hidden;
}

body .scroll-type {
  overflow: hidden;
  overflow-y: auto;
}

body .scroll-type::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  -webkit-appearance: none;
  background-color: #E5E8EC;
}

body .scroll-type::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #8E99A8;
}

body .scrollX-type {
  overflow: hidden;
  overflow-x: auto;
}

body .scrollX-type::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  -webkit-appearance: none;
  background-color: #E5E8EC;
}

body .scrollX-type::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #8E99A8;
}

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

/* 언어코드  : EN  tp */
/*
tp_de : 독일어
tp_en : 영어
tp_es : 스페인어
tp_fr : 프랑스어
tp_ko : 한국어
tp_zh : 중국어
*/
body {
  /* ============================> header */
  /* ============================> contents */
  /* ============================>  footer.scss */
}

body .colorB {
  color: #000000;
}

body .colorL {
  color: #a0a0a0;
}

body .colorE {
  color: #080707;
}

body .colorP {
  color: #e50012;
}

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

body .text-legend {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #5e5e5e;
  line-height: 1.25;
  letter-spacing: -0.5px;
  font-style: normal;
}

body i.italic {
  font-style: italic;
}

body #header {
  z-index: 99;
  /*  GNB */
  /* sub_menu */
  /* 햄버거 메뉴  */
  /* location */
}

body #header .gnb-wrap {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 90;
  height: 80px;
  /* height: 245px; */
  /*  overflow: hidden;  */
  background: url(/resources/tp_images/common/top80_menu-bg.png) center 0 no-repeat;
}

body #header .gnb-wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: .20;
  pointer-events: none;
}

body #header .gnb-wrap .side_bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: calc(50% - 1920px / 2);
  height: 80px;
  background-color: #d6d6d6;
}

body #header .gnb-wrap .side_bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  width: calc(50% - 1920px / 2);
  height: 80px;
  background-color: #b6bac1;
}

body #header .gnb-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
}

body #header .gnb-wrap .gnb_col3 {
  position: relative;
  font-size: 0;
}

body #header .gnb-wrap .gnb_col3:after {
  content: '';
  display: block;
  clear: both;
}

body #header .gnb-wrap .gnb_col3 .colitem1 {
  float: left;
  width: 200px;
  padding-left: 30px;
}

body #header .gnb-wrap .gnb_col3 .colitem2 {
  float: left;
  width: calc( 100% - 540px);
}

body #header .gnb-wrap .gnb_col3 .colitem3 {
  float: left;
  width: 340px;
  padding-right: 30px;
}

body #header .gnb-wrap .logo {
  position: relative;
  padding: 0;
}

body #header .gnb-wrap .logo a {
  display: block;
}

body #header .gnb-wrap .logo .imgfull {
  display: block;
  width: 200px;
  height: 80px;
  background: url(/resources/tp_images/common/menu_logo-b.svg) 10px center no-repeat;
  background-size: auto 60px;
}

body #header .gnb-wrap .menu {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 0%;
}

body #header .gnb-wrap .menu .menu-list {
  display: flex;
  justify-content: center;
  padding: 0 2%;
}

body #header .gnb-wrap .menu .menu-list li.on a {
  color: #ed1c24;
}

body #header .gnb-wrap .menu .menu-list li.on a:hover, body #header .gnb-wrap .menu .menu-list li:hover a:hover {
  color: #ed1c24;
}

body #header .gnb-wrap .menu .menu-list a {
  display: block;
  text-align: center;
  padding: 0 30px;
  white-space: nowrap;
  font-size: 18px;
  color: #0a0a0a;
  font-weight: 900;
  line-height: 50px;
}

body #header .gnb-wrap .menu .menu-list > li:nth-child(1) > a {
  padding-top: 0px;
}

body #header .gnb-wrap .menu .menu-list > li:nth-child(2) > a {
  padding-top: 0px;
}

body #header .gnb-wrap .menu .menu-list > li:nth-child(3) > a {
  padding-top: 0px;
}

body #header .gnb-wrap .menu .menu-list > li:nth-child(4) > a {
  padding-top: 0px;
}

body #header .gnb-wrap .menu .menu-list > li:nth-child(5) > a {
  padding-top: 0px;
}

body #header .gnb-wrap .bar {
  position: absolute;
  bottom: -3px;
  left: -5px;
  z-index: 31;
  pointer-events: none;
  display: block;
  width: calc(100% + 10px);
  height: 5px;
  background-color: #ef0010;
  font-size: 0;
  opacity: 0;
  transition: all 0.27s ease-in-out;
  transform: translateX(-50%);
}

body #header .gnb-wrap .bar.on {
  opacity: 1;
}

body #header .gnb-wrap .bar::before, body #header .gnb-wrap .bar::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
}

body #header .gnb-wrap .bar::before {
  left: -5px;
  background: url(/resources/tp_images/common/menu_bar-l.png) 0 0 no-repeat;
}

body #header .gnb-wrap .bar::after {
  right: -5px;
  background: url(/resources/tp_images/common/menu_bar-r.png) 0 0 no-repeat;
}

body #header .gnb-wrap .menu:hover li a:hover {
  color: #cc0000;
}

body #header .gnb-wrap .menu:hover .sub_menu-area {
  visibility: visible;
  opacity: 1;
}

@media (hover: none) {
  body #header .gnb-wrap li a:hover {
    color: #4a4a49;
  }
  body #header .gnb-wrap .sub_menu-area:hover {
    visibility: hidden;
    opacity: 0;
  }
}

body #header .gnb-wrap .other {
  padding: 15px 0;
  text-align: right;
}

body #header .gnb-wrap .other .lang_dropdown-area {
  position: relative;
  display: inline-block;
}

body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box {
  padding: 11px 5px;
  cursor: pointer;
}

body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .menu-lang img, body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .menu-lang svg {
  width: 24px;
}

body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box i, body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box button {
  vertical-align: top;
  display: inline-block;
}

body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
  position: relative;
  padding: 0px 0;
  height: 20px;
  box-sizing: border-box;
  margin-right: 5px;
}

body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn span {
  display: inline-block;
  margin: 2px 5px;
  width: 33px;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
}

body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn i {
  margin: 12px 0 0 5px;
  float: right;
  width: 0;
  height: 0;
  border-top: 5px solid #000;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
}

body #header .gnb-wrap .other .lang_dropdown-area .trp-dropdown_list-box {
  display: none;
  position: absolute;
  top: 45px;
  left: 5px;
  padding: 10px 0;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background-color: #fff;
  z-index: 11;
}

body #header .gnb-wrap .other .lang_dropdown-area .trp-dropdown_list-box li.active {
  display: none;
}

body #header .gnb-wrap .other .lang_dropdown-area .trp-dropdown_list-box a {
  display: block;
  text-align: center;
  padding: 4px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

body #header .gnb-wrap .other .user_menu {
  display: inline-block;
  padding: 11px 5px;
  font-size: 0;
  vertical-align: middle;
}

body #header .gnb-wrap .other .user_menu i, body #header .gnb-wrap .other .user_menu span {
  vertical-align: top;
}

body #header .gnb-wrap .other .user_menu i {
  display: inline-block;
}

body #header .gnb-wrap .other .user_menu i img, body #header .gnb-wrap .other .user_menu i svg {
  width: 24px;
}

body #header .gnb-wrap .other .user_menu span {
  display: inline-block;
  margin: 2px 5px;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
}

body #header .gnb-wrap .other .user_logout {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  padding: 5px 15px;
  margin-left: 5px;
  background-color: #000;
  border-radius: 16px;
}

body #header .gnb-wrap .other .user_logout span {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 23px;
}

body #header .gnb-wrap .other .hamburger_menu {
  display: inline-block;
  display: none;
  width: 50px;
  height: 50px;
  padding: 15px;
  margin-right: -15px;
}

body #header .gnb-wrap .other .hamburger_menu i {
  display: block;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1200px) {
  body #header .gnb-wrap .menu .menu-list a {
    padding: 0 15px;
    letter-spacing: -.5px;
  }
  body #header .gnb-wrap .other .user_menu span {
    display: none;
  }
  body #header .gnb-wrap .other .user_logout {
    padding: 4px 10px;
    border-radius: 15px;
  }
  body #header .gnb-wrap .other .user_logout span {
    font-size: 14px;
    line-height: 20px;
  }
  body #header .gnb-wrap .gnb_col3 .colitem1 {
    width: 200px;
  }
  body #header .gnb-wrap .gnb_col3 .colitem2 {
    width: calc(100% - 450px);
  }
  body #header .gnb-wrap .gnb_col3 .colitem3 {
    width: 250px;
  }
}

@media screen and (max-width: 1023px) {
  body #header .gnb-wrap {
    height: 50px;
    /* height: 150px; */
    background: url(/resources/tp_images/common/top80_menu-bg-mb.png) center 0 no-repeat;
  }
  body #header .gnb-wrap .inner::after {
    top: 50px;
  }
  body #header .gnb-wrap .gnb_col3 {
    position: relative;
  }
  body #header .gnb-wrap .gnb_col3:after {
    content: '';
    display: block;
    clear: both;
  }
  body #header .gnb-wrap .gnb_col3 .colitem1 {
    width: 100px;
    padding-left: 14px;
  }
  body #header .gnb-wrap .gnb_col3 .colitem2 {
    display: none;
  }
  body #header .gnb-wrap .gnb_col3 .colitem3 {
    float: right;
    width: auto;
    padding-right: 14px;
  }
  body #header .gnb-wrap .logo {
    padding: 0;
  }
  body #header .gnb-wrap .logo .imgfull {
    width: 80px;
    height: 50px;
    margin-left: 0px;
    background: url(/resources/tp_images/common/menu_logo-b.svg) 0px center no-repeat;
    background-size: 80px 36px;
  }
  body #header .gnb-wrap .menu {
    padding: 15px 0% 0;
  }
  body #header .gnb-wrap .menu .menu-list {
    position: relative;
    clear: both;
    text-align: center;
    font-size: 0;
    line-height: 0;
  }
  body #header .gnb-wrap .menu .menu-list > li {
    float: none;
    width: auto;
    display: inline-block;
  }
  body #header .gnb-wrap .menu .menu-list > li:nth-child(1) {
    width: 14.0%;
  }
  body #header .gnb-wrap .menu .menu-list > li:nth-child(1) > a {
    padding-top: 15px;
  }
  body #header .gnb-wrap .menu .menu-list > li:nth-child(2) {
    width: 26.0%;
  }
  body #header .gnb-wrap .menu .menu-list > li:nth-child(2) > a {
    padding-top: 15px;
  }
  body #header .gnb-wrap .menu .menu-list > li:nth-child(3) {
    width: 20.0%;
  }
  body #header .gnb-wrap .menu .menu-list > li:nth-child(3) > a {
    padding-top: 15px;
  }
  body #header .gnb-wrap .menu .menu-list > li:nth-child(4) {
    width: 20.0%;
  }
  body #header .gnb-wrap .menu .menu-list > li:nth-child(4) > a {
    padding-top: 15px;
  }
  body #header .gnb-wrap .menu .menu-list > li:nth-child(5) {
    width: 20.0%;
  }
  body #header .gnb-wrap .menu .menu-list > li:nth-child(5) > a {
    padding-top: -15px;
  }
  body #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;
    color: #4a4a49;
    font-weight: bold;
    line-height: 1.2;
    height: 65px;
    text-transform: uppercase;
    box-sizing: border-box;
  }
  body #header .gnb-wrap .other {
    padding: 0;
  }
  body #header .gnb-wrap .other .lang_dropdown-area {
    padding: 10px 5px;
  }
  body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box {
    font-size: 0;
    padding: 0;
  }
  body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .menu-lang img, body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .menu-lang svg {
    width: 20px;
  }
  body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn {
    margin-right: 0;
  }
  body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn span {
    font-size: 12px;
    padding: 0;
    margin: 0;
  }
  body #header .gnb-wrap .other .lang_dropdown-area .dropdown-box .select-btn i {
    margin: 9px 0 0 2px;
  }
  body #header .gnb-wrap .other .lang_dropdown-area .trp-dropdown_list-box a {
    padding: 2px 10px;
    font-size: 12px;
  }
  body #header .gnb-wrap .other .user_menu {
    padding: 10px 5px;
  }
  body #header .gnb-wrap .other .user_menu i {
    margin-right: 5px;
  }
  body #header .gnb-wrap .other .user_menu i img, body #header .gnb-wrap .other .user_menu i svg {
    width: 20px;
  }
  body #header .gnb-wrap .other .user_menu span {
    font-size: 12px;
    padding: 0;
    margin: 0;
  }
  body #header .gnb-wrap .other .user_logout {
    padding: 5px 10px;
    margin-left: 0px;
    border-radius: 13px;
  }
  body #header .gnb-wrap .other .user_logout span {
    font-size: 11px;
    line-height: 15px;
  }
  body #header .gnb-wrap .other .hamburger_menu {
    display: inline-block;
    padding: 10px;
    margin-right: -14px;
  }
  body #header .gnb-wrap .other .hamburger_menu img {
    width: 20px;
  }
}

body #header .sub_menu-area {
  visibility: hidden;
  opacity: 0;
  /* visibility: visible; opacity: 1;   display: block; */
  border-bottom: 1px solid #ccc;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background: #f7f7f7;
  z-index: 30;
}

body #header .sub_menu-area::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f0f0f0;
  pointer-events: none;
}

body #header .sub_menu-area .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 35px;
}

body #header .sub_menu-area .sub_menu {
  padding: 35px 245px 35px 150px;
}

body #header .sub_menu-area .sub_menu .col3 {
  padding: 0 4%;
}

body #header .sub_menu-area .sub_menu .colitem:nth-child(1) {
  padding-left: 20px;
  width: 200px;
}

body #header .sub_menu-area .sub_menu .colitem:nth-child(2) {
  padding-left: 20px;
  width: 222px;
}

body #header .sub_menu-area .sub_menu .colitem:nth-child(3) {
  padding-left: 20px;
  width: 276px;
}

body #header .sub_menu-area .sub-list {
  position: relative;
  border-left: 1px solid #d6d6d6;
}

body #header .sub_menu-area .sub-list li a {
  position: relative;
  display: block;
  padding: 4px 14px;
  font-size: 16px;
  color: #000;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
}

body #header .sub_menu-area .sub-list li a i {
  box-sizing: content-box;
  margin-bottom: -1px;
  margin-left: 3px;
}

body #header .sub_menu-area .sub-list li + li {
  margin-top: 12px;
}

body #header .sub_menu-area .sub-list > li:hover > a {
  color: #e50012;
}

body #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 #header .sub_menu-area .sub-list li:hover a {
    color: #e50012;
  }
  body #header .sub_menu-area .sub-list li:hover a::after {
    content: "";
    display: none;
  }
}

body #header .sub_menu-area .sub_dep3-list {
  margin-top: 2px;
  padding-left: 14px;
}

body #header .sub_menu-area .sub_dep3-list li + li {
  margin-top: 0;
}

body #header .sub_menu-area .sub_dep3-list li {
  margin-top: 0;
}

body #header .sub_menu-area .sub_dep3-list li a {
  position: relative;
  padding: 3px 10px;
}

body #header .sub_menu-area .sub_dep3-list li a::before {
  content: "-";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
}

@media screen and (max-width: 1023px) {
  body #header .sub_menu-area {
    display: none;
  }
}

body #header .hamburger-area {
  visibility: hidden;
  opacity: 0;
  height: calc( 100% - 80px);
  overflow-y: auto;
  transition: opacity 0.3s ease-in-out;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 50;
}

body #header .hamburger-area.open {
  visibility: visible;
  opacity: 1;
}

body #header .hamburger-area .inner {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 20px 40px 55px;
}

body #header .hamburger-area .inner .colitem {
  margin-top: 40px;
}

body #header .hamburger-area .inner .hamburger-head {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #fff;
}

body #header .hamburger-area .inner .hamburger-head .gnb_col3 .colitem3 .other {
  padding: 0;
}

body #header .hamburger-area .inner .hamburger-body {
  border-top: 1px solid #dbdbdb;
}

body #header .hamburger-area .dep1 .tit {
  position: relative;
}

body #header .hamburger-area .dep1 .tit a, body #header .hamburger-area .dep1 .tit span {
  font-size: 22px;
  font-weight: 900;
  color: #000000;
}

body #header .hamburger-area .dep1 .tit .dep1-btn {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body #header .hamburger-area .dep1 .tit .icon-hamburger_arrow {
  display: none;
}

body #header .hamburger-area .dep2-list {
  margin-top: 30px;
  display: block;
  position: relative;
}

body #header .hamburger-area .dep2-list::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  width: 1px;
  height: calc( 100% - 20px);
  background-color: #454545;
}

body #header .hamburger-area .dep2-list li {
  padding: 3px 10px;
}

body #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 #header .hamburger-area .dep2-list a i {
  margin-bottom: -2px;
  margin-left: 3px;
}

body #header .hamburger-area .dep2-list a:hover {
  background: #e50012;
}

@media (hover: none) {
  body #header .hamburger-area .dep2-list a:hover {
    background: transparent;
  }
}

body #header .hamburger-area .dep3-list {
  margin-top: 5px;
}

body #header .hamburger-area .dep3-list li {
  padding: 3px 0px;
}

body #header .hamburger-area .dep3-list a {
  padding: 4px 8px 4px 38px;
  font-size: 12px;
  font-weight: 400;
  color: #969696;
  line-height: 1.5;
}

body #header .hamburger-area .dep3-list a:hover {
  background: #202020;
  color: #fff;
}

@media (hover: none) {
  body #header .hamburger-area .dep3-list a:hover {
    background: transparent;
    color: #969696;
  }
}

@media screen and (max-width: 1023px) {
  body #header .hamburger-area.open {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: auto;
  }
  body #header .hamburger-area.open .inner {
    padding: 50px 0 0 0;
  }
  body #header .hamburger-area.open .inner .colitem {
    margin-top: 0px;
    float: none;
    width: 100%;
  }
  body #header .hamburger-area.open .inner .hamburger-body {
    padding: 30px 0;
  }
  body #header .hamburger-area.open .inner .gnb_col3 {
    font-size: 0;
  }
  body #header .hamburger-area.open .inner .logo .imgfull {
    background: url(/resources/tp_images/common/menu_logo-b.svg) 0px center no-repeat;
    background-size: 80px 36px;
  }
  body #header .hamburger-area.open .inner .lang_dropdown-area .select-btn span {
    color: #000000;
  }
  body #header .hamburger-area.open .inner .lang_dropdown-area .select-btn i {
    border-top: 5px solid #000;
  }
  body #header .hamburger-area.open .inner .user_menu span {
    color: #000000;
  }
  body #header .hamburger-area.open .inner .hamburger_close-btn {
    display: inline-block;
    padding: 10px;
    width: 50px;
    height: 50px;
    z-index: 10;
    text-align: right;
    margin-right: -14px;
    box-sizing: border-box;
    vertical-align: middle;
  }
  body #header .hamburger-area.open .inner .hamburger_close-btn i {
    display: block;
    font-size: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    box-sizing: border-box;
  }
  body #header .hamburger-area.open .inner .hamburger_close-btn i img {
    width: 14px;
    height: 14px;
  }
  body #header .hamburger-area.open .dep1 .tit {
    position: relative;
    border-bottom: 1px solid #fff;
    padding: 4px 20px;
  }
  body #header .hamburger-area.open .dep1 .tit .dep1-btn {
    visibility: visible;
    z-index: 10;
  }
  body #header .hamburger-area.open .dep1 .tit .icon-hamburger_arrow {
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
  }
  body #header .hamburger-area.open .dep1 .tit i {
    display: block;
    position: absolute;
    top: 7px;
    right: 0px;
    padding: 5px;
  }
  body #header .hamburger-area.open .dep1 .tit a, body #header .hamburger-area.open .dep1 .tit span {
    font-size: 18px;
    line-height: 26px;
  }
  body #header .hamburger-area.open .dep1 .dep2-area {
    padding: 10px 20px;
  }
  body #header .hamburger-area.open .dep2-list {
    display: none;
    margin-top: 0;
    padding: 10px 0;
    background-color: #efefef;
  }
  body #header .hamburger-area.open .dep2-list::after {
    display: none;
  }
  body #header .hamburger-area.open .dep2-list li {
    position: relative;
    padding: 0px 10px;
  }
  body #header .hamburger-area.open .dep2-list li.on::before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 13px;
    width: 12px;
    height: 5px;
    background-position: -90.5px -264px;
  }
  body #header .hamburger-area.open .dep2-list li.on a {
    color: #2c2c2c;
  }
  body #header .hamburger-area.open .dep2-list li.on .dep3-list a {
    color: #2c2c2c;
  }
  body #header .hamburger-area.open .dep2-list a {
    display: block;
    padding: 5px 20px 5px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 1.5;
  }
  body #header .hamburger-area.open .dep2-list a:hover {
    background-color: transparent;
  }
  body #header .hamburger-area.open .dep3-list {
    margin-top: 0px;
    padding: 0px 0;
  }
  body #header .hamburger-area.open .dep3-list li {
    padding: 0px;
  }
  body #header .hamburger-area.open .dep3-list a {
    position: relative;
    padding: 0px 30px 5px;
    font-size: 13px;
    color: #979797;
  }
  body #header .hamburger-area.open .dep3-list a:after {
    content: "-";
    display: block;
    position: absolute;
    top: -1px;
    left: 20px;
  }
  body #header .hamburger-area.open .dep3-list a:hover {
    background-color: transparent;
    color: #979797;
  }
  body #header .hamburger-area.open .on .tit span {
    color: #e50012;
  }
  body #header .hamburger-area.open .on .tit .icon-hamburger_arrow {
    transform: rotate(180deg);
  }
}

body #header .location-wrap {
  position: absolute;
  top: 245px;
  width: 100%;
  z-index: 20;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #e40120;
}

body #header .location-wrap.scroll_hold {
  position: fixed;
  top: 80px;
  border-top: 0px solid #ccc;
}

body #header .location-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
}

body #header .location-wrap .home {
  display: block;
  width: 50px;
  height: 50px;
  padding: 10px;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

body #header .location-wrap .location-list {
  padding-left: 15px;
}

body #header .location-wrap .location-list:after {
  content: '';
  display: block;
  clear: both;
}

body #header .location-wrap .location-list > li + li {
  margin-left: 10px;
}

body #header .location-wrap .location-list > li + li::before {
  position: relative;
  content: "";
  margin-left: 0;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: -8px;
  display: block;
  width: 8px;
  height: 11px;
  background-position: -490px -346px;
}

body #header .location-wrap .location-list > li {
  float: left;
  position: relative;
}

body #header .location-wrap .location-list > li a {
  display: block;
  padding: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #5e5e5e;
  text-transform: none;
}

@media screen and (max-width: 1023px) {
  body #header .location-wrap {
    top: 150px;
  }
  body #header .location-wrap.scroll_hold {
    position: fixed;
    top: 50px;
  }
  body #header .location-wrap .inner {
    padding: 0;
  }
  body #header .location-wrap .home {
    width: 30px;
    height: 30px;
    padding: 5px;
  }
  body #header .location-wrap .location-list {
    padding-left: 5px;
  }
  body #header .location-wrap .location-list:after {
    content: '';
    display: block;
    clear: both;
  }
  body #header .location-wrap .location-list > li + li {
    margin-left: 10px;
  }
  body #header .location-wrap .location-list > li + li::before {
    top: 50%;
    margin-top: -5px;
    width: 8px;
    height: 11px;
    background-position: -490px -346px;
  }
  body #header .location-wrap .location-list > li a {
    padding: 5px;
    font-size: 10px;
    line-height: 20px;
  }
}

body #contents {
  min-height: calc( 100vh - ( 120px));
}

body #contents .key_visual {
  height: calc(245px - 80px);
  background: url(/resources/tp_images/common/top_menu-bg.png) center 0 no-repeat;
  background-attachment: fixed;
}

body #contents .key_visual .side_bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: calc(50% - 1920px / 2);
  height: 245px;
  background-color: #d6d6d6;
}

body #contents .key_visual .side_bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  width: calc(50% - 1920px / 2);
  height: 245px;
  background-color: #b6bac1;
}

body #contents .key_visual .key_visual-inner {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 35px 40px 35px;
  height: 100%;
}

body #contents .key_visual .key_visual-inner .key_title {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #000;
}

body #contents .key_visual .key_visual-inner .key_desc {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

body #contents .key_visual .key_visual-inner .key_desc.red_text {
  color: #970216;
}

@media screen and (max-width: 1023px) {
  body #contents .key_visual {
    height: calc(150px - 50px);
    background: url(/resources/tp_images/common/top_menu-bg-mb.png) center 0 no-repeat;
    background-attachment: fixed;
  }
  body #contents .key_visual .key_visual-inner .key_title {
    font-size: 18px;
  }
  body #contents .key_visual .key_visual-inner .key_desc {
    font-size: 13px;
  }
}

body #contents .top_guide {
  padding-top: 52px;
}

@media screen and (max-width: 1023px) {
  body #contents .top_guide {
    padding-top: 30px;
  }
}

body #contents .txt_red_line {
  color: #e40120;
  text-decoration: underline;
}

body #contents .red_text {
  color: #970216;
}

body #contents .red_line {
  position: relative;
}

body #contents .red_line:after {
  display: inline-block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e40120;
}

body #contents .point_line {
  position: relative;
}

body #contents .point_line:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 194px;
  height: 11px;
  background: url(/resources/tp_images/academy/point_line.png) 0 0 no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1023px) {
  body #contents .point_line:after {
    width: 72px;
    height: 4px;
  }
}

body #contents .txt_italic {
  font-style: italic;
  font-family: adobe-myungjo-std, sans-serif;
  font-weight: 600;
}

body #contents .page_title-section {
  padding-top: 60px;
}

body #contents .page_title-section .s-head {
  padding: 10px 0;
  border-bottom: 2px solid #000;
}

body #contents .page_title-section .s-head .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

body #contents .page_title-section .s-body {
  padding: 30px 0;
  font-size: 20px;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  body #contents .page_title-section {
    padding-top: 30px;
  }
  body #contents .page_title-section .s-head {
    padding: 5px 0;
    border-bottom: 2px solid #000;
  }
  body #contents .page_title-section .s-head .title {
    font-size: 22px;
    line-height: 30px;
  }
  body #contents .page_title-section .s-body {
    padding: 20px 0;
    font-size: 16px;
  }
}

body #contents .page-tp_title-section {
  margin-top: 52px;
}

body #contents .page-tp_title-section.top_guide {
  padding-top: 110px;
}

body #contents .page-tp_title-section .s-head {
  padding: 10px 0;
  text-align: center;
}

body #contents .page-tp_title-section .s-head .title {
  position: relative;
}

body #contents .page-tp_title-section .s-head .title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d6d6d6;
}

body #contents .page-tp_title-section .s-head .title span {
  position: relative;
  display: inline-block;
  padding: 0 30px;
  background-color: #fff;
  font-size: 55px;
  font-weight: 800;
  line-height: 40px;
  z-index: 1;
}

body #contents .page-tp_title-section .s-head .desc {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #888;
  line-height: 1.2;
}

body #contents .page-tp_title-section .s-body {
  padding: 30px 0;
  font-size: 20px;
  color: #5e5e5e;
}

@media screen and (max-width: 1023px) {
  body #contents .page-tp_title-section {
    margin-top: 32px;
  }
  body #contents .page-tp_title-section.top_guide {
    padding-top: 50px;
  }
  body #contents .page-tp_title-section .s-head {
    padding: 5px 0;
  }
  body #contents .page-tp_title-section .s-head .title span {
    font-size: 30px;
    line-height: 30px;
  }
  body #contents .page-tp_title-section .s-head .desc {
    margin-top: 15px;
    font-size: 14px;
  }
  body #contents .page-tp_title-section .s-body {
    padding: 20px 0;
    font-size: 16px;
  }
}

body #contents .academy_info-wrap {
  margin-top: 52px;
}

body #contents .academy_info-wrap.top_guide {
  padding-top: 200px;
}

@media screen and (max-width: 1023px) {
  body #contents .academy_info-wrap {
    margin-top: 32px;
  }
  body #contents .academy_info-wrap.top_guide {
    padding-top: 50px;
  }
}

body #footer .footer-wrap {
  background-color: #202020;
}

body #footer .footer-wrap.tire_search {
  padding-bottom: 0px;
}

body #footer .inner {
  position: relative;
  max-width: 1280px;
  height: 120px;
  margin: 0 auto;
  padding: 35px 40px 35px;
}

body #footer .footerlink-area {
  position: relative;
  padding: 4px 0px 4px;
}

body #footer .footerlink-area .link-list:after {
  content: '';
  display: block;
  clear: both;
}

body #footer .footerlink-area .link-list li {
  position: relative;
  float: left;
}

body #footer .footerlink-area .link-list li:after {
  content: "";
  display: block;
  width: 2px;
  height: 10px;
  background-color: #373737;
  position: absolute;
  top: 7px;
  right: 20px;
}

body #footer .footerlink-area .link-list li:first-child a {
  padding-left: 0;
}

body #footer .footerlink-area .link-list li:last-child:after {
  display: none;
}

body #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;
}

body #footer .footerbottom-area {
  position: relative;
  margin-top: 0px;
}

body #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;
}

body #footer .footerbottom-area .address-box .copy {
  display: block;
  margin-top: 0px;
  font-variant: unset;
}

@media screen and (max-width: 1023px) {
  body #footer .footer-wrap {
    background-color: #202020;
    /* padding-bottom: 55px; */
  }
  body #footer .footer-wrap.tire_search {
    padding-bottom: 50px;
  }
  body #footer .inner {
    max-width: auto;
    padding: 15px 14px;
    height: auto;
  }
  body #footer .footerlink-area {
    border-top: 0px solid #292929;
    padding: 4px 0px 4px;
  }
  body #footer .footerlink-area .link-list:after {
    content: '';
    display: block;
    clear: both;
  }
  body #footer .footerlink-area .link-list li:after {
    width: 2px;
    height: 12px;
    position: absolute;
    top: 4px;
    right: 10px;
  }
  body #footer .footerlink-area .link-list a {
    padding: 0 12px 0 0;
    margin-right: 10px;
    font-size: 13px;
  }
  body #footer .footerbottom-area .address-box span, body #footer .footerbottom-area .copyright-box span {
    font-size: 14px;
    line-height: 1.8;
  }
  body #footer .footerbottom-area .address-box .copy, body #footer .footerbottom-area .copyright-box .copy {
    margin-top: 0px;
  }
  body #footer .footerbottom-area .address-box {
    margin-top: 0px;
  }
  body #footer .footerbottom-area .address-box span {
    margin-right: 5px;
  }
  body #footer .footerbottom-area .address-box .add {
    display: block;
  }
}

body {
  /* ============================ 컨텐츠 스타일 ==================== */
  /* 간격 1뎀메뉴 , 컨텐츠 간격 , 타입간 간격, 아이템별 간격  */
  /* ============================ 컨텐츠 페이지 가이드 ==================== */
  /* 제품 검색 */
  /* 서브텝 쇼히든. subtab con active */
  /* big */
  /* middle */
  /* form table */
  /* 게시글 보기 */
}

body .st_top_line {
  margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #e2e2e2;
}

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

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

body .st_top_item {
  margin-top: 40px;
}

body .st_top_tm {
  margin-top: 30px;
}

body .st_top_sm {
  margin-top: 20px;
}

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

@media screen and (max-width: 1023px) {
  body .st_top_line {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e2e2e2;
  }
  body .st_top_none {
    margin-top: 40px;
  }
  body .st_top_type {
    margin-top: 30px;
  }
  body .st_top_item {
    margin-top: 20px;
  }
  body .st_top_tm {
    margin-top: 15px;
  }
  body .st_top_sm {
    margin-top: 10px;
  }
  body .st_top_ssm {
    margin-top: 10px;
  }
}

body .tire_knowledge-wrap .title.style_line {
  margin-bottom: 30px;
}

body .tire_knowledge-wrap p {
  color: #5e5e5e;
  line-height: 1.7em;
}

body .tire_knowledge-wrap p em {
  color: #e50013;
}

body .tire_knowledge-wrap p.txt-lg {
  font-size: 20px;
  line-height: 1.7em;
}

body .tire_knowledge-wrap p.txt-lg b {
  color: #000;
}

body .tire_knowledge-wrap p.txt-lg.type_a {
  margin-top: 35px;
}

@media screen and (max-width: 1023px) {
  body .tire_knowledge-wrap .title.style_line {
    margin-bottom: 20px;
  }
  body .tire_knowledge-wrap p {
    font-size: 13px;
  }
  body .tire_knowledge-wrap p.txt-lg {
    font-size: 13px;
  }
  body .tire_knowledge-wrap p.txt-lg b {
    font-size: 15px;
  }
  body .tire_knowledge-wrap p.txt-lg.type_a {
    margin-top: 20px;
  }
}

body .page-tp_title-section + section {
  margin-top: 60px;
}

@media screen and (max-width: 1023px) {
  body .page-tp_title-section + section {
    margin-top: 40px;
  }
}

body .search-wrap .search-area {
  position: relative;
  background-color: #f7f8f8;
  padding: 40px;
  padding-right: 180px;
  display: flex;
}

body .search-wrap .search-area .form-item:first-child {
  margin-left: 0;
}

body .search-wrap .search-area .form-item {
  margin-left: 20px;
  flex: 1;
}

body .search-wrap .search-area .form-item .form-label {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
}

body .search-wrap .search-area .search-item {
  position: absolute;
  bottom: 40px;
  right: 40px;
  padding-top: 26px;
}

body .search-wrap .search-area .search-item a {
  width: 120px;
  font-size: 18px;
  font-weight: bold;
  padding: 6px 10px;
  line-height: 26px;
}

@media screen and (max-width: 1023px) {
  body .search-wrap .search-area {
    padding: 10px 10px 20px;
    display: flex;
    flex-wrap: wrap;
  }
  body .search-wrap .search-area .form-item {
    flex: none;
    width: 50%;
    padding: 0 5px;
    margin-left: 0;
    margin-top: 15px;
  }
  body .search-wrap .search-area .form-item .form-label {
    font-size: 15px;
  }
  body .search-wrap .search-area .search-item {
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 20px;
    padding: 0 5px;
    width: 100%;
  }
  body .search-wrap .search-area .search-item .btn {
    display: block;
    width: 100%;
  }
}

body .tab_subcon-wrap .tabitem {
  display: none;
}

body .tab_subcon-wrap .tabitem.on {
  display: block;
}

body .section-panel .con-header {
  margin-bottom: 30px;
}

body .section-panel .con-header .title {
  font-size: 26px;
  color: #000;
}

body .section-panel .con-header .title h3 {
  font-size: inherit;
}

body .section-panel .con-body .typo_top_img + p {
  margin-top: 30px;
}

body .section-panel .con-body p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.8;
  color: #5e5e5e;
}

body .section-panel .con-body p em {
  color: #e50012;
}

body .section-panel .con-body p + p {
  margin-top: 30px;
}

@media screen and (max-width: 1023px) {
  body .section-panel .con-header {
    margin-bottom: 20px;
  }
  body .section-panel .con-header .title {
    font-size: 20px;
  }
  body .section-panel .con-body p {
    margin-top: 20px;
    font-size: 13px;
  }
  body .section-panel .con-body p em {
    color: #e50012;
  }
  body .section-panel .con-body p + p {
    margin-top: 20px;
  }
}

body .middle_typo-area {
  clear: both;
  float: none;
  font-size: 16px;
  line-height: 1.8;
  color: #5e5e5e;
}

body .middle_typo-area p + p {
  margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  body .middle_typo-area {
    font-size: 13px;
  }
  body .middle_typo-area p + p {
    margin-top: 20px;
  }
}

body .middle_typo-area .middle_typo-box + .middle_typo-box {
  margin-top: 30px;
}

body .middle_typo-area .middle_typo-box > .title, body .middle_typo-area .middle_typo-box .title.style_line {
  margin-bottom: 20px;
  font-size: 22px;
  color: #000000;
  font-weight: bold;
  line-height: 1.2;
}

body .middle_typo-area .middle_typo-box > .title h3, body .middle_typo-area .middle_typo-box > .title h4, body .middle_typo-area .middle_typo-box .title.style_line h3, body .middle_typo-area .middle_typo-box .title.style_line h4 {
  line-height: 1;
  font-size: inherit;
}

@media screen and (max-width: 1023px) {
  body .middle_typo-area .middle_typo-box + .middle_typo-box {
    margin-top: 20px;
  }
  body .middle_typo-area .middle_typo-box > .title, body .middle_typo-area .middle_typo-box .title.style_line {
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 1;
  }
  body .middle_typo-area .middle_typo-box .title.style_line h4 {
    padding-left: 8px;
  }
}

body .form_table tbody th .col2.table_td .colitem .input-box, body .form_table tbody td .col2.table_td .colitem .input-box {
  width: 100%;
  max-width: 100%;
}

body .form_table tbody th .col2.table_td .colitem:nth-child(odd), body .form_table tbody td .col2.table_td .colitem:nth-child(odd) {
  padding-right: 10px;
}

body .form_table tbody th .col2.table_td .colitem:nth-child(even), body .form_table tbody td .col2.table_td .colitem:nth-child(even) {
  padding-left: 10px;
}

body .form_table tbody th .col2.table_td + .col2.table_td, body .form_table tbody td .col2.table_td + .col2.table_td {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  body .form_table tbody th .col2.table_td .colitem:nth-child(odd), body .form_table tbody td .col2.table_td .colitem:nth-child(odd) {
    width: 100%;
    padding-right: 0px;
  }
  body .form_table tbody th .col2.table_td .colitem:nth-child(even), body .form_table tbody td .col2.table_td .colitem:nth-child(even) {
    position: relative;
    width: 100%;
    padding-left: 0px;
    margin-top: 8px;
    /* padding-top: 8px; 
              &::after { content: ""; display: block; width: calc(100% + 20px); height: 1px; 
                position: absolute; top: 0px; left: -10px; background-color: #e6e6e6;
              } */
  }
  body .form_table tbody th .col2.table_td + .col2.table_td, body .form_table tbody td .col2.table_td + .col2.table_td {
    margin-top: 10px;
  }
}

body .form_table tbody th .col2.table_td .colitem .input-box, body .form_table tbody td .col2.table_td .colitem .input-box {
  width: 100%;
  max-width: 100%;
}

body .form_table tbody th .col2.table_td .colitem:nth-child(odd), body .form_table tbody td .col2.table_td .colitem:nth-child(odd) {
  padding-right: 10px;
}

body .form_table tbody th .col2.table_td .colitem:nth-child(even), body .form_table tbody td .col2.table_td .colitem:nth-child(even) {
  padding-left: 10px;
}

body .form_table tbody th .col2.table_td + .col2.table_td, body .form_table tbody td .col2.table_td + .col2.table_td {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  body .form_table tbody th .col2.table_td .colitem:nth-child(odd), body .form_table tbody td .col2.table_td .colitem:nth-child(odd) {
    width: 100%;
    padding-right: 0px;
  }
  body .form_table tbody th .col2.table_td .colitem:nth-child(even), body .form_table tbody td .col2.table_td .colitem:nth-child(even) {
    position: relative;
    width: 100%;
    padding-left: 0px;
    margin-top: 8px;
    /* padding-top: 8px; 
              &::after { content: ""; display: block; width: calc(100% + 20px); height: 1px; 
                position: absolute; top: 0px; left: -10px; background-color: #e6e6e6;
              } */
  }
  body .form_table tbody th .col2.table_td + .col2.table_td, body .form_table tbody td .col2.table_td + .col2.table_td {
    margin-top: 10px;
  }
}

body .view-wrap {
  margin-top: 65px;
}

body .view-wrap .con-body {
  /* 비디오 뷰 */
}

body .view-wrap .con-body .view-contents.video_edit {
  padding: 0;
}

body .view-wrap .con-body .view-contents.video_edit .video-box {
  margin-top: 25px;
}

body .view-wrap .con-footer .guide-area {
  padding: 40px 20px;
  background-color: #f7f7f7;
  text-align: center;
}

body .view-wrap .con-footer .guide-area span {
  font-size: 20px;
  color: #6b6b6b;
}

body .view-wrap .con-footer .guide-area .btn-box {
  margin-top: 25px;
}

body {
  /* =============== 타이어 리스트 =============== */
  /* =============== 타이어 상세 =============== */
}

body .product_list-wrap {
  margin-top: 30px;
}

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

body .product_list-wrap .product_list-panel .panel-body {
  position: relative;
}

body .product_list-wrap .pro_con-list {
  display: flex;
  flex-wrap: wrap;
  width: calc( 100%  + 24px);
  margin-left: -12px;
}

body .product_list-wrap .pro_con-list li.colitem {
  margin-top: 25px;
  padding: 0 12px;
  width: 33.3333%;
}

@media screen and (max-width: 1200px) {
  body .product_list-wrap .pro_con-list li.colitem {
    width: 50%;
  }
}

@media screen and (max-width: 1023px) {
  body .product_list-wrap .pro_con-list {
    width: 100%;
    margin-left: 0px;
  }
  body .product_list-wrap .pro_con-list li.colitem {
    width: 100%;
  }
}

body .product_list-wrap .pro_con-list .pro_card {
  position: relative;
  padding: 0px;
}

body .product_list-wrap .pro_con-list .pro_card .card-typo {
  padding: 20px 8px 35px;
}

@media screen and (max-width: 1023px) {
  body .product_list-wrap .pro_con-list .pro_card .card-typo {
    padding: 15px 4px 20px;
  }
}

body .product_list-wrap .pro_con-list .pro_card .badge-box {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
}

body .product_list-wrap .pro_con-list .pro_card .badge-box .badge + .badge {
  margin-left: 8px;
}

body .product_list-wrap .pro_con-list .pro_card .badge-box .badge {
  padding: 0px 15px;
  font-size: 0;
  border-radius: 13px;
}

body .product_list-wrap .pro_con-list .pro_card .badge-box .badge span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #fff;
  line-height: 26px;
}

body .product_list-wrap .pro_con-list .pro_card .badge-box .badge.type-red {
  background-color: #e50012;
}

body .product_list-wrap .pro_con-list .pro_card .badge-box .badge.type-black {
  background-color: #000000;
}

body .product_list-wrap .pro_con-list .pro_card .badge-box .badge.type-gray {
  background-color: #353535;
}

body .product_list-wrap .pro_con-list .pro_card .badge-box .badge.type-org {
  background-color: #f97821;
}

body .product_list-wrap .pro_con-list .pro_card .badge-box .badge.type-yel {
  background-color: #ffb414;
}

body .product_list-wrap .pro_con-list .pro_card .img-box {
  margin-top: 0px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.1), 3px 5px 10px 0 rgba(0, 0, 0, 0.1);
}

body .product_list-wrap .pro_con-list .pro_card .img-box a {
  position: relative;
  display: block;
  text-align: center;
  /* max-height: 190px; */
}

body .product_list-wrap .pro_con-list .pro_card .img-box img {
  /* width: auto;  height: 190px; */
  width: 100%;
}

body .product_list-wrap .pro_con-list .pro_card .name-box {
  text-align: left;
}

body .product_list-wrap .pro_con-list .pro_card .name-box span {
  display: block;
  font-size: 24px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1023px) {
  body .product_list-wrap .pro_con-list .pro_card .name-box span {
    font-size: 18px;
  }
}

body .product_list-wrap .pro_con-list .pro_card .quiz-box {
  text-align: center;
  margin-top: 35px;
  font-size: 0;
  height: 85px;
}

body .product_list-wrap .pro_con-list .pro_card .quiz-box .quiz-top {
  position: relative;
  display: inline-block;
  padding: 8px 10px 7px;
  background-color: #000;
  border-radius: 3px;
}

body .product_list-wrap .pro_con-list .pro_card .quiz-box .quiz-top::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -5px;
  display: block;
  width: 0;
  height: 0;
  border-top: 9px solid #000;
  border-left: 0px solid transparent;
  border-right: 10px solid transparent;
}

body .product_list-wrap .pro_con-list .pro_card .quiz-box .quiz-top span {
  display: block;
  font-size: 18px;
  color: #fff;
  line-height: 22px;
}

body .product_list-wrap .pro_con-list .pro_card .quiz-box .quiz-taken {
  margin-top: 15px;
}

body .product_list-wrap .pro_con-list .pro_card .quiz-box .quiz-taken span {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box {
  margin-top: 15px;
  padding: 0px;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box .p_text {
  font-size: 16px;
  font-weight: 400;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box .p_text span {
  color: #6b6b6b;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box .p_text i {
  color: #000;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box .p_text em {
  color: #000;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box .p_bar {
  position: relative;
  margin-top: 5px;
  height: 8px;
  background-color: #e7e7e7;
  font-size: 0;
  border-radius: 4px;
  overflow: hidden;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box .p_bar.type-red i {
  background-color: #e50012;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box .p_bar.type-gray i {
  background-color: #5e5d5d;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box .p_bar.type-org i {
  background-color: #f97821;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box .p_bar.type-yel i {
  background-color: #ffb414;
}

body .product_list-wrap .pro_con-list .pro_card .progress-box .p_bar i {
  display: inline-block;
  background-color: #e7e7e7;
  height: 10px;
}

@media screen and (max-width: 1023px) {
  body .product_list-wrap .pro_con-list .pro_card .progress-box .p_text {
    font-size: 14px;
  }
}

.academy_info-wrap {
  overflow: hidden;
}

.academy_info-wrap .welcome-area .area-inner {
  display: flex;
}

.academy_info-wrap .welcome-area .area-inner .typo {
  width: 43.33333%;
}

.academy_info-wrap .welcome-area .area-inner .typo .greeting-box {
  font-size: 68px;
  font-weight: bold;
  color: #000;
  line-height: 1.2;
  letter-spacing: -1px;
}

.academy_info-wrap .welcome-area .area-inner .typo .desc-box {
  margin-top: 40px;
  font-size: 22px;
  font-weight: normal;
  color: #353535;
  line-height: 1.6;
}

.academy_info-wrap .welcome-area .area-inner .typo .btn-box {
  margin-top: 60px;
}

@media screen and (max-width: 1023px) {
  .academy_info-wrap .welcome-area .area-inner .typo {
    width: 100%;
  }
  .academy_info-wrap .welcome-area .area-inner .typo .greeting-box {
    font-size: 28px;
  }
  .academy_info-wrap .welcome-area .area-inner .typo .desc-box {
    margin-top: 20px;
    font-size: 14px;
  }
  .academy_info-wrap .welcome-area .area-inner .typo .btn-box {
    margin-top: 30px;
  }
}

.academy_info-wrap .welcome-area .area-inner .image {
  width: 56.66667%;
  margin-top: -70px;
}

.academy_info-wrap .welcome-area .area-inner .image img {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .academy_info-wrap .welcome-area .area-inner .image {
    display: none;
    width: 0;
  }
}

.academy_program-wrap .s-head, .academy_message-wrap .s-head {
  position: relative;
  padding: 15px 0;
  text-align: center;
}

.academy_program-wrap .s-head:after, .academy_message-wrap .s-head:after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #e50012;
}

.academy_program-wrap .s-head span, .academy_message-wrap .s-head span {
  font-family: "Noto Serif KR", serif;
  font-size: 32px;
  font-weight: 900;
  color: #000;
}

@media screen and (max-width: 1023px) {
  .academy_program-wrap .s-head, .academy_message-wrap .s-head {
    padding: 10px 0;
  }
  .academy_program-wrap .s-head:after, .academy_message-wrap .s-head:after {
    width: 40px;
    height: 2px;
  }
  .academy_program-wrap .s-head span, .academy_message-wrap .s-head span {
    font-size: 22px;
  }
}

.academy_program-wrap {
  margin-top: 100px;
}

@media screen and (max-width: 1023px) {
  .academy_program-wrap {
    margin-top: 50px;
  }
}

.academy_program-wrap .info-area {
  margin-top: 70px;
}

@media screen and (max-width: 1023px) {
  .academy_program-wrap .info-area {
    margin-top: 30px;
  }
}

.academy_program-wrap .info-area .area-inner {
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 1023px) {
  .academy_program-wrap .info-area .area-inner {
    flex-direction: column;
    align-items: normal;
  }
}

.academy_program-wrap .info-area.type-txt_img .area-inner {
  flex-direction: row-reverse;
}

.academy_program-wrap .info-area.type-txt_img .typo-box {
  padding-left: 0;
  padding-right: 6.16667%;
}

@media screen and (max-width: 1023px) {
  .academy_program-wrap .info-area.type-txt_img .area-inner {
    flex-direction: column;
  }
  .academy_program-wrap .info-area.type-txt_img .typo-box {
    padding-left: 0;
    padding-right: 0;
  }
}

.academy_program-wrap .info-area .typo-box {
  width: 56.16667%;
  padding-left: 6.16667%;
}

.academy_program-wrap .info-area .typo-box .title + .desc {
  margin-top: 20px;
}

.academy_program-wrap .info-area .typo-box .title {
  font-size: 48px;
  font-weight: bold;
  color: #000;
  line-height: 1.2;
}

.academy_program-wrap .info-area .typo-box .desc {
  font-size: 18px;
  font-weight: 500;
  color: #5e5e5e;
  line-height: 1.6;
}

@media screen and (max-width: 1023px) {
  .academy_program-wrap .info-area .typo-box {
    margin-top: 10px;
    width: 100%;
    padding-left: 0;
  }
  .academy_program-wrap .info-area .typo-box .title + .desc {
    margin-top: 10px;
  }
  .academy_program-wrap .info-area .typo-box .title {
    font-size: 18px;
  }
  .academy_program-wrap .info-area .typo-box .desc {
    font-size: 14px;
  }
}

.academy_program-wrap .info-area .img-box {
  width: 43.83333%;
}

.academy_program-wrap .info-area .img-box img {
  width: 100%;
  border-radius: 8px;
  box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.09), 10px 10px 40px 0 rgba(0, 0, 0, 0.09);
}

@media screen and (max-width: 1023px) {
  .academy_program-wrap .info-area .img-box {
    width: 100%;
  }
  .academy_program-wrap .info-area .img-box img {
    border-radius: 5px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.09), 5px 5px 20px 0 rgba(0, 0, 0, 0.09);
  }
}

.academy_message-wrap {
  margin-top: 140px;
}

.academy_message-wrap .body-inner {
  padding-top: 60px;
  padding-bottom: 50px;
  background-color: #f7f7f7;
}

.academy_message-wrap .s-body {
  text-align: center;
  margin-top: 40px;
}

.academy_message-wrap .s-body p {
  color: #555;
  font-weight: 600;
}

.academy_message-wrap .s-body p b {
  display: inline-block;
  margin-top: 10px;
  font-weight: 600;
}

.academy_message-wrap .s-body p + p {
  margin-top: 30px;
}

@media screen and (max-width: 1023px) {
  .academy_message-wrap {
    margin-top: 50px;
  }
  .academy_message-wrap .body-inner {
    padding-top: 30px;
    padding-bottom: 25px;
  }
  .academy_message-wrap .s-body {
    margin-top: 20px;
  }
  .academy_message-wrap .s-body p {
    font-size: 14px;
  }
  .academy_message-wrap .s-body p + p {
    margin-top: 20px;
  }
}

.quiz-wrap {
  /* -------------- 폭죽 --------------------- */
}

.quiz-wrap .con-panel {
  border: 0;
}

.quiz-wrap .con-panel .con-header {
  padding: 20px 25px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f3f3f3;
  border: 1px solid #e5e5e5;
  border-bottom: 0px solid #e5e5e5;
  border-radius: 12px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.quiz-wrap .con-panel .con-header .title {
  padding-left: 25px;
}

.quiz-wrap .con-panel .con-header .title h3 {
  font-size: 24px;
  font-weight: bold;
  color: #111;
  line-height: 34px;
}

.quiz-wrap .con-panel .con-header .counter {
  padding: 7px 20px;
  height: 34px;
  border-radius: 17px;
  background-color: #fff;
  min-width: 100px;
}

.quiz-wrap .con-panel .con-header .counter span {
  font-size: 16px;
  color: #c8c8c8;
  line-height: 20px;
}

.quiz-wrap .con-panel .con-header .counter .current {
  font-weight: bold;
  color: #000;
}

.quiz-wrap .con-panel .con-header .counter .bar {
  font-size: 15px;
  padding: 0 12px;
}

@media screen and (max-width: 1023px) {
  .quiz-wrap .con-panel .con-header {
    padding: 15px 20px 15px;
  }
  .quiz-wrap .con-panel .con-header .title {
    padding-left: 0px;
  }
  .quiz-wrap .con-panel .con-header .title h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .quiz-wrap .con-panel .con-header .counter {
    padding: 2px 10px;
    height: 22px;
    border-radius: 11px;
    min-width: 70px;
    font-size: 0;
    text-align: center;
  }
  .quiz-wrap .con-panel .con-header .counter span {
    font-size: 14px;
    line-height: 18px;
  }
  .quiz-wrap .con-panel .con-header .counter .bar {
    font-size: 12px;
    padding: 0 8px;
    line-height: 18px;
  }
  .quiz-wrap .con-panel .con-header .counter .totall {
    line-height: 18px;
  }
}

.quiz-wrap .con-panel .con-body {
  display: flex;
  justify-content: center;
  background-color: #f3f3f3;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.quiz-wrap .con-panel .con-footer {
  margin-top: 40px;
}

@media screen and (max-width: 1023px) {
  .quiz-wrap .con-panel .con-footer {
    margin-top: 30px;
  }
}

.quiz-wrap .con-panel .btn_set-center {
  font-size: 0;
}

.quiz-wrap .con-panel .btn_set-center .btn.btn_lg {
  margin: 0 5px;
  width: 210px;
}

@media screen and (max-width: 1023px) {
  .quiz-wrap .con-panel .btn_set-center .btn.btn_lg {
    padding: 8px 15px 8px;
    width: 180px;
    margin-top: 10px;
  }
}

.quiz-wrap .quiz-area {
  width: 100%;
  max-width: 630px;
  padding: 60px 15px;
  /* 퀴즈 */
  /* 퀴즈 결과 */
}

@media screen and (max-width: 1023px) {
  .quiz-wrap .quiz-area {
    width: 100%;
    padding: 30px 15px;
  }
}

.quiz-wrap .quiz-area .area-info {
  margin-bottom: 50px;
  text-align: center;
}

.quiz-wrap .quiz-area .area-info .info-box {
  display: inline-block;
  padding: 15px 45px;
  border-radius: 30px;
  border: 1px solid #999;
}

.quiz-wrap .quiz-area .area-info span {
  font-size: 26px;
  font-weight: bold;
  color: #000;
  line-height: 30px;
}

@media screen and (max-width: 1023px) {
  .quiz-wrap .quiz-area .area-info {
    margin-bottom: 30px;
  }
  .quiz-wrap .quiz-area .area-info .info-box {
    padding: 10px 25px;
    border-radius: 40px;
  }
  .quiz-wrap .quiz-area .area-info span {
    font-size: 16px;
    line-height: 20px;
  }
}

.quiz-wrap .quiz-area .area-head em + .title {
  margin-top: 25px;
}

.quiz-wrap .quiz-area .area-head em {
  font-size: 16px;
  font-weight: bold;
  color: #e50012;
}

.quiz-wrap .quiz-area .area-head .title {
  font-size: 26px;
  font-weight: bold;
  color: #000;
}

.quiz-wrap .quiz-area .area-head .score-box {
  text-align: center;
}

.quiz-wrap .quiz-area .area-head .score-box .text {
  font-size: 26px;
  font-weight: bold;
  color: #000;
}

.quiz-wrap .quiz-area .area-head .score-box .score {
  margin-left: 5px;
  font-size: 24px;
  color: #666;
  font-weight: 400;
}

.quiz-wrap .quiz-area .area-head .score-box .score em {
  font-size: 24px;
  color: #666;
  font-weight: 400;
}

.quiz-wrap .quiz-area .area-head .score-box .score strong {
  font-weight: 500;
  color: #000;
}

@media screen and (max-width: 1023px) {
  .quiz-wrap .quiz-area .area-head em + .title {
    margin-top: 5px;
  }
  .quiz-wrap .quiz-area .area-head em {
    font-size: 15px;
  }
  .quiz-wrap .quiz-area .area-head .title {
    font-size: 16px;
  }
  .quiz-wrap .quiz-area .area-head .score-box .text {
    font-size: 16px;
  }
  .quiz-wrap .quiz-area .area-head .score-box .score {
    margin-left: 5px;
    font-size: 14px;
  }
  .quiz-wrap .quiz-area .area-head .score-box .score em {
    font-size: 14px;
  }
}

.quiz-wrap .quiz-area .area-body {
  position: relative;
  margin-top: 30px;
}

.quiz-wrap .quiz-area .area-body em {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #6b6b6b;
}

@media screen and (max-width: 1023px) {
  .quiz-wrap .quiz-area .area-body {
    margin-top: 15px;
  }
  .quiz-wrap .quiz-area .area-body em {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 15px;
  }
}

.quiz-wrap .quiz-area .quiz-box .quiz-list li + li {
  margin-top: 13px;
}

.quiz-wrap .quiz-area .quiz-box .quiz-list li {
  position: relative;
  cursor: pointer;
}

.quiz-wrap .quiz-area .quiz-box .quiz-list li.select_item:hover .quiz-item {
  border-color: #e50012;
}

.quiz-wrap .quiz-area .quiz-box .quiz-list li.select_item.on .quiz-item {
  border-color: #e50012;
}

.quiz-wrap .quiz-area .quiz-box .quiz-list li.select .quiz-item {
  border-color: #e50012;
}

.quiz-wrap .quiz-area .quiz-box .quiz-list li.select .quiz-item span {
  color: #e50012;
}

.quiz-wrap .quiz-area .quiz-box .quiz-list li.answer .quiz-item {
  border-color: #e50012;
  background-color: #e50012;
}

.quiz-wrap .quiz-area .quiz-box .quiz-list li.answer .quiz-item span {
  color: #fff;
}

.quiz-wrap .quiz-area .quiz-box .quiz-list .quiz-item {
  padding: 15px 20px;
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  border: 2px solid #fff;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.05), 2px 2px 4px 0 rgba(0, 0, 0, 0.05);
}

.quiz-wrap .quiz-area .quiz-box .quiz-list .quiz-item .item-inner {
  display: flex;
  font-size: 0;
}

.quiz-wrap .quiz-area .quiz-box .quiz-list .quiz-item i {
  display: block;
  width: 30px;
  margin-right: 15px;
}

.quiz-wrap .quiz-area .quiz-box .quiz-list .quiz-item span {
  display: block;
  width: calc( 100% - 45px);
  font-size: 18px;
  color: #5e5e5e;
  font-weight: 500;
  line-height: 30px;
}

@media screen and (max-width: 1023px) {
  .quiz-wrap .quiz-area .quiz-box {
    margin-top: 15px;
  }
  .quiz-wrap .quiz-area .quiz-box .quiz-list li + li {
    margin-top: 10px;
  }
  .quiz-wrap .quiz-area .quiz-box .quiz-list .quiz-item {
    padding: 10px 15px;
    padding-left: 40px;
    border-radius: 10px;
  }
  .quiz-wrap .quiz-area .quiz-box .quiz-list .quiz-item i {
    position: absolute;
    top: 12px;
    left: 15px;
    margin-right: 0px;
  }
  .quiz-wrap .quiz-area .quiz-box .quiz-list .quiz-item span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
  }
}

.quiz-wrap .quiz-area .result-box {
  position: relative;
  height: 235px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.05), 4px 4px 8px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.quiz-wrap .quiz-area .result-box.type-pass {
  background: url(/resources/tp_images/academy/quiz_result-bg.png) 0 0 no-repeat;
  background-size: cover;
}

.quiz-wrap .quiz-area .result-box.type-pass .score_msg, .quiz-wrap .quiz-area .result-box.type-pass .score_per {
  z-index: 5;
}

.quiz-wrap .quiz-area .result-box.type-pass .score_msg strong, .quiz-wrap .quiz-area .result-box.type-pass .score_per strong {
  color: #fff;
}

.quiz-wrap .quiz-area .result-box.type-pass .score_msg span, .quiz-wrap .quiz-area .result-box.type-pass .score_per span {
  color: #fff;
}

.quiz-wrap .quiz-area .result-box .score_msg {
  text-align: center;
  margin-bottom: 10px;
}

.quiz-wrap .quiz-area .result-box .score_msg span {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.quiz-wrap .quiz-area .result-box .score_per {
  text-align: center;
}

.quiz-wrap .quiz-area .result-box .score_per strong {
  font-size: 74px;
  color: #000;
  font-weight: bold;
  line-height: 80px;
}

.quiz-wrap .quiz-area .result-box .score_per span {
  font-size: 67px;
  color: #000;
  font-weight: bold;
  line-height: 80px;
}

@media screen and (max-width: 1023px) {
  .quiz-wrap .quiz-area .result-box {
    height: 150px;
  }
  .quiz-wrap .quiz-area .result-box .score_per strong {
    font-size: 40px;
    line-height: 50px;
  }
  .quiz-wrap .quiz-area .result-box .score_per span {
    font-size: 30px;
    line-height: 50px;
  }
}

.quiz-wrap .bg_particle {
  position: absolute;
  width: 100%;
  height: 100%;
  /* 추가된 부분 */
}

.quiz-wrap .bg_particle .particle {
  display: block;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: 0px;
  z-index: 1;
}

.quiz-wrap .bg_particle .particle-1 {
  /* infinite > 1*/
  width: 30px;
  height: 30px;
  background: url(/resources/tp_images/academy/particle-1.png) 0 0 no-repeat;
  animation: particle_m-1 1.2s 1 cubic-bezier(0.415, 0.547, 0, 0.809);
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
}

.quiz-wrap .bg_particle .particle-2 {
  width: 31px;
  height: 31px;
  background: url(/resources/tp_images/academy/particle-2.png) 0 0 no-repeat;
  animation: particle_m-2 1.2s 1 cubic-bezier(0.415, 0.547, 0, 0.809);
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
}

.quiz-wrap .bg_particle .particle-3 {
  width: 27px;
  height: 27px;
  background: url(/resources/tp_images/academy/particle-3.png) 0 0 no-repeat;
  animation: particle_m-3 1.2s 1 cubic-bezier(0.415, 0.547, 0, 0.809);
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
}

.quiz-wrap .bg_particle .particle-4 {
  width: 20px;
  height: 20px;
  background: url(/resources/tp_images/academy/particle-4.png) 0 0 no-repeat;
  animation: particle_m-4 1.2s 1 cubic-bezier(0.415, 0.547, 0, 0.809);
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
}

.quiz-wrap .bg_particle .particle-5 {
  width: 22px;
  height: 22px;
  background: url(/resources/tp_images/academy/particle-5.png) 0 0 no-repeat;
  animation: particle_m-5 1.2s 1 cubic-bezier(0.415, 0.547, 0, 0.809);
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
}

.quiz-wrap .bg_particle .particle-1_1 {
  /* infinite > 1*/
  width: 30px;
  height: 30px;
  background: url(/resources/tp_images/academy/particle-1.png) 0 0 no-repeat;
  animation: particle_m-1_1 1.2s 1 cubic-bezier(0.415, 0.547, 0, 0.809);
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
}

.quiz-wrap .bg_particle .particle-4_1 {
  width: 20px;
  height: 20px;
  background: url(/resources/tp_images/academy/particle-4.png) 0 0 no-repeat;
  animation: particle_m-4_1 1.2s 1 cubic-bezier(0.415, 0.547, 0, 0.809);
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
}

.quiz-wrap .bg_particle .particle-6 {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #f7ff3c;
  animation: particle_m-6 1.2s 1 cubic-bezier(0.415, 0.547, 0, 0.809);
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
}

.quiz-wrap .bg_particle .particle-7 {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #89ffae;
  animation: particle_m-7 1.2s 1 cubic-bezier(0.415, 0.547, 0, 0.809);
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
}

@keyframes particle_m-1 {
  0% {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: scale(0) rotateZ(0);
  }
  100% {
    top: 30%;
    left: 10%;
    opacity: 1;
    transform: scale(1) rotateZ(90deg);
  }
}

@keyframes particle_m-2 {
  0% {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: scale(0) rotateZ(0);
  }
  100% {
    top: 20%;
    left: 22%;
    opacity: 1;
    transform: scale(1) rotateZ(180deg);
  }
}

@keyframes particle_m-3 {
  0% {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: scale(0) rotateZ(0);
  }
  100% {
    top: 45%;
    left: 25%;
    opacity: 1;
    transform: scale(1) rotateZ(180deg);
  }
}

@keyframes particle_m-4 {
  0% {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: scale(0) rotateZ(0);
  }
  100% {
    top: 60%;
    left: 17%;
    opacity: 1;
    transform: scale(1) rotateZ(-90deg);
  }
}

@keyframes particle_m-5 {
  0% {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: scale(0) rotateZ(0);
  }
  100% {
    top: 52%;
    left: 79%;
    opacity: 1;
    transform: scale(1) rotateZ(-270deg);
  }
}

@keyframes particle_m-6 {
  0% {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: scale(0);
  }
  100% {
    top: 33%;
    left: 21%;
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes particle_m-7 {
  0% {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: scale(0);
  }
  100% {
    top: 35%;
    left: 77%;
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes particle_m-1_1 {
  0% {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: scale(0) rotateZ(0);
  }
  100% {
    top: 38%;
    left: 88%;
    opacity: 1;
    transform: scale(1) rotateZ(-90deg);
  }
}

@keyframes particle_m-4_1 {
  0% {
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: scale(0) rotateZ(0);
  }
  100% {
    top: 25%;
    left: 71%;
    opacity: 1;
    transform: scale(1) rotateZ(-90deg);
  }
}

.login-section {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/resources/tp_images/login/login-bg.jpg);
  background-position: center;
  background-size: cover;
  /* -- 로그인 정보 -- */
  /* -- 타이포 -- */
}

.login-section .body-inner {
  padding: 0;
}

.login-section .login-layout {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

.login-section .login-layout .col_l {
  width: 600px;
  height: 623px;
}

.login-section .login-layout .col_r {
  width: 600px;
  height: 623px;
}

@media screen and (max-width: 1023px) {
  .login-section .login-layout {
    flex-direction: column;
    padding: 30px 0;
    justify-content: normal;
    align-items: normal;
    overflow-y: auto;
  }
  .login-section .login-layout .col_l, .login-section .login-layout .col_r {
    width: calc(100% - 20px);
    height: auto;
    display: flex;
    justify-content: center;
  }
}

.login-section .login-area {
  padding: 40px;
  background-color: #fff;
  width: 460px;
  border-radius: 30px;
}

@media screen and (max-width: 1023px) {
  .login-section .login-area {
    width: 300px;
    padding: 20px 25px;
  }
}

.login-section .login-area .area-head {
  text-align: right;
  margin-top: -10px;
}

.login-section .login-area .area-head img {
  margin-top: 0px;
  height: 100px;
}

@media screen and (max-width: 1023px) {
  .login-section .login-area .area-head {
    height: 50px;
  }
  .login-section .login-area .area-head img {
    margin-top: -10px;
    width: 120px;
  }
}

.login-section .login-area .area-body {
  padding: 40px 0 55px;
}

@media screen and (max-width: 1023px) {
  .login-section .login-area .area-body {
    padding: 30px 0;
  }
}

.login-section .login-area .input-item + .input-item {
  margin-top: 40px;
}

@media screen and (max-width: 1023px) {
  .login-section .login-area .input-item + .input-item {
    margin-top: 20px;
  }
}

.login-section .login-area .input-item {
  font-size: 20px;
}

.login-section .login-area .input-item label {
  font-size: 20px;
  font-weight: bold;
}

.login-section .login-area .input-item input {
  height: 35px;
  border: 0;
  border-bottom: 2px solid #000;
}

@media screen and (max-width: 1023px) {
  .login-section .login-area .input-item {
    font-size: 18px;
  }
}

.login-section .login-area .input-item .checkbox-box input {
  height: 20px;
}

.login-section .login-area .check-item {
  position: relative;
  margin-top: 15px;
}

.login-section .login-area .check-item i, .login-section .login-area .check-item label, .login-section .login-area .check-item input {
  vertical-align: bottom;
  line-height: 20px;
}

.login-section .login-area .check-item label {
  font-size: 18px;
  font-weight: 500;
  color: #5d5d5d;
}

@media screen and (max-width: 1023px) {
  .login-section .login-area .check-item i, .login-section .login-area .check-item label, .login-section .login-area .check-item input {
    vertical-align: middle;
    line-height: 15px;
  }
}

.login-section .login-area .btn-box {
  margin-top: 60px;
}

.login-section .login-area .btn-box .btn.btn_lg {
  padding: 17px 20px 17px;
  width: 100%;
  font-size: 0;
}

.login-section .login-area .btn-box .btn.btn_lg span {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}

@media screen and (max-width: 1023px) {
  .login-section .login-area .btn-box {
    margin-top: 40px;
  }
  .login-section .login-area .btn-box .btn.btn_lg {
    padding: 12px 20px 12px;
  }
}

.login-section .login-area .login_helps {
  text-align: left;
}

.login-section .login-area .login_helps a + a {
  margin-left: 18px;
  padding-left: 19px;
}

.login-section .login-area .login_helps a + a::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 1px;
  height: 13px;
  background-color: #ccc;
}

.login-section .login-area .login_helps a + a::before {
  width: 2px;
}

.login-section .login-area .login_helps a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #000;
  font-weight: 500;
}

@media screen and (max-width: 1023px) {
  .login-section .login-area .login_helps a + a {
    margin-left: 10px;
    padding-left: 11px;
  }
  .login-section .login-area .login_helps a {
    font-size: 14px;
  }
}

.login-section .typo-area {
  padding: 30px 0px;
}

.login-section .typo-area .title-box strong {
  font-size: 78px;
  color: #fff;
  line-height: 1;
}

.login-section .typo-area .title-box .t-tit {
  font-size: 44px;
  color: #fff;
  line-height: 1;
}

.login-section .typo-area .title-box .t-desc {
  font-size: 33px;
  color: #fff;
  line-height: 1;
}

.login-section .typo-area p {
  margin-top: 40px;
  font-size: 24px;
  color: #fff;
  line-height: 1.3;
}

@media screen and (max-width: 1023px) {
  .login-section .typo-area {
    padding: 30px 50px;
  }
  .login-section .typo-area .title-box strong {
    font-size: 40px;
  }
  .login-section .typo-area p {
    margin-top: 30px;
    font-size: 18px;
  }
}

/*  팝업 */
.popupfixed-wrap.login_input a.btn_close, .popupfixed-wrap.join_input a.btn_close {
  padding: 15px;
  width: 60px;
  height: 60px;
  z-index: 1;
}

.popupfixed-wrap.login_input .pop-head, .popupfixed-wrap.join_input .pop-head {
  padding: 55px 40px 25px;
}

.popupfixed-wrap.login_input .pop-head .pop_tit, .popupfixed-wrap.join_input .pop-head .pop_tit {
  position: relative;
  display: block;
  background-color: #fff;
  height: auto;
  padding: 0;
  font-size: 32px;
  color: #000;
  font-weight: 500;
  text-align: center;
}

.popupfixed-wrap.login_input .pop-head .pop_tit::after, .popupfixed-wrap.join_input .pop-head .pop_tit::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -25px;
  background: #000;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.login_input .pop-head, .popupfixed-wrap.join_input .pop-head {
    padding: 30px 20px 15px;
  }
  .popupfixed-wrap.login_input .pop-head .pop_tit, .popupfixed-wrap.join_input .pop-head .pop_tit {
    font-size: 20px;
  }
  .popupfixed-wrap.login_input .pop-head .pop_tit::after, .popupfixed-wrap.join_input .pop-head .pop_tit::after {
    bottom: -15px;
  }
}

.popupfixed-wrap.login_input .pop-body, .popupfixed-wrap.join_input .pop-body {
  max-height: calc( 100vh - 155px);
}

.popupfixed-wrap.login_input .section, .popupfixed-wrap.join_input .section {
  padding: 30px 40px;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.login_input .section, .popupfixed-wrap.join_input .section {
    padding: 20px 30px;
  }
}

.popupfixed-wrap.login_input .section p.muted, .popupfixed-wrap.join_input .section p.muted {
  text-align: center;
  font-size: 16px;
  color: #000;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.login_input .section p.muted, .popupfixed-wrap.join_input .section p.muted {
    font-size: 14px;
  }
}

.popupfixed-wrap.login_input .section .login_input-box .row_item, .popupfixed-wrap.join_input .section .login_input-box .row_item {
  display: flex;
}

.popupfixed-wrap.login_input .section .login_input-box .row_item .input-item, .popupfixed-wrap.login_input .section .login_input-box .row_item .check-item, .popupfixed-wrap.join_input .section .login_input-box .row_item .input-item, .popupfixed-wrap.join_input .section .login_input-box .row_item .check-item {
  width: 50%;
  margin-top: 20px;
}

.popupfixed-wrap.login_input .section .login_input-box .row_item .input-item.non_label, .popupfixed-wrap.login_input .section .login_input-box .row_item .check-item.non_label, .popupfixed-wrap.join_input .section .login_input-box .row_item .input-item.non_label, .popupfixed-wrap.join_input .section .login_input-box .row_item .check-item.non_label {
  padding-top: 42px;
  font-weight: 500;
}

.popupfixed-wrap.login_input .section .login_input-box .row_item .input-item + .check-item, .popupfixed-wrap.join_input .section .login_input-box .row_item .input-item + .check-item {
  margin-left: 10px;
}

.popupfixed-wrap.login_input .section .login_input-box .row_item .input-item + .input-item, .popupfixed-wrap.join_input .section .login_input-box .row_item .input-item + .input-item {
  margin-left: 10px;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.login_input .section .login_input-box .row_item, .popupfixed-wrap.join_input .section .login_input-box .row_item {
    flex-direction: column;
  }
  .popupfixed-wrap.login_input .section .login_input-box .row_item .input-item, .popupfixed-wrap.login_input .section .login_input-box .row_item .check-item, .popupfixed-wrap.join_input .section .login_input-box .row_item .input-item, .popupfixed-wrap.join_input .section .login_input-box .row_item .check-item {
    width: 100%;
  }
  .popupfixed-wrap.login_input .section .login_input-box .row_item .input-item.non_label, .popupfixed-wrap.login_input .section .login_input-box .row_item .check-item.non_label, .popupfixed-wrap.join_input .section .login_input-box .row_item .input-item.non_label, .popupfixed-wrap.join_input .section .login_input-box .row_item .check-item.non_label {
    padding-top: 0px;
    font-weight: 500;
  }
  .popupfixed-wrap.login_input .section .login_input-box .row_item .input-item + .check-item, .popupfixed-wrap.join_input .section .login_input-box .row_item .input-item + .check-item {
    margin-left: 0px;
  }
  .popupfixed-wrap.login_input .section .login_input-box .row_item .input-item + .input-item, .popupfixed-wrap.join_input .section .login_input-box .row_item .input-item + .input-item {
    margin-left: 0px;
  }
}

.popupfixed-wrap.login_input .section .login_input-box .input-item, .popupfixed-wrap.login_input .section .login_input-box .input-item, .popupfixed-wrap.join_input .section .login_input-box .input-item, .popupfixed-wrap.join_input .section .login_input-box .input-item {
  margin-top: 20px;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item, .popupfixed-wrap.join_input .section .login_input-box .input-item {
  font-size: 18px;
  color: #000;
  line-height: 34px;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item.type-check, .popupfixed-wrap.join_input .section .login_input-box .input-item.type-check {
  line-height: 20px;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item.type-check input[type="checkbox"], .popupfixed-wrap.join_input .section .login_input-box .input-item.type-check input[type="checkbox"] {
  height: 20px;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item label, .popupfixed-wrap.join_input .section .login_input-box .input-item label {
  color: #333;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item input, .popupfixed-wrap.join_input .section .login_input-box .input-item input {
  height: 34px;
  border-radius: 3px;
  line-height: 34px;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item .text-muted, .popupfixed-wrap.join_input .section .login_input-box .input-item .text-muted {
  margin-top: 5px;
  color: #000;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item .text-muted sub, .popupfixed-wrap.join_input .section .login_input-box .input-item .text-muted sub {
  vertical-align: middle;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item .text-muted span, .popupfixed-wrap.join_input .section .login_input-box .input-item .text-muted span {
  vertical-align: middle;
  font-style: italic;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item .text-muted.pd-muted, .popupfixed-wrap.join_input .section .login_input-box .input-item .text-muted.pd-muted {
  padding-left: 27px;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item .link_line_pop, .popupfixed-wrap.join_input .section .login_input-box .input-item .link_line_pop {
  color: #e00;
  text-decoration: underline;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item .trp.checkbox-box.type1 input[type="checkbox"]:disabled + i:after, .popupfixed-wrap.join_input .section .login_input-box .input-item .trp.checkbox-box.type1 input[type="checkbox"]:disabled + i:after {
  background-color: #ccc;
  background-image: none;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item .trp.checkbox-box.type1 input[type="checkbox"]:disabled:checked + i, .popupfixed-wrap.join_input .section .login_input-box .input-item .trp.checkbox-box.type1 input[type="checkbox"]:disabled:checked + i {
  opacity: 1;
}

.popupfixed-wrap.login_input .section .login_input-box .input-item .trp.checkbox-box.type1 input[type="checkbox"]:disabled:checked + i:after, .popupfixed-wrap.join_input .section .login_input-box .input-item .trp.checkbox-box.type1 input[type="checkbox"]:disabled:checked + i:after {
  background-color: transparent;
  background-image: url(../tp_images/common/sp_form_tp.png);
}

.popupfixed-wrap.login_input .section .login_input-box .alert-box, .popupfixed-wrap.join_input .section .login_input-box .alert-box {
  margin-top: 20px;
  margin-bottom: -10px;
}

.popupfixed-wrap.login_input .section .login_input-box .check_label, .popupfixed-wrap.join_input .section .login_input-box .check_label {
  color: #333;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.login_input .section .login_input-box .input-item, .popupfixed-wrap.login_input .section .login_input-box .input-item, .popupfixed-wrap.join_input .section .login_input-box .input-item, .popupfixed-wrap.join_input .section .login_input-box .input-item {
    margin-top: 15px;
  }
}

.popupfixed-wrap.login_input .section .btn_bottom, .popupfixed-wrap.join_input .section .btn_bottom {
  margin-top: 30px;
}

@media screen and (max-width: 1023px) {
  .popupfixed-wrap.login_input .section .btn_bottom, .popupfixed-wrap.join_input .section .btn_bottom {
    margin-top: 20px;
  }
}

.popupfixed-wrap.policy_check .pop-body.scroll-type, .popupfixed-wrap.terms_check .pop-body.scroll-type {
  max-height: calc( 100vh - 100px);
}

.popupfixed-wrap.policy_check .section .terms_check-list, .popupfixed-wrap.terms_check .section .terms_check-list {
  margin-top: 20px;
}

.popupfixed-wrap.policy_check .section .terms_check-list li, .popupfixed-wrap.terms_check .section .terms_check-list li {
  text-indent: 0px;
  padding-left: 0px;
}

.popupfixed-wrap.policy_check .section .type-terms5, .popupfixed-wrap.terms_check .section .type-terms5 {
  text-indent: 0px;
  padding-left: 0px;
  margin-bottom: 5px;
}

.popupfixed-wrap.policy_check .section .type-terms5 .checkbox-box, .popupfixed-wrap.terms_check .section .type-terms5 .checkbox-box {
  display: inline-block;
  padding-left: 25px;
  min-height: 20px;
}

.popupfixed-wrap.policy_check .section .terms_text, .popupfixed-wrap.terms_check .section .terms_text {
  text-indent: -18px;
  padding-left: 18px;
}

.popupfixed-wrap.policy_check .section .indent .trp.radio-box, .popupfixed-wrap.terms_check .section .indent .trp.radio-box {
  padding-left: 20px;
}

.popupfixed-wrap.policy_check .section .indent input[type="radio"], .popupfixed-wrap.terms_check .section .indent input[type="radio"] {
  top: 5px;
}

.popupfixed-wrap.policy_check .section .indent input[type="radio"] + i, .popupfixed-wrap.terms_check .section .indent input[type="radio"] + i {
  top: 5px;
}

.mypage-wrap {
  margin-top: 50px;
  /* mypage_edit */
  /* mypage_view  */
}

.mypage-wrap .con-panel {
  border: 0;
}

.mypage-wrap .con-panel .con-body {
  margin-top: 20px;
}

.mypage-wrap .con-panel .con-foot {
  margin-top: 70px;
}

@media screen and (max-width: 1023px) {
  .mypage-wrap .con-panel .con-body {
    margin-top: 15px;
  }
  .mypage-wrap .con-panel .con-foot {
    margin-top: 40px;
  }
}

.mypage-wrap .profile_edit-area + .profile_edit-area {
  margin-top: 30px;
}

.mypage-wrap .profile_edit-area {
  padding: 40px 0px;
  background-color: #f7f7f7;
  border-radius: 10px;
}

@media screen and (max-width: 1023px) {
  .mypage-wrap .profile_edit-area {
    margin-top: 10px;
    padding: 20px 0px;
  }
}

.mypage-wrap .profile_edit-area .profile_edit-list {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
}

.mypage-wrap .profile_edit-area .profile_edit-list li {
  width: 680px;
  padding: 0 20px;
}

.mypage-wrap .profile_edit-area .profile_edit-list .profile-item {
  position: relative;
  padding: 10px 0px;
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #5e5e5e;
}

.mypage-wrap .profile_edit-area .profile_edit-list .profile-item .name {
  width: 200px;
  margin-right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

.mypage-wrap .profile_edit-area .profile_edit-list .profile-item .value {
  width: calc(100% - 210px);
}

.mypage-wrap .profile_edit-area .profile_edit-list .profile-item .value input {
  padding: 10px 25px;
  height: 46px;
  border: 0;
  font-size: 20px;
  color: #000;
  line-height: 26px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.03), 3px 3px 3px 0 rgba(0, 0, 0, 0.03);
}

.mypage-wrap .profile_edit-area .profile_edit-list .profile-item .value input:disabled {
  background-color: #e4e4e4;
  font-weight: bold;
  color: #5d5d5d;
  box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0), 0px 0px 0px 0 rgba(0, 0, 0, 0);
}

.mypage-wrap .profile_edit-area .profile_edit-list::after {
  display: none;
}

@media screen and (max-width: 1023px) {
  .mypage-wrap .profile_edit-area .profile_edit-list li {
    width: 100%;
    padding: 0 20px;
  }
  .mypage-wrap .profile_edit-area .profile_edit-list .profile-item {
    flex-direction: column;
    padding: 10px 0px;
    font-size: 16px;
  }
  .mypage-wrap .profile_edit-area .profile_edit-list .profile-item .name {
    width: 100%;
    margin-right: 0px;
    font-size: 16px;
  }
  .mypage-wrap .profile_edit-area .profile_edit-list .profile-item .value {
    width: 100%;
    margin-top: 5px;
  }
  .mypage-wrap .profile_edit-area .profile_edit-list .profile-item .value input {
    padding: 10px 15px;
    height: 40px;
    font-size: 16px;
    color: #000;
    line-height: 20px;
  }
}

.mypage-wrap .profile_view-area {
  padding: 50px 15px;
  background-color: #f7f7f7;
  border-radius: 10px;
}

@media screen and (max-width: 1023px) {
  .mypage-wrap .profile_view-area {
    padding: 30px 10px;
  }
}

.mypage-wrap .profile_view-area .layout-row {
  position: relative;
  display: flex;
  align-items: center;
}

.mypage-wrap .profile_view-area .layout-row .profile1-col, .mypage-wrap .profile_view-area .layout-row .profile2-col, .mypage-wrap .profile_view-area .layout-row .profile3-col {
  position: relative;
  padding-left: 50px;
}

.mypage-wrap .profile_view-area .layout-row .profile2-col:after, .mypage-wrap .profile_view-area .layout-row .profile3-col:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e0e0e0;
}

.mypage-wrap .profile_view-area .layout-row .profile1-col {
  width: 37.35043%;
  padding-right: 20px;
}

.mypage-wrap .profile_view-area .layout-row .profile1-col .pf-form + .pf-form {
  margin-top: 5px;
}

.mypage-wrap .profile_view-area .layout-row .profile1-col .pf-form {
  display: flex;
  align-items: center;
}

.mypage-wrap .profile_view-area .layout-row .profile1-col .pf-form .pf_label {
  margin-right: 15px;
}

.mypage-wrap .profile_view-area .layout-row .profile1-col .pf-form .pf_value {
  margin-top: 0;
}

.mypage-wrap .profile_view-area .layout-row .profile1-col .pf-form .pf_value span {
  font-size: 20px;
}

.mypage-wrap .profile_view-area .layout-row .profile2-col {
  width: 62.64957%;
  min-width: 296px;
  padding-right: 50px;
}

.mypage-wrap .profile_view-area .layout-row .profile2-col .pf-form:nth-child(3) {
  width: 50%;
}

.mypage-wrap .profile_view-area .layout-row .profile3-col {
  position: absolute;
  bottom: 0px;
  left: 70%;
  width: 30%;
}

@media screen and (max-width: 1023px) {
  .mypage-wrap .profile_view-area .layout-row {
    display: flex;
    flex-direction: column;
    align-content: center;
  }
  .mypage-wrap .profile_view-area .layout-row .profile1-col, .mypage-wrap .profile_view-area .layout-row .profile2-col, .mypage-wrap .profile_view-area .layout-row .profile3-col {
    width: 50%;
    min-width: 230px;
    padding-left: 2%;
    align-self: auto;
  }
  .mypage-wrap .profile_view-area .layout-row .profile1-col .pf-form {
    display: flex;
    align-items: center;
  }
  .mypage-wrap .profile_view-area .layout-row .profile1-col .pf-form .pf_label {
    margin-right: 0px;
  }
  .mypage-wrap .profile_view-area .layout-row .profile1-col .pf-form .pf_value {
    margin-top: 0;
  }
  .mypage-wrap .profile_view-area .layout-row .profile1-col .pf-form .pf_value span {
    font-size: 18px;
  }
  .mypage-wrap .profile_view-area .layout-row .profile2-col, .mypage-wrap .profile_view-area .layout-row .profile3-col {
    margin-top: 20px;
    padding-top: 20px;
  }
  .mypage-wrap .profile_view-area .layout-row .profile2-col:after, .mypage-wrap .profile_view-area .layout-row .profile3-col:after {
    width: 100%;
    height: 1px;
  }
  .mypage-wrap .profile_view-area .layout-row .profile2-col .pf-form:nth-child(3) {
    width: auto;
  }
  .mypage-wrap .profile_view-area .layout-row .profile3-col {
    position: relative;
    bottom: auto;
    left: auto;
  }
}

.mypage-wrap .profile_view-area .pf-form + .pf-form {
  margin-top: 25px;
}

@media screen and (max-width: 1023px) {
  .mypage-wrap .profile_view-area .pf-form + .pf-form {
    margin-top: 20px;
  }
}

.mypage-wrap .profile_view-area .pf-form .pf_name span {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}

.mypage-wrap .profile_view-area .pf-form .pf_label span {
  display: inline-block;
  padding: 0 15px;
  border-radius: 14px;
  background-color: #ccc;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 28px;
}

.mypage-wrap .profile_view-area .pf-form .pf_value {
  margin-top: 7px;
}

.mypage-wrap .profile_view-area .pf-form .pf_value span {
  display: inline-block;
  word-break: break-word !important;
  font-size: 24px;
  font-weight: bold;
  color: #000;
  line-height: 28px;
}

@media screen and (max-width: 1023px) {
  .mypage-wrap .profile_view-area .pf-form .pf_name span {
    font-size: 20px;
  }
  .mypage-wrap .profile_view-area .pf-form .pf_label span {
    padding: 0 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
  }
  .mypage-wrap .profile_view-area .pf-form .pf_value {
    margin-top: 7px;
    margin-left: 10px;
  }
  .mypage-wrap .profile_view-area .pf-form .pf_value span {
    font-size: 18px;
    line-height: 20px;
  }
}

.mypage-wrap .table-wrap .con-header .title {
  text-align: left;
}

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

.mypage-wrap .table-wrap .data_table th, .mypage-wrap .table-wrap .data_table td {
  border-left: 1px solid #e6e6e6;
}

.mypage-wrap .table-wrap .data_table th:first-child, .mypage-wrap .table-wrap .data_table td:first-child {
  border-left: 0;
}

.mypage-wrap .table-wrap .doc-download {
  padding: 10px;
}

.mypage-wrap .table-wrap .doc-download a {
  display: block;
}

.mypage-wrap .table-wrap .doc-download a .doc {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}

.mypage-wrap .table-wrap .doc-download a .download {
  font-size: 16px;
  font-weight: bold;
  color: #e00000;
}

.mypage-wrap .table-wrap .doc-download a .download em, .mypage-wrap .table-wrap .doc-download a .download img {
  vertical-align: middle;
}

.mypage-wrap .table-wrap .doc-download a .download img {
  margin-left: 5px;
}

/* reward_view-panel (어워드 페이지, 어워드 팝업공지) */
.reward_view-panel .select_goods, .reward_notice-panel .select_goods {
  display: flex;
}

.reward_view-panel .select_goods .card + .card, .reward_notice-panel .select_goods .card + .card {
  border-left: 0;
}

.reward_view-panel .select_goods .card, .reward_notice-panel .select_goods .card {
  border: 1px solid #e5e5e5;
  width: 100%;
}

.reward_view-panel .select_goods .card .card-head, .reward_notice-panel .select_goods .card .card-head {
  padding: 15px 20px;
  background-color: #f6f6f6;
  text-align: center;
}

.reward_view-panel .select_goods .card .card-body, .reward_notice-panel .select_goods .card .card-body {
  padding: 15px 20px;
}

.reward_view-panel .select_goods .card .card-foot, .reward_notice-panel .select_goods .card .card-foot {
  padding: 15px 20px;
}

.reward_view-panel .select_goods .card .goods-box, .reward_notice-panel .select_goods .card .goods-box {
  text-align: center;
}

.reward_view-panel .select_goods .card .radio-box, .reward_notice-panel .select_goods .card .radio-box {
  text-align: center;
  padding-left: 0;
}

.reward_view-panel .select_goods .card .radio-box input, .reward_notice-panel .select_goods .card .radio-box input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.reward_view-panel .select_goods .card .radio-box i, .reward_notice-panel .select_goods .card .radio-box i {
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.reward_view-panel .select_goods .card .radio-box label, .reward_notice-panel .select_goods .card .radio-box label {
  display: block;
  margin-top: 30px;
  margin-right: 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  vertical-align: middle;
}

.reward_view-panel .select_goods .card .select-box, .reward_notice-panel .select_goods .card .select-box {
  width: 100%;
  min-width: none;
  max-width: none;
}

@media screen and (max-width: 1023px) {
  .reward_view-panel .select_goods, .reward_notice-panel .select_goods {
    flex-direction: column;
  }
  .reward_view-panel .select_goods .card + .card, .reward_notice-panel .select_goods .card + .card {
    border-left: 1px solid #e5e5e5;
  }
  .reward_view-panel .select_goods .card .card-head, .reward_notice-panel .select_goods .card .card-head {
    padding: 10px 15px;
  }
  .reward_view-panel .select_goods .card .card-body, .reward_notice-panel .select_goods .card .card-body {
    padding: 10px 15px;
  }
  .reward_view-panel .select_goods .card .card-foot, .reward_notice-panel .select_goods .card .card-foot {
    padding: 10px 15px;
  }
  .reward_view-panel .select_goods .card .radio-box, .reward_notice-panel .select_goods .card .radio-box {
    text-align: center;
    padding-left: 0;
  }
  .reward_view-panel .select_goods .card .radio-box input, .reward_notice-panel .select_goods .card .radio-box input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .reward_view-panel .select_goods .card .radio-box i, .reward_notice-panel .select_goods .card .radio-box i {
    position: absolute;
    left: 50%;
    margin-left: -10px;
  }
  .reward_view-panel .select_goods .card .radio-box label, .reward_notice-panel .select_goods .card .radio-box label {
    display: block;
    margin-top: 30px;
    margin-right: 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    height: 32px;
    vertical-align: middle;
  }
  .reward_view-panel .select_goods .card .goods-box img, .reward_notice-panel .select_goods .card .goods-box img {
    width: 80%;
    max-width: 200px;
  }
  .reward_view-panel .select_goods .card .select-box, .reward_notice-panel .select_goods .card .select-box {
    width: 100%;
    min-width: none;
  }
}

/* ===== 어워드 페이지 */
.reward_view-panel {
  border: 0;
}

.reward_view-panel .con-header .title_point {
  font-weight: bold;
  font-size: 26px;
  color: #e50012;
}

@media screen and (max-width: 1023px) {
  .reward_view-panel .con-header .title_point {
    font-size: 20px;
  }
}

.reward_view-panel .con-body {
  margin-top: 20px;
  position: relative;
}

.reward_view-panel .con-foot {
  margin-top: 50px;
}

.reward_view-panel .table-area .area-head {
  position: relative;
}

.reward_view-panel .table-area .area-head.non_title {
  padding-top: 30px;
}

.reward_view-panel .table-area .area-body th {
  text-align: left;
}

.reward_view-panel .table-area .area-body th .mark_char_item {
  padding-left: 0.86em;
  text-indent: -0.86em;
}

@media screen and (max-width: 1023px) {
  .reward_view-panel .con-body {
    margin-top: 15px;
  }
  .reward_view-panel .con-foot {
    margin-top: 30px;
  }
}

/* ===== 어워드 팝업공지 */
.trp.popupfixed-wrap.event_alert_notice .btn_close {
  z-index: 1;
  top: 4px;
  right: 7px;
}

.trp.popupfixed-wrap.event_alert_notice .pop_tit {
  position: relative;
  padding: 18px 40px 23px;
  height: auto;
  background-color: #fff;
}

.trp.popupfixed-wrap.event_alert_notice .pop_tit .title {
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

.trp.popupfixed-wrap.event_alert_notice .pop_tit .title_bar {
  position: relative;
  display: flex;
  width: 100%;
  height: 5px;
  margin-left: -40px;
  position: absolute;
  bottom: 0;
}

.trp.popupfixed-wrap.event_alert_notice .pop_tit .title_bar::before {
  content: "";
  display: block;
  height: 5px;
  width: calc(40% + 15px);
  background-color: #e40315;
}

.trp.popupfixed-wrap.event_alert_notice .pop_tit .title_bar::after {
  content: "";
  display: block;
  height: 5px;
  width: calc(100% - (40% + 15px));
  background-color: #000;
}

.trp.popupfixed-wrap.event_alert_notice .pop_tit .title_bar i {
  position: absolute;
  display: block;
  top: 0;
  left: 40%;
  height: 5px;
}

.trp.popupfixed-wrap.event_alert_notice .pop-foot {
  padding: 15px 40px;
  background-color: #333;
  display: flex;
}

.trp.popupfixed-wrap.event_alert_notice .pop-foot .time_item {
  width: 50%;
}

.trp.popupfixed-wrap.event_alert_notice .pop-foot .time_item label {
  color: #e1e1e1;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.event_alert_notice .pop-foot {
    padding: 15px 10px;
  }
  .trp.popupfixed-wrap.event_alert_notice .pop-foot .time_item {
    width: 50%;
    padding-left: 15px;
  }
  .trp.popupfixed-wrap.event_alert_notice .pop-foot .time_item label {
    font-size: 14px;
  }
}

.trp.popupfixed-wrap.event_alert_notice .section_event_alert {
  padding: 40px;
  background-image: url(/resources/tp_images/common/popup/popup_bg.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 50%;
  background-image: none;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.event_alert_notice .section_event_alert {
    padding: 30px;
    background-image: none;
  }
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body {
  color: #666;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .strong {
  color: #000;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body p {
  font-size: 26px;
  font-weight: bold;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body p.msg_top {
  width: 100%;
  margin-bottom: 50px;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body p {
    font-size: 18px;
  }
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body p.msg_top {
    width: 100%;
    margin-bottom: 30px;
  }
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area + .option-area {
  margin-top: 30px;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-head .title {
  font-size: 20px;
  color: #000;
  font-weight: bold;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-head .title {
    font-size: 15px;
  }
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-body {
  margin-top: 10px;
  padding: 25px 30px;
  background-color: #f3f3f3;
  border-radius: 12px;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-body p {
  font-size: 18px;
  color: #666;
  letter-spacing: -1.1px;
  font-weight: 500;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-body p {
    font-size: 15px;
  }
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-body ol.num-list {
  padding: 0 0 10px 0px;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-body ol.num-list li + li {
  margin-top: 7px;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-body ol.num-list > li {
  position: relative;
  padding-left: 30px;
  line-height: 1.3;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-body ol.num-list > li > .num {
  position: absolute;
  left: 0;
  text-indent: 0px;
  text-align: center;
  font-size: 15px;
  color: #FFF;
  line-height: 20px;
  background-color: #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-body ol.num-list > li {
    padding-left: 25px;
    font-size: 14px;
  }
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .option-area .area-body ol.num-list > li > .num {
    font-size: 12px;
    line-height: 1.4;
    width: 17px;
    height: 17px;
  }
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .notes-area {
  margin-top: 30px;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .notes-area .area-head .title {
  font-size: 20px;
  color: #000;
  font-weight: bold;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .notes-area .area-body {
  margin-top: 10px;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .notes-area p + p {
  margin-top: 15px;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .notes-area p {
  font-size: 18px;
  color: #666;
  font-weight: normal;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .notes-area {
    margin-top: 20px;
  }
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .notes-area .area-head .title {
    font-size: 15px;
  }
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .notes-area .area-body {
    margin-top: 10px;
  }
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .notes-area p + p {
    margin-top: 15px;
  }
  .trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .con-body .notes-area p {
    font-size: 14px;
  }
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .select_goods {
  margin-top: 10px;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .select_goods .card {
  border-color: #ccc;
  width: 100%;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .select_goods .card .card-head {
  height: 75px;
  background-color: transparent;
  padding: 15px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.trp.popupfixed-wrap.event_alert_notice .reward_notice-panel .select_goods .card .card-body {
  background-color: #fff;
}

/* ========= company_brand ==========*/
.company_brand-wrap {
  margin-top: 80px;
  padding-bottom: 20px;
}

.company_brand-wrap .vm-area {
  position: relative;
  padding: 0 74px;
  margin: 0 auto;
}

.company_brand-wrap .vm_unit-area {
  position: relative;
}

.company_brand-wrap .vm-list:after, .company_brand-wrap .vm_unit-list:after {
  content: '';
  display: block;
  clear: both;
}

.company_brand-wrap .vm-list li, .company_brand-wrap .vm_unit-list li {
  float: left;
}

.company_brand-wrap .vm-list {
  margin-top: 90px;
}

.company_brand-wrap .vm-list .item1 {
  width: 40.9523%;
}

.company_brand-wrap .vm-list .item2 {
  width: 18.0952%;
}

.company_brand-wrap .vm-list .item3 {
  width: 40.9523%;
}

.company_brand-wrap .vm-list .typo-box {
  position: relative;
  height: 120px;
}

.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_brand-wrap .vm-list .typo-box .bracket:first-child {
  left: 0;
  border-right: 0;
}

.company_brand-wrap .vm-list .typo-box .bracket:last-child {
  right: 0;
  border-left: 0;
}

.company_brand-wrap .vm-list .typo-box .typo {
  padding-top: 20px;
  font-size: 22px;
  color: #e50012;
  line-height: 1.5;
}

.company_brand-wrap .vm-list .typo-box .typo span {
  display: block;
  text-align: center;
}

.company_brand-wrap .vm-list .add-box {
  text-align: center;
}

.company_brand-wrap .vm-list .add-box .add {
  position: relative;
  margin-top: 40px;
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
}

.company_brand-wrap .vm-list .add-box .add::after, .company_brand-wrap .vm-list .add-box .add::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ff0000;
}

.company_brand-wrap .vm-list .add-box .add::before {
  margin-top: 18px;
  transform: rotate(90deg);
}

.company_brand-wrap .vm_unit-list {
  margin-top: 105px;
  margin-left: -6px;
  width: calc( 100% 0 12px);
}

.company_brand-wrap .vm_unit-list li {
  width: 20%;
  padding: 6px;
}

.company_brand-wrap .vm_unit-list li .inner {
  position: relative;
}

.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_brand-wrap .vm_unit-list li .bg-box .bg_color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ea3341;
}

.company_brand-wrap .vm_unit-list li.bg_red .bg-box .bg_color {
  background-color: #ea3341;
}

.company_brand-wrap .vm_unit-list li.bg_gray .bg-box .bg_color {
  background-color: #8c8c8c;
}

.company_brand-wrap .vm_unit-list .dt, .company_brand-wrap .vm_unit-list .dd {
  position: absolute;
  top: 0;
  text-align: center;
}

.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_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_brand-wrap {
    margin-top: 55px;
  }
  .company_brand-wrap .vm-area {
    padding: 0 30px;
  }
  .company_brand-wrap .vm-list {
    margin-top: 45px;
  }
  .company_brand-wrap .vm-list .item1 {
    width: 100%;
  }
  .company_brand-wrap .vm-list .item2 {
    width: 100%;
  }
  .company_brand-wrap .vm-list .item3 {
    width: 100%;
  }
  .company_brand-wrap .vm-list .typo-box {
    height: 60px;
  }
  .company_brand-wrap .vm-list .typo-box .bracket {
    top: 0;
    width: 15px;
    height: 100%;
    border: 5px solid #f7b2b7;
  }
  .company_brand-wrap .vm-list .typo-box .typo {
    padding-top: 10px;
    font-size: 13px;
  }
  .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_brand-wrap .vm-list .add-box .add::after {
    margin-top: -1px;
  }
  .company_brand-wrap .vm-list .add-box .add::before {
    margin-top: 9px;
  }
  .company_brand-wrap .vm_unit-list {
    margin-top: 50px;
    margin-left: 0px;
    width: 100%;
  }
  .company_brand-wrap .vm_unit-list li {
    width: 100%;
    padding: 6px;
  }
  .company_brand-wrap .vm_unit-list li .inner {
    width: 55%;
    max-width: 150px;
    margin: 0 auto;
  }
  .company_brand-wrap .vm_unit-list .dt, .company_brand-wrap .vm_unit-list .dd {
    position: absolute;
    top: 0;
    text-align: center;
  }
  .company_brand-wrap .vm_unit-list .dt {
    left: 10%;
    width: 80%;
    height: 40%;
    padding-top: 20%;
    font-size: 14px;
  }
  .company_brand-wrap .vm_unit-list .dd {
    top: 40%;
    left: 10%;
    width: 80%;
    height: 50%;
    font-size: 13px;
  }
}

/* ========= company_brand new ==========*/
.company_brand-wrap {
  /* ============== talent 인재상============= */
}

.company_brand-wrap .circle_round-layout + .circle_round-layout {
  margin-top: 50px;
}

.company_brand-wrap .circle_round-layout {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
}

.company_brand-wrap .circle_round-layout:after {
  content: '';
  display: block;
  clear: both;
}

.company_brand-wrap .circle_round-layout.mb-mm {
  margin-bottom: 0;
}

.company_brand-wrap .circle_round-layout.mb-mmm {
  margin-bottom: 0;
}

.company_brand-wrap .circle_round-layout > .colitem {
  float: left;
  position: relative;
}

.company_brand-wrap .circle_round-layout > .colitem:first-child {
  width: 140px;
}

.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_brand-wrap .circle_round-layout + .circle_round-layout {
    margin-top: 25px;
  }
  .company_brand-wrap .circle_round-layout {
    max-width: auto;
    width: 100%;
  }
  .company_brand-wrap .circle_round-layout:after {
    content: '';
    display: block;
    clear: both;
  }
  .company_brand-wrap .circle_round-layout.mb-mm {
    margin-bottom: 160px;
  }
  .company_brand-wrap .circle_round-layout.mb-mmm {
    margin-bottom: 130px;
    margin-top: 50px;
  }
  .company_brand-wrap .circle_round-layout > .colitem {
    float: left;
    position: relative;
  }
  .company_brand-wrap .circle_round-layout > .colitem:first-child {
    width: 70px;
    z-index: 3;
  }
  .company_brand-wrap .circle_round-layout > .colitem:last-child {
    width: calc( 100% - 70px);
    padding-left: 0px;
    height: 70px;
  }
}

.company_brand-wrap .body-title {
  margin-bottom: 60px;
  font-size: 28px;
  color: #000;
  font-weight: bold;
  text-align: center;
  letter-spacing: -1px;
}

.company_brand-wrap .body-title.typo_a {
  color: #000;
}

.company_brand-wrap .body-title.typo_b {
  color: #000;
  font-weight: bold;
}

.company_brand-wrap .body-title.typo_b span {
  font-style: italic;
}

.company_brand-wrap .body-title .red {
  color: #ea3341;
}

@media screen and (max-width: 1023px) {
  .company_brand-wrap .body-title {
    margin-bottom: 20px;
  }
  .company_brand-wrap .body-title.typo_a {
    font-size: 16px;
  }
  .company_brand-wrap .body-title.typo_b {
    font-size: 17px;
  }
}

.company_brand-wrap .circle-box {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #8c8c8c;
}

.company_brand-wrap .circle-box.red {
  background-color: #ea3341;
}

.company_brand-wrap .circle-box .typo_a {
  font-size: 28px;
  color: #fff;
  line-height: 1.3;
  display: block;
}

.company_brand-wrap .circle-box .typo_a.ft_sm1 {
  font-size: 25px;
}

.company_brand-wrap .circle-box .typo_a.ft_sm2 {
  font-size: 22px;
}

.company_brand-wrap .circle-box .typo_a.ft_sm3 {
  font-size: 20px;
}

.company_brand-wrap .circle-box .typo_b {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  font-style: italic;
}

.company_brand-wrap .circle-box .typo_c {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
}

.company_brand-wrap .circle-box .typo_c.ft_sm1 {
  font-size: 16px;
}

.company_brand-wrap .circle-box .typo_c.ft_sm2 {
  font-size: 14px;
}

.company_brand-wrap .circle-box .icon {
  display: block;
  margin-top: -10px;
  text-align: center;
}

.company_brand-wrap .circle-box .icon img {
  width: 80px;
}

@media screen and (max-width: 1023px) {
  .company_brand-wrap .circle-box {
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }
  .company_brand-wrap .circle-box .typo_a {
    font-size: 14px;
  }
  .company_brand-wrap .circle-box .typo_a.ft_sm1 {
    font-size: 12px;
  }
  .company_brand-wrap .circle-box .typo_a.ft_sm2 {
    font-size: 11px;
  }
  .company_brand-wrap .circle-box .typo_a.ft_sm3 {
    font-size: 10px;
  }
  .company_brand-wrap .circle-box .typo_b {
    font-size: 13px;
  }
  .company_brand-wrap .circle-box .typo_c {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    color: #fff;
    font-weight: 500;
  }
  .company_brand-wrap .circle-box .typo_c.ft_sm1 {
    font-size: 10px;
    line-height: 1;
  }
  .company_brand-wrap .circle-box .typo_c.ft_sm2 {
    font-size: 9px;
  }
  .company_brand-wrap .circle-box .icon {
    display: block;
    margin-top: -5px;
    text-align: center;
  }
  .company_brand-wrap .circle-box .icon img {
    width: 40px;
  }
}

.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_brand-wrap .round-box.mt-mm {
  margin-top: -110px;
}

.company_brand-wrap .round-box .txt {
  font-size: 20px;
  color: #5e5e5e;
  font-weight: bold;
  text-align: left;
}

.company_brand-wrap .round-box .txt_p {
  font-size: 22px;
  color: #ea3341;
}

@media screen and (max-width: 1023px) {
  .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_brand-wrap .round-box.mt-mm {
    margin-top: 0px;
  }
  .company_brand-wrap .round-box .txt {
    display: inline-block;
    font-size: 12px;
    height: 100%;
  }
  .company_brand-wrap .round-box .txt_p {
    display: inline-block;
    font-size: 14px;
  }
}

.company_brand-wrap .layout_t + .list-area {
  margin-top: -85px;
  margin-left: 40px;
}

.company_brand-wrap .list-area {
  text-align: left;
  line-height: 1.4;
}

.company_brand-wrap .list-area .mark {
  margin-right: 5px;
}

.company_brand-wrap .list-area .mark_char_item {
  font-size: 20px;
  color: #5e5e5e;
  font-weight: 500;
  padding-left: 15px;
  text-indent: -15px;
}

.company_brand-wrap .list-area .mark_char-list li {
  font-size: 18px;
  color: #5e5e5e;
  padding-left: 15px;
  text-indent: -15px;
}

.company_brand-wrap .list-area .mark_char_item + .mark_char-list {
  margin-top: 5px;
}

@media screen and (max-width: 1023px) {
  .company_brand-wrap .layout_t + .list-area {
    margin-top: 15px;
    margin-left: -40px;
  }
  .company_brand-wrap .list-area .mark {
    margin-right: 5px;
  }
  .company_brand-wrap .list-area .mark_char_item {
    font-size: 13px;
    padding-left: 10px;
    text-indent: -10px;
  }
  .company_brand-wrap .list-area .mark_char-list li {
    font-size: 13px;
    color: #5e5e5e;
    padding-left: 10px;
    text-indent: -10px;
  }
  .company_brand-wrap .list-area .mark_char_item + .mark_char-list {
    margin-top: 5px;
  }
}

.company_brand-wrap .img_circle-area {
  padding: 0 15px;
}

.company_brand-wrap .img_circle-area .img_circle-list:after {
  content: '';
  display: block;
  clear: both;
}

.company_brand-wrap .img_circle-area .img_circle-list .colitem {
  float: left;
  width: 20%;
}

.company_brand-wrap .img_circle-area .img_circle-list .circle-article {
  margin-top: 12px;
  text-align: center;
}

.company_brand-wrap .img_circle-area .img_circle-list .circle-article .img img {
  width: 90px;
}

.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_brand-wrap .img_circle-area {
    padding: 0px;
  }
  .company_brand-wrap .img_circle-area .img_circle-list {
    text-align: center;
  }
  .company_brand-wrap .img_circle-area .img_circle-list .colitem {
    float: none;
    min-width: 70px;
    margin: 0 0px;
    display: inline-block;
  }
  .company_brand-wrap .img_circle-area .img_circle-list .circle-article {
    margin-top: 6px;
    text-align: center;
  }
  .company_brand-wrap .img_circle-area .img_circle-list .circle-article .img img {
    width: 60px;
  }
  .company_brand-wrap .img_circle-area .img_circle-list .circle-article .txt {
    margin-top: 5px;
    font-size: 12px;
  }
}

.company_brand-wrap .big_circle-area {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
}

.company_brand-wrap .big_circle-area .big_circle-list:after {
  content: '';
  display: block;
  clear: both;
}

.company_brand-wrap .big_circle-area .big_circle-list .colitem {
  position: relative;
  float: left;
  width: 33.3333%;
  z-index: 3;
}

.company_brand-wrap .big_circle-area .big_circle-list .colitem:nth-child(2) {
  z-index: 1;
}

.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_brand-wrap .big_circle-area .mm_circle-box {
  position: relative;
  text-align: center;
  z-index: 2;
}

.company_brand-wrap .big_circle-area .mm_circle-box .typo {
  position: absolute;
  top: 10px;
  width: 100%;
}

.company_brand-wrap .big_circle-area .mm_circle-box .typo .tit {
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  color: #5e5e5e;
}

.company_brand-wrap .big_circle-area .mm_circle-box .typo .desc {
  font-size: 16px;
  line-height: 1.3;
  color: #5e5e5e;
}

.company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list {
  position: absolute;
  top: 220px;
  width: 120px;
}

.company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p1 {
  left: 20px;
}

.company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p2 {
  left: 150px;
}

.company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p3 {
  left: 40px;
}

.company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p4 {
  left: 170px;
}

.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_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_brand-wrap .big_circle-area .sim_circle span {
  color: #fff;
}

.company_brand-wrap .big_circle-area .sim_circle.big {
  width: 280px;
  height: 280px;
}

.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_brand-wrap .big_circle-area .sim_circle.md {
  width: 132px;
  height: 132px;
  margin: 0 5px;
  line-height: 132px;
}

.company_brand-wrap .big_circle-area .sim_circle.md > span {
  font-size: 22px;
}

.company_brand-wrap .big_circle-area .sim_circle.sm {
  width: 100px;
  height: 100px;
  margin: 0 5px;
  line-height: 100px;
}

.company_brand-wrap .big_circle-area .sim_circle.sm > span {
  font-size: 18px;
}

.company_brand-wrap .big_circle-area .sim_circle.g {
  background-color: #f6f6f6;
}

.company_brand-wrap .big_circle-area .sim_circle.gg {
  background-color: #cacaca;
}

.company_brand-wrap .big_circle-area .sim_circle.ggg {
  background-color: #aeaeae;
}

.company_brand-wrap .big_circle-area .sim_circle.r {
  background-color: #f5a4ac;
}

.company_brand-wrap .big_circle-area .sim_circle.rr {
  background-color: #f87c85;
}

.company_brand-wrap .big_circle-area .sim_circle.rrr {
  background-color: #ea3341;
}

@media screen and (max-width: 1023px) {
  .company_brand-wrap .big_circle-area {
    margin-top: 30px;
  }
  .company_brand-wrap .big_circle-area .big_circle-list:after {
    content: '';
    display: block;
    clear: both;
  }
  .company_brand-wrap .big_circle-area .big_circle-list .colitem {
    position: relative;
    float: none;
    width: 230px;
    margin: 0 auto;
  }
  .company_brand-wrap .big_circle-area .big_circle-list .colitem:nth-child(2) {
    z-index: 1;
  }
  .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%;
    transform: rotate(90deg);
  }
  .company_brand-wrap .big_circle-area .big_circle-list .colitem + .colitem {
    margin-top: 40px;
  }
  .company_brand-wrap .big_circle-area .mm_circle-box .typo {
    position: absolute;
    top: 18px;
    width: 100%;
  }
  .company_brand-wrap .big_circle-area .mm_circle-box .typo .tit {
    font-size: 14px;
    line-height: 1.2;
  }
  .company_brand-wrap .big_circle-area .mm_circle-box .typo .desc {
    font-size: 11px;
  }
  .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list {
    position: absolute;
    top: 155px;
    width: 110px;
  }
  .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p1 {
    left: -5px;
  }
  .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p2 {
    left: 110px;
  }
  .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p3 {
    left: -5px;
  }
  .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p4 {
    left: 110px;
  }
  .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list li {
    font-size: 12px;
  }
  .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_brand-wrap .big_circle-area .sim_circle span {
    color: #fff;
  }
  .company_brand-wrap .big_circle-area .sim_circle.big.rrr {
    width: 150px;
    height: 150px;
  }
  .company_brand-wrap .big_circle-area .sim_circle.big {
    width: 200px;
    height: 200px;
  }
  .company_brand-wrap .big_circle-area .sim_circle.big > span {
    margin-top: 40px;
    font-size: 16px;
  }
  .company_brand-wrap .big_circle-area .sim_circle.md {
    width: 89px;
    height: 89px;
    margin: 0 2px;
    line-height: 89px;
  }
  .company_brand-wrap .big_circle-area .sim_circle.md > span {
    font-size: 14px;
  }
  .company_brand-wrap .big_circle-area .sim_circle.sm {
    width: 64px;
    height: 64px;
    margin: 0 2px;
    line-height: 64px;
  }
  .company_brand-wrap .big_circle-area .sim_circle.sm > span {
    font-size: 13px;
    letter-spacing: -.5px;
  }
}

.company_brand-wrap .panel-talent > .panel-header p {
  text-align: center;
}

.company_brand-wrap .panel-talent > .panel-header p + p {
  margin-top: 10px;
}

.company_brand-wrap .panel-talent > .panel-header em, .company_brand-wrap .panel-talent > .panel-header span {
  font-size: 28px;
  font-weight: bold;
}

.company_brand-wrap .panel-talent > .panel-header em {
  color: #ea3341;
}

.company_brand-wrap .panel-talent > .panel-header span {
  color: #000000;
}

@media screen and (max-width: 1023px) {
  .company_brand-wrap .panel-talent > .panel-header p + p {
    margin-top: 4px;
  }
  .company_brand-wrap .panel-talent > .panel-header em, .company_brand-wrap .panel-talent > .panel-header span {
    font-size: 17px;
  }
}

.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_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_brand-wrap .panel-talent .PCR_infographic .pcr-header {
  text-align: center;
}

.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_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_brand-wrap .panel-talent .PCR_infographic .pcr-header .title_raound {
    padding: 5px 25px;
    border-radius: 25px;
  }
  .company_brand-wrap .panel-talent .PCR_infographic .pcr-header .title_raound span {
    font-size: 14px;
    line-height: 21px;
  }
}

.company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list {
  display: flex;
  justify-content: space-between;
  width: 940px;
  margin-top: 98px;
}

.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_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_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list .title {
  display: block;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}

.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_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_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list li + li {
    margin-top: 25px;
  }
  .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_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list li .info_circle {
    padding: 21px;
    width: 168px;
    height: 168px;
  }
  .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list .title {
    font-size: 18px;
  }
  .company_brand-wrap .panel-talent .PCR_infographic .pcr-body .pcr-list .desc {
    font-size: 14px;
  }
}

.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_brand-wrap .panel-talent .PCR_infographic .pcr-body .typo-box {
    margin-top: 10px;
    width: 168px;
    margin-left: 0px;
  }
}

/* ========= company_history ==========*/
.company_history-wrap {
  margin-top: 120px;
}

.company_history-wrap .image-area {
  margin-top: 80px;
}

.company_history-wrap .image-area > div {
  max-height: 580px;
  width: calc( 100% + 80px);
  margin-left: -40px;
}

.company_history-wrap .section-panel.active {
  display: block;
}

.company_history-wrap .section-panel {
  display: none;
}

.company_history-wrap .history-area {
  position: relative;
  margin-top: 100px;
}

.company_history-wrap .history-area .history-list {
  position: relative;
  background: url(/resources/tp_images/about/history_line.png) center 30px repeat-y;
}

.company_history-wrap .history-area .history-list .inner {
  position: relative;
  margin-top: -25px;
  padding-bottom: 30px;
}

.company_history-wrap .history-area .history-list > li {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.company_history-wrap .history-area .history-list > li + li {
  margin-top: 30px;
}

.company_history-wrap .history-area .history-list > li:nth-child(odd) .inner {
  padding-left: calc( 50% + 80px);
  text-align: left;
}

.company_history-wrap .history-area .history-list > li:nth-child(odd) .item_tit::before {
  position: absolute;
  top: 23px;
  left: -80px;
  right: auto;
}

.company_history-wrap .history-area .history-list > li:nth-child(odd) .item_tit::after {
  position: absolute;
  top: 18px;
  left: -85px;
  right: auto;
}

.company_history-wrap .history-area .history-list > li:nth-child(odd) .item_con p {
  padding-left: 60px;
}

.company_history-wrap .history-area .history-list > li:nth-child(odd) .item_con p .year {
  left: 0;
  margin-right: 10px;
}

.company_history-wrap .history-area .history-list > li:nth-child(even) .inner {
  padding-right: calc( 50% + 80px);
  text-align: right;
}

.company_history-wrap .history-area .history-list > li:nth-child(even) .item_tit::before {
  position: absolute;
  top: 23px;
  right: -80px;
  left: auto;
}

.company_history-wrap .history-area .history-list > li:nth-child(even) .item_tit::after {
  position: absolute;
  top: 18px;
  right: -85px;
  left: auto;
}

.company_history-wrap .history-area .history-list > li:nth-child(even) .item_con p {
  padding-right: 60px;
}

.company_history-wrap .history-area .history-list > li:nth-child(even) .item_con p .year {
  right: 0;
  margin-left: 10px;
}

.company_history-wrap .history-area .item_tit {
  position: relative;
}

.company_history-wrap .history-area .item_tit span {
  font-size: 38px;
  font-weight: 500;
  color: #000000;
  line-height: 1.1;
}

.company_history-wrap .history-area .item_tit .title {
  display: block;
  font-size: 25px;
}

.company_history-wrap .history-area .item_tit::before, .company_history-wrap .history-area .item_tit::after {
  content: "";
  display: block;
}

.company_history-wrap .history-area .item_tit::before {
  width: 65px;
  height: 1px;
  background-color: #ffb2b2;
}

.company_history-wrap .history-area .item_tit::after {
  width: 11px;
  height: 11px;
  background-color: #e50012;
  transform: rotate(45deg);
}

.company_history-wrap .history-area .item_con {
  margin-top: 25px;
}

.company_history-wrap .history-area .item_con > p {
  position: relative;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #5e5e5e;
}

.company_history-wrap .history-area .item_con > p .year {
  position: absolute;
  top: 0px;
  font-weight: bold;
}

.company_history-wrap .history-area .item_con > p .img-box {
  display: block;
}

.company_history-wrap .history-area .item_con > p .img-box img {
  height: 40px;
}

.company_history-wrap .history-area .item_con > p + ul {
  margin-top: 10px;
}

.company_history-wrap .history-area .item_con > p + ul > li {
  color: #5e5e5e;
}

.company_history-wrap .history-area .item_con > p + ul > li + li {
  margin-top: 10px;
}

.company_history-wrap .history-area .item_con em {
  font-size: 20px;
  color: #e50012;
}

.company_history-wrap .history-area .item_con b {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  .company_history-wrap {
    margin-top: 30px;
  }
  .company_history-wrap .image-area {
    margin-top: 40px;
  }
  .company_history-wrap .image-area > div {
    width: calc( 100% + 28px);
    margin-left: -14px;
  }
  .company_history-wrap .history-area {
    margin-top: 50px;
  }
  .company_history-wrap .history-area .history-list {
    background: none;
  }
  .company_history-wrap .history-area .history-list .inner {
    position: relative;
    margin-top: -25px;
    padding-bottom: 30px;
  }
  .company_history-wrap .history-area .history-list > li + li {
    margin-top: 30px;
  }
  .company_history-wrap .history-area .history-list > li:nth-child(odd) .inner {
    padding-left: 50px;
  }
  .company_history-wrap .history-area .history-list > li:nth-child(odd) .item_tit::before {
    position: absolute;
    top: 11px;
    left: -40px;
    right: auto;
  }
  .company_history-wrap .history-area .history-list > li:nth-child(odd) .item_tit::after {
    position: absolute;
    top: 8px;
    left: -45px;
    right: auto;
  }
  .company_history-wrap .history-area .history-list > li:nth-child(even) .inner {
    padding-right: 50px;
  }
  .company_history-wrap .history-area .history-list > li:nth-child(even) .item_tit::before {
    position: absolute;
    top: 11px;
    right: -40px;
    left: auto;
  }
  .company_history-wrap .history-area .history-list > li:nth-child(even) .item_tit::after {
    position: absolute;
    top: 8px;
    right: -45px;
    left: auto;
  }
  .company_history-wrap .history-area .item_tit {
    position: relative;
  }
  .company_history-wrap .history-area .item_tit span {
    font-size: 18px;
  }
  .company_history-wrap .history-area .item_tit .title {
    display: block;
    font-size: 15px;
  }
  .company_history-wrap .history-area .item_tit::before, .company_history-wrap .history-area .item_tit::after {
    content: "";
    display: block;
  }
  .company_history-wrap .history-area .item_tit::before {
    width: 35px;
    height: 1px;
    background-color: #ffb2b2;
  }
  .company_history-wrap .history-area .item_tit::after {
    width: 8px;
    height: 8px;
    background-color: #e50012;
    transform: rotate(45deg);
  }
  .company_history-wrap .history-area .item_con {
    margin-top: 15px;
  }
  .company_history-wrap .history-area .item_con > p {
    margin-top: 10px;
    font-size: 13px;
    padding-left: 40px;
  }
  .company_history-wrap .history-area .item_con > p .year {
    position: absolute;
    top: 0px;
    left: 0;
    margin-right: 10px;
    font-weight: bold;
  }
  .company_history-wrap .history-area .item_con > p .img-box {
    display: block;
  }
  .company_history-wrap .history-area .item_con > p .img-box img {
    height: 25px;
  }
  .company_history-wrap .history-area .item_con p + ul {
    margin-top: 5px;
  }
  .company_history-wrap .history-area .item_con p + ul > li {
    font-size: 13px;
    color: #5e5e5e;
  }
  .company_history-wrap .history-area .item_con p + ul > li + li {
    margin-top: 5px;
  }
  .company_history-wrap .history-area .item_con em {
    font-size: 14px;
  }
  .company_history-wrap .history-area .item_con b {
    font-size: 13px;
  }
}

.company_est-wrap {
  margin-top: 60px;
}

.company_est-wrap .branch_box-list {
  margin-top: 80px;
}

.company_est-wrap .branch_box-list .box-head .box-head-toggle .addr {
  font-weight: normal;
}

.company_est-wrap .branch_box-list .open .box-head .box-head-toggle .name {
  color: #e50012;
}

.company_est-wrap .branch_box-list .box-body {
  background: #fff;
}

.company_est-wrap .company-establishment {
  margin-top: 60px;
}

.company_est-wrap .company-establishment img {
  width: 100%;
  max-width: 1200px;
}

@media screen and (max-width: 1023px) {
  .company_est-wrap {
    margin-top: 30px;
  }
  .company_est-wrap .company-establishment {
    display: none;
  }
  .company_est-wrap .branch_box-list {
    margin-top: 40px;
  }
  .company_est-wrap .branch_box-list .box-head .box-head-toggle {
    padding-right: 55px;
  }
  .company_est-wrap .branch_box-list .box-body {
    background: #fff;
  }
  .company_est-wrap + .tab-wrap {
    margin-top: 10px;
  }
}

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

.company_est-list-wrap {
  margin-top: 60px;
}

.company_est-list-wrap .con-body {
  margin-top: 40px;
}

.company_est-list-wrap .company_est-list {
  border-top: 1px solid #d9d9d9;
}

.company_est-list-wrap .company_est-item {
  padding: 17px 18px 19px;
  border-bottom: 1px solid #d9d9d9;
}

.company_est-list-wrap .company_est-item h4 {
  font-size: 20px;
  font-weight: bold;
  color: #5e5e5e;
  line-height: 32px;
}

.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_est-list-wrap .company_est-item p {
  font-size: 16px;
  line-height: 20px;
  margin-top: 10px;
}

.company_est-list-wrap .company_est-item .contact {
  margin-top: 10px;
}

.company_est-list-wrap .company_est-item .contact > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
}

.company_est-list-wrap .company_est-item .contact > span + span {
  margin-left: 35px;
}

.company_est-list-wrap .company_est-item .contact > span em {
  color: #e50012;
}

@media screen and (max-width: 1023px) {
  .company_est-list-wrap {
    margin-top: 30px;
  }
  .company_est-list-wrap .con-header {
    display: none;
  }
  .company_est-list-wrap .con-body {
    margin-top: 30px;
  }
  .company_est-list-wrap .company_est-item {
    padding: 14px 10px;
  }
  .company_est-list-wrap .company_est-item h4 {
    font-size: 15px;
    line-height: 1;
  }
  .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_est-list-wrap .company_est-item p {
    font-size: 13px;
  }
  .company_est-list-wrap .company_est-item .contact {
    margin-top: 10px;
  }
  .company_est-list-wrap .company_est-item .contact > span {
    display: block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 20px;
  }
  .company_est-list-wrap .company_est-item .contact > span + span {
    margin-left: 0;
  }
  .company_est-list-wrap .company_est-item .contact > span em {
    color: #e50012;
    margin-right: 3px;
  }
}

.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/tp_images/about/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/tp_images/about/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/tp_images/about/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/tp_images/about/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/tp_images/about/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;
    top: 2px;
    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%;
  }
}

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

.trophy_history-wrap .con-header .img-box {
  margin-top: 20px;
}

.trophy_history-wrap .con-header .img-box img {
  width: 100%;
}

.trophy_history-wrap .con-body {
  margin-top: 60px;
}

.trophy_history-wrap .trophy_history-list > ul {
  border-top: 1px solid #e5e5e5;
}

.trophy_history-wrap .trophy_history-list > ul > li {
  border-bottom: 1px solid #e5e5e5;
}

.trophy_history-wrap .trophy_history-list > ul > li.open .box-head {
  color: #e50013;
}

.trophy_history-wrap .trophy_history-list > ul > li.open .box-head:after {
  transform: rotate(180deg);
}

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

.trophy_history-wrap .trophy_history-list .box-head i.icon-faq_arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -15px;
}

.trophy_history-wrap .trophy_history-list .box-body {
  display: none;
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 34px 20px;
}

.trophy_history-wrap .trophy_history {
  position: relative;
  padding-left: 50px;
  font-size: 16px;
  line-height: 28px;
  color: #5e5e5e;
}

.trophy_history-wrap .trophy_history + .trophy_history {
  margin-top: 20px;
}

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

.trophy_history-wrap .trophy_history .desc .tit {
  margin-bottom: 6px;
  font-size: 16px;
  color: #000;
}

.trophy_history-wrap .trophy_history .desc .tit .type {
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: 1px;
  color: #e50013;
}

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

.trophy_history-wrap .trophy_history .desc .cont ul li {
  position: relative;
  padding-left: 10px;
}

.trophy_history-wrap .trophy_history .desc .cont ul li:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1023px) {
  .trophy_history-wrap .con-header {
    margin-top: 30px;
  }
  .trophy_history-wrap .con-header .img-box {
    margin-top: 10px;
  }
  .trophy_history-wrap .con-body {
    margin-top: 30px;
  }
  .trophy_history-wrap .trophy_history-list .box-head {
    padding: 8px 30px 8px 10px;
    font-size: 13px;
    line-height: 24px;
  }
  .trophy_history-wrap .trophy_history-list .box-head i.icon-faq_arrow {
    right: 5px;
    margin-top: -7.5px;
  }
  .trophy_history-wrap .trophy_history-list .box-body {
    padding: 16px 10px;
  }
  .trophy_history-wrap .trophy_history {
    position: relative;
    padding-left: 0;
    font-size: 13px;
    line-height: 21px;
    color: #5e5e5e;
  }
  .trophy_history-wrap .trophy_history + .trophy_history {
    margin-top: 20px;
  }
  .trophy_history-wrap .trophy_history .month {
    font-size: 13px;
    position: static;
    text-align: left;
    width: 100%;
  }
  .trophy_history-wrap .trophy_history .desc .tit {
    margin-bottom: 3px;
    font-size: 13px;
  }
  .trophy_history-wrap .trophy_history .desc .tit .type {
    position: relative;
    padding-left: 5px;
    margin-left: 5px;
    vertical-align: 1px;
  }
  .trophy_history-wrap .trophy_history .desc .tit .type:before {
    height: 10px;
    margin-top: -5px;
  }
  .trophy_history-wrap .trophy_history .desc .cont ul li {
    position: relative;
    padding-left: 10px;
  }
  .trophy_history-wrap .trophy_history .desc .cont ul li:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
  }
}

/* 이니셔티브 및 평가 결과 [2026-0318] 영문 페이지 카피 */
.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;
  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;
    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;
  }
}

.MN000675 {
  /* 고객지원  */
  letter-spacing: -0.025em;
}

.MN000675 .customer_guide .tel-box:after {
  content: "";
  position: absolute;
  left: 46px;
  top: 45px;
  width: 80px;
  height: 78px;
  background-position: -114px 0px;
}

.MN000675 .customer_guide .qna-box:after {
  content: "";
  position: absolute;
  left: 46px;
  top: 45px;
  width: 76px;
  height: 68px;
  background-position: 0px -114px;
}

.is_mb .MN000675 .customer_guide .tel-box:after {
  content: "";
  position: absolute;
  left: 18px;
  top: 44px;
  width: 49.5px;
  height: 48.5px;
  background-position: 0px -65px;
}

.is_mb .MN000675 .customer_guide .qna-box:after {
  content: "";
  position: absolute;
  left: 19px;
  top: 46px;
  width: 47px;
  height: 42px;
  background-position: 0px -123.5px;
}

/* ============ 영문 tp_en ============ */
body.tp_en #header {
  /*  GNB */
  /* sub_menu */
}

body.tp_en #header .gnb-wrap .menu {
  padding: 15px 0%;
}

body.tp_en #header .gnb-wrap .menu .menu-list li > a {
  padding: 0 20px;
  font-size: 17px;
  line-height: 1.2;
  height: 65px;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  word-wrap: break-word;
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: normal;
}

body.tp_en #header .gnb-wrap .menu .menu-list li > a span {
  display: block;
  word-wrap: break-word;
  word-break: keep-all;
}

body.tp_en #header .gnb-wrap .menu .menu-list > li:nth-child(1) {
  min-width: 190px;
  width: 30%;
}

body.tp_en #header .gnb-wrap .menu .menu-list > li:nth-child(1) > a {
  padding-top: 15px;
}

body.tp_en #header .gnb-wrap .menu .menu-list > li:nth-child(2) {
  min-width: 180px;
  width: 30%;
}

body.tp_en #header .gnb-wrap .menu .menu-list > li:nth-child(2) > a {
  padding-top: 15px;
}

body.tp_en #header .gnb-wrap .menu .menu-list > li:nth-child(3) {
  min-width: 255px;
  width: 40%;
}

body.tp_en #header .gnb-wrap .menu .menu-list > li:nth-child(3) > a {
  padding-top: 15px;
}

body.tp_en #header .gnb-wrap .bar {
  position: absolute;
  bottom: 12px;
  left: -5px;
  z-index: 31;
  pointer-events: none;
  display: block;
  width: calc(100% + 10px);
  height: 5px;
  background-color: #ef0010;
  font-size: 0;
  opacity: 0;
  transition: all 0.27s ease-in-out;
  transform: translateX(-50%);
}

body.tp_en #header .gnb-wrap .bar.on {
  opacity: 1;
}

body.tp_en #header .gnb-wrap .bar::before, body.tp_en #header .gnb-wrap .bar::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
}

body.tp_en #header .gnb-wrap .bar::before {
  left: -5px;
  background: url(/resources/tp_images/common/menu_bar-l.png) 0 0 no-repeat;
}

body.tp_en #header .gnb-wrap .bar::after {
  right: -5px;
  background: url(/resources/tp_images/common/menu_bar-r.png) 0 0 no-repeat;
}

body.tp_en #header .sub_menu-area {
  visibility: hidden;
  opacity: 0;
  /* visibility: visible; opacity: 1;   display: block; */
}

body.tp_en #header .sub_menu-area .sub_menu {
  padding: 35px 340px 35px 150px;
}

body.tp_en #header .sub_menu-area .sub_menu .col3 {
  display: flex;
  justify-content: center;
  padding: 0 0% 0 3%;
}

body.tp_en #header .sub_menu-area .sub_menu .colitem:nth-child(1) {
  padding-left: 20px;
  min-width: 190px;
  width: 30%;
}

body.tp_en #header .sub_menu-area .sub_menu .colitem:nth-child(2) {
  padding-left: 20px;
  min-width: 180px;
  width: 30%;
}

body.tp_en #header .sub_menu-area .sub_menu .colitem:nth-child(3) {
  padding-left: 20px;
  min-width: 255px;
  width: 40%;
}

@media screen and (max-width: 1200px) {
  body.tp_en #header .sub_menu-area .sub_menu {
    padding: 35px 220px 35px 130px;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_en #header .sub_menu-area {
    display: none;
  }
}

/* ============ 국문 tp_ko ============ */
body.tp_ko #header .gnb-wrap .menu .menu-list li > a {
  padding: 0 45px;
}

body.tp_ko #header .gnb-wrap .bar {
  margin-left: 10px;
}

body.tp_ko #header .sub_menu-area {
  /* visibility: visible; opacity: 1;   display: block; */
}

body.tp_ko #header .sub_menu-area .sub_menu {
  padding: 35px 300px 35px 110px;
}

body.tp_ko #header .sub_menu-area .sub_menu .col3 {
  display: flex;
  justify-content: center;
}

body.tp_ko #header .sub_menu-area .sub_menu .colitem:nth-child(1) {
  padding-left: 20px;
  width: 200px;
}

body.tp_ko #header .sub_menu-area .sub_menu .colitem:nth-child(2) {
  padding-left: 20px;
  width: 200px;
}

body.tp_ko #header .sub_menu-area .sub_menu .colitem:nth-child(3) {
  padding-left: 20px;
  width: 200px;
}

@media screen and (max-width: 1200px) {
  body.tp_ko #header .sub_menu-area .sub_menu {
    padding: 35px 220px 35px 150px;
  }
}

body.tp_ko #contents .point_line:after {
  display: block;
  content: "";
  width: 246px;
  height: 12px;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: url(/resources/tp_ko_images/academy/point_line.png) 0 0 no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1023px) {
  body.tp_ko #contents .point_line:after {
    width: 92px;
    height: 4px;
    bottom: -4px;
  }
}

body.tp_ko .academy_info-wrap .welcome-area .area-inner .typo .greeting-box {
  font-size: 60px;
}

@media screen and (max-width: 1023px) {
  body.tp_ko .academy_info-wrap .welcome-area .area-inner .typo .greeting-box {
    font-size: 28px;
  }
}

body.tp_ko .academy_program-wrap .s-head span {
  font-family: "Noto Sans JP";
}

/* ============ 중문 tp_zh ============ */
body.tp_zh #header {
  /*  GNB */
  /* sub_menu */
}

body.tp_zh #header .gnb-wrap .menu {
  padding: 15px 0%;
}

body.tp_zh #header .gnb-wrap .menu .menu-list {
  padding: 0 5%;
}

body.tp_zh #header .gnb-wrap .menu .menu-list > li {
  width: 30%;
}

body.tp_zh #header .gnb-wrap .menu .menu-list > li > a {
  padding: 0 40px;
}

body.tp_zh #header .gnb-wrap .menu .menu-list > li:nth-child(3) {
  width: 32%;
}

body.tp_zh #header .sub_menu-area {
  visibility: hidden;
  opacity: 0;
  /* visibility: visible; opacity: 1;   display: block; */
}

body.tp_zh #header .sub_menu-area .sub_menu {
  padding: 35px 300px 35px 150px;
}

body.tp_zh #header .sub_menu-area .sub_menu .col3 {
  display: flex;
  justify-content: center;
  padding: 0 5%;
}

body.tp_zh #header .sub_menu-area .sub_menu .colitem:nth-child(1) {
  padding-left: 20px;
  min-width: 190px;
  width: 30%;
}

body.tp_zh #header .sub_menu-area .sub_menu .colitem:nth-child(2) {
  padding-left: 20px;
  min-width: 180px;
  width: 30%;
}

body.tp_zh #header .sub_menu-area .sub_menu .colitem:nth-child(3) {
  padding-left: 20px;
  min-width: 200px;
  width: 30%;
}

@media screen and (max-width: 1200px) {
  body.tp_zh #header .sub_menu-area .sub_menu {
    padding: 35px 220px 35px 150px;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_zh #header .sub_menu-area {
    display: none;
  }
}

body.tp_zh #header .hamburger-area span {
  word-break: break-all;
}

body.tp_zh #header .hamburger-area a {
  word-break: break-all;
}

body.tp_zh #contents div {
  word-break: break-all;
}

body.tp_zh #contents span {
  word-break: break-all;
}

body.tp_zh .popupfixed-wrap div {
  word-break: break-all;
}

body.tp_zh .popupfixed-wrap span {
  word-break: break-all;
}

body.tp_zh {
  /* about_us > New Value System at Kumho Tire */
  /* about_us > MISSON */
  /* about_us > VISION */
  /* about_us > Core Value */
  /* Brand_CI*/
}

body.tp_zh .company_brand-wrap .big_circle-area .sim_circle.big > span {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  body.tp_zh .company_brand-wrap .big_circle-area .sim_circle.big.rrr {
    line-height: 150px;
  }
  body.tp_zh .company_brand-wrap .big_circle-area .sim_circle.big > span {
    margin-top: 0px;
  }
}

body.tp_zh .ci-wrap .ci-prohibition .prohibition_list li {
  width: 25%;
  float: left;
}

body.tp_zh .ci-wrap .ci-prohibition .prohibition_list li .txt {
  word-break: break-all;
}

body.tp_zh .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt {
  margin-bottom: 50px;
}

body.tp_zh .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1200px) {
  body.tp_zh .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    width: 33.33%;
  }
  body.tp_zh .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .txt {
    word-break: break-all;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_zh .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    width: 50%;
  }
  body.tp_zh .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .txt {
    word-break: break-all;
  }
}

body.tp_zh #contents {
  /* 프로그램 구성 */
}

body.tp_zh #contents .point_line {
  position: relative;
}

body.tp_zh #contents .point_line:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 250px;
  height: 15px;
  background: url(/resources/tp_images/academy/point_line.png) 0 0 no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1023px) {
  body.tp_zh #contents .point_line:after {
    bottom: -4px;
    left: 0;
    width: 95px;
    height: 6px;
  }
}

/* ============ 스페인 tp_es ============ */
body.tp_es #header {
  /*  GNB */
  /* sub_menu */
}

body.tp_es #header .gnb-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
}

body.tp_es #header .gnb-wrap .gnb_col3 {
  position: relative;
  font-size: 0;
}

body.tp_es #header .gnb-wrap .gnb_col3:after {
  content: '';
  display: block;
  clear: both;
}

body.tp_es #header .gnb-wrap .gnb_col3 .colitem1 {
  float: left;
  width: 200px;
  padding-left: 30px;
}

body.tp_es #header .gnb-wrap .gnb_col3 .colitem2 {
  float: left;
  width: calc( 100% - 550px);
}

body.tp_es #header .gnb-wrap .gnb_col3 .colitem3 {
  float: left;
  width: 350px;
  padding-right: 30px;
}

body.tp_es #header .gnb-wrap .menu {
  padding: 15px 0%;
}

body.tp_es #header .gnb-wrap .menu .menu-list li > a {
  padding: 0 30px;
  font-size: 18px;
  line-height: 1.2;
  height: 65px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  word-wrap: break-word;
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: normal;
}

body.tp_es #header .gnb-wrap .menu .menu-list li > a span {
  display: block;
  word-wrap: break-word;
  word-break: keep-all;
}

body.tp_es #header .gnb-wrap .menu .menu-list > li {
  width: 32%;
}

body.tp_es #header .gnb-wrap .menu .menu-list > li:nth-child(1) {
  min-width: 180px;
  width: 30%;
}

body.tp_es #header .gnb-wrap .menu .menu-list > li:nth-child(1) > a {
  padding-top: 7px;
}

body.tp_es #header .gnb-wrap .menu .menu-list > li:nth-child(2) {
  min-width: 180px;
}

body.tp_es #header .gnb-wrap .menu .menu-list > li:nth-child(2) > a {
  padding-top: 7px;
}

body.tp_es #header .gnb-wrap .menu .menu-list > li:nth-child(3) {
  min-width: 210px;
  width: 36%;
}

body.tp_es #header .gnb-wrap .menu .menu-list > li:nth-child(3) > a {
  padding-top: 7px;
}

body.tp_es #header .gnb-wrap .bar {
  position: absolute;
  bottom: 12px;
  left: -5px;
  z-index: 31;
  pointer-events: none;
  display: block;
  width: calc(100% + 10px);
  height: 5px;
  background-color: #ef0010;
  font-size: 0;
  opacity: 0;
  transition: all 0.27s ease-in-out;
  transform: translateX(-50%);
}

body.tp_es #header .gnb-wrap .bar.on {
  opacity: 1;
}

body.tp_es #header .gnb-wrap .bar::before, body.tp_es #header .gnb-wrap .bar::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
}

body.tp_es #header .gnb-wrap .bar::before {
  left: -5px;
  background: url(/resources/tp_images/common/menu_bar-l.png) 0 0 no-repeat;
}

body.tp_es #header .gnb-wrap .bar::after {
  right: -5px;
  background: url(/resources/tp_images/common/menu_bar-r.png) 0 0 no-repeat;
}

@media screen and (max-width: 1200px) {
  body.tp_es #header .gnb-wrap .gnb_col3 .colitem1 {
    width: 200px;
  }
  body.tp_es #header .gnb-wrap .gnb_col3 .colitem2 {
    width: calc(100% - 450px);
  }
  body.tp_es #header .gnb-wrap .gnb_col3 .colitem3 {
    width: 250px;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_es #header .gnb-wrap .gnb_col3 {
    position: relative;
  }
  body.tp_es #header .gnb-wrap .gnb_col3:after {
    content: '';
    display: block;
    clear: both;
  }
  body.tp_es #header .gnb-wrap .gnb_col3 .colitem1 {
    width: 100px;
    padding-left: 14px;
  }
  body.tp_es #header .gnb-wrap .gnb_col3 .colitem2 {
    display: none;
  }
  body.tp_es #header .gnb-wrap .gnb_col3 .colitem3 {
    float: right;
    width: auto;
    padding-right: 14px;
  }
}

body.tp_es #header .sub_menu-area {
  visibility: hidden;
  opacity: 0;
  /* visibility: visible; opacity: 1;   display: block; */
}

body.tp_es #header .sub_menu-area .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 35px;
}

body.tp_es #header .sub_menu-area .sub_menu {
  padding: 35px 300px 35px 150px;
}

body.tp_es #header .sub_menu-area .sub_menu .col3 {
  display: flex;
  justify-content: center;
  padding: 0 2% 0 0;
}

body.tp_es #header .sub_menu-area .sub_menu .colitem:nth-child(1) {
  padding-left: 20px;
  min-width: 180px;
  width: 30%;
}

body.tp_es #header .sub_menu-area .sub_menu .colitem:nth-child(2) {
  padding-left: 20px;
  min-width: 180px;
  width: 32%;
}

body.tp_es #header .sub_menu-area .sub_menu .colitem:nth-child(3) {
  padding-left: 20px;
  min-width: 210px;
  width: 35%;
}

@media screen and (max-width: 1200px) {
  body.tp_es #header .sub_menu-area .sub_menu {
    padding: 35px 220px 35px 150px;
  }
}

body.tp_es #header .sub_menu-area .sub-list {
  position: relative;
  border-left: 1px solid #d6d6d6;
}

body.tp_es #header .sub_menu-area .sub-list li a {
  position: relative;
  display: block;
  padding: 4px 14px;
  font-size: 16px;
  color: #000;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
}

body.tp_es #header .sub_menu-area .sub-list li a i {
  box-sizing: content-box;
  margin-bottom: -1px;
  margin-left: 3px;
}

body.tp_es #header .sub_menu-area .sub-list li + li {
  margin-top: 12px;
}

body.tp_es #header .sub_menu-area .sub-list > li:hover > a {
  color: #e50012;
}

body.tp_es #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.tp_es #header .sub_menu-area .sub-list li:hover a {
    color: #e50012;
  }
  body.tp_es #header .sub_menu-area .sub-list li:hover a::after {
    content: "";
    display: none;
  }
}

body.tp_es #header .sub_menu-area .sub_dep3-list {
  margin-top: 2px;
  padding-left: 14px;
}

body.tp_es #header .sub_menu-area .sub_dep3-list li + li {
  margin-top: 0;
}

body.tp_es #header .sub_menu-area .sub_dep3-list li {
  margin-top: 0;
}

body.tp_es #header .sub_menu-area .sub_dep3-list li a {
  position: relative;
  padding: 3px 10px;
}

body.tp_es #header .sub_menu-area .sub_dep3-list li a::before {
  content: "-";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
}

@media screen and (max-width: 1023px) {
  body.tp_es #header .sub_menu-area {
    display: none;
  }
}

body.tp_es {
  /* Brand_CI*/
}

body.tp_es .company_brand-wrap {
  /* about_us > New Value System at Kumho Tire */
  /* about_us > MISSON */
  /* about_us > VISION */
  /* about_us > Core Value */
}

@media screen and (max-width: 1023px) {
  body.tp_es .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout.mb-mm {
    margin-bottom: 180px;
  }
}

body.tp_es .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(3) .circle-box .typo_a {
  display: inline-block;
  line-height: 1.1;
}

@media screen and (max-width: 1023px) {
  body.tp_es .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(3) .circle-box .typo_a {
    line-height: 1.1;
  }
}

body.tp_es .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(4) .circle-box .typo_a {
  font-size: 20px;
  line-height: 1.1;
}

@media screen and (max-width: 1023px) {
  body.tp_es .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(4) .circle-box .typo_a {
    display: inline-block;
    font-size: 11px;
    line-height: 1.1;
  }
}

body.tp_es .company_brand-wrap .big_circle-area .sim_circle.big.rrr > span {
  margin-top: 75px;
}

@media screen and (max-width: 1023px) {
  body.tp_es .company_brand-wrap .big_circle-area .sim_circle.big.rrr {
    line-height: 150px;
  }
  body.tp_es .company_brand-wrap .big_circle-area .sim_circle.big.rrr > span {
    margin-top: 40px;
  }
  body.tp_es .company_brand-wrap .big_circle-area .colitem:nth-child(3) {
    padding-bottom: 60px;
  }
}

body.tp_es .company_brand-wrap .circle_round-list.type-vision .circle_round-layout:nth-of-type(2) .circle-box .typo_b {
  font-size: 20px;
}

@media screen and (max-width: 1023px) {
  body.tp_es .company_brand-wrap .circle_round-list.type-vision .circle_round-layout:nth-of-type(2) .circle-box .typo_b {
    font-size: 11px;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_es .company_brand-wrap .circle_round-list.type-vision .circle_round-layout:nth-of-type(3) .circle-box .typo_b {
    font-size: 12px;
  }
}

body.tp_es .company_brand-wrap .circle_round-list.type-core .circle_round-layout .colitem + .colitem {
  min-height: 70px;
  height: auto;
}

body.tp_es .ci-wrap .ci-prohibition .prohibition_list li {
  width: 25%;
  float: left;
}

body.tp_es .ci-wrap .ci-prohibition .prohibition_list li .txt {
  word-break: break-all;
}

body.tp_es .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt {
  margin-bottom: 50px;
}

body.tp_es .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1200px) {
  body.tp_es .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    width: 33.33%;
  }
  body.tp_es .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .txt {
    word-break: break-all;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_es .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    width: 50%;
  }
  body.tp_es .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .txt {
    word-break: break-all;
  }
}

body.tp_es #contents {
  /* 프로그램 구성 */
}

body.tp_es #contents .point_line {
  position: relative;
}

body.tp_es #contents .point_line:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 175px;
  height: 11px;
  background: url(/resources/tp_images/academy/point_line.png) 0 0 no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1023px) {
  body.tp_es #contents .point_line:after {
    bottom: -1px;
    left: 0;
    width: 68px;
    height: 4px;
  }
}

body.tp_es .academy_info-wrap .welcome-area .area-inner .typo {
  width: 43.33333%;
}

body.tp_es .academy_info-wrap .welcome-area .area-inner .typo .greeting-box {
  font-size: 60px;
}

@media screen and (max-width: 1023px) {
  body.tp_es .academy_info-wrap .welcome-area .area-inner .typo {
    width: 100%;
  }
  body.tp_es .academy_info-wrap .welcome-area .area-inner .typo .greeting-box {
    font-size: 28px;
  }
}

/* ============ 프랑스 tp_fr ============ */
body.tp_fr #header {
  /*  GNB */
  /* sub_menu */
}

body.tp_fr #header .gnb-wrap .inner {
  max-width: 1280px;
  margin: 0 auto;
}

body.tp_fr #header .gnb-wrap .gnb_col3 {
  position: relative;
  font-size: 0;
}

body.tp_fr #header .gnb-wrap .gnb_col3:after {
  content: '';
  display: block;
  clear: both;
}

body.tp_fr #header .gnb-wrap .gnb_col3 .colitem1 {
  float: left;
  width: 235px;
  padding-left: 30px;
}

body.tp_fr #header .gnb-wrap .gnb_col3 .colitem2 {
  float: left;
  width: calc( 100% - 600px);
}

body.tp_fr #header .gnb-wrap .gnb_col3 .colitem3 {
  float: left;
  width: 365px;
  padding-right: 30px;
}

body.tp_fr #header .gnb-wrap .menu {
  padding: 15px 0%;
}

body.tp_fr #header .gnb-wrap .menu .menu-list {
  padding: 0 5%;
}

body.tp_fr #header .gnb-wrap .menu .menu-list li > a {
  padding: 0 30px;
  font-size: 17px;
  line-height: 1.2;
  height: 65px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  word-wrap: break-word;
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: normal;
}

body.tp_fr #header .gnb-wrap .menu .menu-list > li {
  width: 30%;
}

body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(1) {
  min-width: 180px;
}

body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(1) > a {
  padding-top: 7px;
}

body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(2) {
  min-width: 210px;
  width: 34%;
}

body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(2) > a {
  padding-top: 7px;
}

body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(3) {
  min-width: 210px;
  width: 34%;
}

body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(3) > a {
  padding-top: 7px;
}

body.tp_fr #header .gnb-wrap .bar {
  position: absolute;
  bottom: 12px;
  left: -5px;
  z-index: 31;
  pointer-events: none;
  display: block;
  width: calc(100% + 10px);
  height: 5px;
  background-color: #ef0010;
  font-size: 0;
  opacity: 0;
  transition: all 0.27s ease-in-out;
  transform: translateX(-50%);
}

body.tp_fr #header .gnb-wrap .bar.on {
  opacity: 1;
}

body.tp_fr #header .gnb-wrap .bar::before, body.tp_fr #header .gnb-wrap .bar::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
}

body.tp_fr #header .gnb-wrap .bar::before {
  left: -5px;
  background: url(/resources/tp_images/common/menu_bar-l.png) 0 0 no-repeat;
}

body.tp_fr #header .gnb-wrap .bar::after {
  right: -5px;
  background: url(/resources/tp_images/common/menu_bar-r.png) 0 0 no-repeat;
}

@media screen and (max-width: 1200px) {
  body.tp_fr #header .gnb-wrap .gnb_col3 .colitem1 {
    width: 200px;
  }
  body.tp_fr #header .gnb-wrap .gnb_col3 .colitem2 {
    width: calc(100% - 450px);
  }
  body.tp_fr #header .gnb-wrap .gnb_col3 .colitem3 {
    width: 250px;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_fr #header .gnb-wrap .gnb_col3 {
    position: relative;
  }
  body.tp_fr #header .gnb-wrap .gnb_col3:after {
    content: '';
    display: block;
    clear: both;
  }
  body.tp_fr #header .gnb-wrap .gnb_col3 .colitem1 {
    width: 100px;
    padding-left: 14px;
  }
  body.tp_fr #header .gnb-wrap .gnb_col3 .colitem2 {
    display: none;
  }
  body.tp_fr #header .gnb-wrap .gnb_col3 .colitem3 {
    float: right;
    width: auto;
    padding-right: 14px;
  }
  body.tp_fr #header .gnb-wrap .menu {
    padding: 15px 0% 0;
  }
  body.tp_fr #header .gnb-wrap .menu .menu-list {
    position: relative;
    clear: both;
    text-align: center;
    font-size: 0;
    line-height: 0;
  }
  body.tp_fr #header .gnb-wrap .menu .menu-list > li {
    float: none;
    width: auto;
    display: inline-block;
  }
  body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(1) {
    width: 14.0%;
  }
  body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(1) > a {
    padding-top: 15px;
  }
  body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(2) {
    width: 26.0%;
  }
  body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(2) > a {
    padding-top: 15px;
  }
  body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(3) {
    width: 20.0%;
  }
  body.tp_fr #header .gnb-wrap .menu .menu-list > li:nth-child(3) > a {
    padding-top: 15px;
  }
  body.tp_fr #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;
    color: #4a4a49;
    font-weight: bold;
    line-height: 1.2;
    height: 65px;
    text-transform: uppercase;
    box-sizing: border-box;
  }
}

body.tp_fr #header .sub_menu-area {
  visibility: hidden;
  opacity: 0;
  /* visibility: visible; opacity: 1;   display: block; */
}

body.tp_fr #header .sub_menu-area .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 35px;
}

body.tp_fr #header .sub_menu-area .sub_menu {
  padding: 35px 300px 35px 150px;
}

body.tp_fr #header .sub_menu-area .sub_menu .col3 {
  display: flex;
  justify-content: center;
  padding: 0 1% 0 3%;
}

body.tp_fr #header .sub_menu-area .sub_menu .colitem:nth-child(1) {
  padding-left: 20px;
  min-width: 180px;
  width: 30%;
}

body.tp_fr #header .sub_menu-area .sub_menu .colitem:nth-child(2) {
  padding-left: 20px;
  min-width: 210px;
  width: 32%;
}

body.tp_fr #header .sub_menu-area .sub_menu .colitem:nth-child(3) {
  padding-left: 20px;
  min-width: 210px;
  width: 34%;
}

@media screen and (max-width: 1200px) {
  body.tp_fr #header .sub_menu-area .sub_menu {
    padding: 35px 220px 35px 150px;
  }
}

body.tp_fr #header .sub_menu-area .sub-list {
  position: relative;
  border-left: 1px solid #d6d6d6;
}

body.tp_fr #header .sub_menu-area .sub-list li a {
  position: relative;
  display: block;
  padding: 4px 14px;
  font-size: 16px;
  color: #000;
  line-height: 1.2;
  word-wrap: break-word;
  word-break: keep-all;
}

body.tp_fr #header .sub_menu-area .sub-list li a i {
  box-sizing: content-box;
  margin-bottom: -1px;
  margin-left: 3px;
}

body.tp_fr #header .sub_menu-area .sub-list li + li {
  margin-top: 12px;
}

body.tp_fr #header .sub_menu-area .sub-list > li:hover > a {
  color: #e50012;
}

body.tp_fr #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.tp_fr #header .sub_menu-area .sub-list li:hover a {
    color: #e50012;
  }
  body.tp_fr #header .sub_menu-area .sub-list li:hover a::after {
    content: "";
    display: none;
  }
}

body.tp_fr #header .sub_menu-area .sub_dep3-list {
  margin-top: 2px;
  padding-left: 14px;
}

body.tp_fr #header .sub_menu-area .sub_dep3-list li + li {
  margin-top: 0;
}

body.tp_fr #header .sub_menu-area .sub_dep3-list li {
  margin-top: 0;
}

body.tp_fr #header .sub_menu-area .sub_dep3-list li a {
  position: relative;
  padding: 3px 10px;
}

body.tp_fr #header .sub_menu-area .sub_dep3-list li a::before {
  content: "-";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
}

@media screen and (max-width: 1023px) {
  body.tp_fr #header .sub_menu-area {
    display: none;
  }
}

body.tp_fr {
  /* Brand_CI*/
}

body.tp_fr .company_brand-wrap {
  /* about_us > New Value System at Kumho Tire */
  /* about_us > MISSON */
  /* about_us > VISION */
  /* about_us > Core Value */
}

body.tp_fr .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout.mb-mm {
  padding-bottom: 20px;
}

@media screen and (max-width: 1023px) {
  body.tp_fr .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout.mb-mm {
    margin-bottom: 180px;
  }
}

body.tp_fr .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(3) .circle-box .typo_a {
  font-size: 26px;
}

@media screen and (max-width: 1023px) {
  body.tp_fr .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(3) .circle-box .typo_a {
    font-size: 13px;
    line-height: 1;
  }
}

body.tp_fr .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(4) .circle-box .typo_a {
  font-size: 20px;
  color: #fff;
  line-height: 1.3;
}

@media screen and (max-width: 1023px) {
  body.tp_fr .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(4) .circle-box .typo_a {
    display: inline-block;
    font-size: 11px;
    line-height: 1.1;
  }
}

body.tp_fr .company_brand-wrap .big_circle-area .colitem:nth-child(2) {
  margin-top: 60px;
}

body.tp_fr .company_brand-wrap .big_circle-area .sim_circle.big.rrr > span {
  margin-top: 75px;
}

@media screen and (max-width: 1023px) {
  body.tp_fr .company_brand-wrap .big_circle-area .sim_circle.big.rrr {
    line-height: 150px;
  }
  body.tp_fr .company_brand-wrap .big_circle-area .sim_circle.big.rrr > span {
    margin-top: 40px;
  }
}

body.tp_fr .company_brand-wrap .circle_round-list.type-vision .circle_round-layout:nth-of-type(2) .circle-box .typo_b {
  font-size: 21px;
}

@media screen and (max-width: 1023px) {
  body.tp_fr .company_brand-wrap .circle_round-list.type-vision .circle_round-layout:nth-of-type(2) .circle-box .typo_b {
    font-size: 11px;
  }
}

body.tp_fr .company_brand-wrap .circle_round-list.type-vision .circle_round-layout:nth-of-type(4) .circle-box .typo_b {
  font-size: 21px;
}

@media screen and (max-width: 1023px) {
  body.tp_fr .company_brand-wrap .circle_round-list.type-vision .circle_round-layout:nth-of-type(4) .circle-box .typo_b {
    font-size: 11px;
  }
}

body.tp_fr .company_brand-wrap .circle_round-list.type-core .circle_round-layout .colitem + .colitem {
  min-height: 70px;
  height: auto;
}

body.tp_fr .company_brand-wrap .circle_round-list.type-core .circle_round-layout:nth-of-type(5) .circle-box .typo_c {
  font-size: 17px;
}

@media screen and (max-width: 1023px) {
  body.tp_fr .company_brand-wrap .circle_round-list.type-core .circle_round-layout:nth-of-type(5) .circle-box .typo_c {
    font-size: 9px;
  }
}

body.tp_fr .ci-wrap .ci-prohibition .prohibition_list li {
  width: 25%;
  float: left;
}

body.tp_fr .ci-wrap .ci-prohibition .prohibition_list li .txt {
  word-break: break-all;
}

body.tp_fr .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt {
  margin-bottom: 50px;
}

body.tp_fr .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1200px) {
  body.tp_fr .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    width: 33.33%;
  }
  body.tp_fr .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .txt {
    word-break: break-all;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_fr .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    width: 50%;
  }
  body.tp_fr .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .txt {
    word-break: break-all;
  }
}

body.tp_fr #contents {
  /* 프로그램 구성 */
}

body.tp_fr #contents .point_line {
  position: relative;
}

body.tp_fr #contents .point_line:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 235px;
  height: 13px;
  background: url(/resources/tp_images/academy/point_line.png) 0 0 no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1023px) {
  body.tp_fr #contents .point_line:after {
    bottom: -1px;
    left: 0;
    width: 90px;
    height: 5px;
  }
}

body.tp_fr .academy_info-wrap .welcome-area .area-inner .typo .greeting-box {
  font-size: 60px;
}

@media screen and (max-width: 1023px) {
  body.tp_fr .academy_info-wrap .welcome-area .area-inner .typo .greeting-box {
    font-size: 28px;
  }
}

/* ============ 프랑스 tp_de ============ */
body.tp_de #header {
  /*  GNB */
  /* sub_menu */
}

body.tp_de #header .gnb-wrap .menu {
  padding: 15px 0%;
}

body.tp_de #header .gnb-wrap .menu .menu-list li > a {
  padding: 0 30px;
  font-size: 17px;
  line-height: 1.2;
  height: 65px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  word-wrap: break-word;
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: normal;
}

body.tp_de #header .gnb-wrap .menu .menu-list li > a span {
  display: block;
  word-wrap: break-word;
  word-break: keep-all;
}

body.tp_de #header .gnb-wrap .menu .menu-list > li {
  width: 30%;
}

body.tp_de #header .gnb-wrap .menu .menu-list > li:nth-child(1) {
  min-width: 180px;
}

body.tp_de #header .gnb-wrap .menu .menu-list > li:nth-child(1) > a {
  padding: 7px 40px 0;
}

body.tp_de #header .gnb-wrap .menu .menu-list > li:nth-child(2) {
  min-width: 180px;
}

body.tp_de #header .gnb-wrap .menu .menu-list > li:nth-child(2) > a {
  padding-top: 7px;
}

body.tp_de #header .gnb-wrap .menu .menu-list > li:nth-child(3) {
  min-width: 250px;
  width: 39%;
}

body.tp_de #header .gnb-wrap .menu .menu-list > li:nth-child(3) > a {
  padding-top: 7px;
}

body.tp_de #header .gnb-wrap .bar {
  position: absolute;
  bottom: 12px;
  left: -5px;
  z-index: 31;
  pointer-events: none;
  display: block;
  width: calc(100% + 10px);
  height: 5px;
  background-color: #ef0010;
  font-size: 0;
  opacity: 0;
  transition: all 0.27s ease-in-out;
  transform: translateX(-50%);
}

body.tp_de #header .gnb-wrap .bar.on {
  opacity: 1;
}

body.tp_de #header .gnb-wrap .bar::before, body.tp_de #header .gnb-wrap .bar::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
}

body.tp_de #header .gnb-wrap .bar::before {
  left: -5px;
  background: url(/resources/tp_images/common/menu_bar-l.png) 0 0 no-repeat;
}

body.tp_de #header .gnb-wrap .bar::after {
  right: -5px;
  background: url(/resources/tp_images/common/menu_bar-r.png) 0 0 no-repeat;
}

@media screen and (max-width: 1200px) {
  body.tp_de #header .gnb-wrap .gnb_col3 .colitem1 {
    width: 200px;
  }
  body.tp_de #header .gnb-wrap .gnb_col3 .colitem2 {
    width: calc(100% - 450px);
  }
  body.tp_de #header .gnb-wrap .gnb_col3 .colitem3 {
    width: 250px;
  }
  body.tp_de #header .gnb-wrap .menu .menu-list a {
    padding: 0 20px;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_de #header .gnb-wrap .gnb_col3 .colitem1 {
    width: 100px;
  }
  body.tp_de #header .gnb-wrap .gnb_col3 .colitem3 {
    width: auto;
  }
}

body.tp_de #header .sub_menu-area {
  visibility: hidden;
  opacity: 0;
  /* visibility: visible; opacity: 1;   display: block; */
}

body.tp_de #header .sub_menu-area .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 35px;
}

body.tp_de #header .sub_menu-area .sub_menu {
  padding: 35px 300px 35px 150px;
}

body.tp_de #header .sub_menu-area .sub_menu .col3 {
  display: flex;
  justify-content: center;
  padding: 0 3% 0 0;
}

body.tp_de #header .sub_menu-area .sub_menu .colitem:nth-child(1) {
  padding-left: 20px;
  min-width: 180px;
  width: 28%;
}

body.tp_de #header .sub_menu-area .sub_menu .colitem:nth-child(2) {
  padding-left: 20px;
  min-width: 180px;
  width: 28%;
}

body.tp_de #header .sub_menu-area .sub_menu .colitem:nth-child(3) {
  padding-left: 20px;
  min-width: 250px;
  width: 39%;
}

@media screen and (max-width: 1200px) {
  body.tp_de #header .sub_menu-area .sub_menu {
    padding: 35px 220px 35px 150px;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_de #header .sub_menu-area {
    display: none;
  }
}

body.tp_de {
  /* Brand_CI*/
}

body.tp_de .company_brand-wrap {
  /* about_us > New Value System at Kumho Tire */
  /* about_us > MISSON */
  /* about_us > VISION */
  /* about_us > Core Value */
}

@media screen and (max-width: 1023px) {
  body.tp_de .company_brand-wrap .circle-box {
    width: 80px;
    height: 80px;
  }
}

body.tp_de .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(3) .circle-box .typo_a {
  display: inline-block;
  font-size: 20px;
  line-height: 1.1;
}

@media screen and (max-width: 1023px) {
  body.tp_de .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(3) .circle-box .typo_a {
    display: inline-block;
    font-size: 10px;
    line-height: 1.1;
  }
}

body.tp_de .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(4) .circle-box .typo_a {
  font-size: 26px;
}

@media screen and (max-width: 1023px) {
  body.tp_de .company_brand-wrap .circle_round-list.type-kumho .circle_round-layout:nth-of-type(4) .circle-box .typo_a {
    font-size: 14px;
    line-height: 1;
  }
}

body.tp_de .company_brand-wrap .big_circle-area .colitem:nth-child(2) {
  margin-top: 60px;
}

body.tp_de .company_brand-wrap .big_circle-area .sim_circle.big.g .typo {
  top: 30px;
}

body.tp_de .company_brand-wrap .big_circle-area .sim_circle.big.rrr > span {
  margin-top: 75px;
}

body.tp_de .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p1 {
  width: 125px;
  left: 10px;
}

@media screen and (max-width: 1023px) {
  body.tp_de .company_brand-wrap .big_circle-area .colitem:nth-child(3) {
    padding-bottom: 90px;
  }
  body.tp_de .company_brand-wrap .big_circle-area .sim_circle.big.g .typo {
    top: 25px;
  }
  body.tp_de .company_brand-wrap .big_circle-area .sim_circle.big.rrr {
    line-height: 150px;
  }
  body.tp_de .company_brand-wrap .big_circle-area .sim_circle.big.rrr > span {
    margin-top: 40px;
  }
  body.tp_de .company_brand-wrap .big_circle-area .mm_circle-box .mark_char-list.p1 {
    left: -15px;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_de .company_brand-wrap .circle_round-list.type-vision .circle_round-layout:nth-of-type(3) .colitem + .colitem {
    min-height: 70px;
    height: auto;
  }
  body.tp_de .company_brand-wrap .circle_round-list.type-vision .circle_round-layout:nth-of-type(3) .colitem + .colitem .round-box {
    margin-top: 5px;
    min-height: 70px;
  }
}

body.tp_de .company_brand-wrap .circle_round-list.type-core .circle_round-layout .circle-box .typo_c {
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  body.tp_de .company_brand-wrap .circle_round-list.type-core .circle_round-layout .colitem + .colitem {
    min-height: 70px;
    height: auto;
  }
  body.tp_de .company_brand-wrap .circle_round-list.type-core .circle_round-layout .colitem + .colitem .round-box {
    margin-top: 5px;
    min-height: 70px;
  }
  body.tp_de .company_brand-wrap .circle_round-list.type-core .circle_round-layout .circle-box .typo_c {
    font-size: 9px;
  }
}

body.tp_de .company_brand-wrap .circle_round-list.type-core .circle_round-layout:nth-of-type(5) .circle-box .typo_c {
  display: inline-block;
  font-size: 12px;
  line-height: 1.1;
}

@media screen and (max-width: 1023px) {
  body.tp_de .company_brand-wrap .circle_round-list.type-core .circle_round-layout:nth-of-type(5) .circle-box .typo_c {
    font-size: 8px;
  }
}

body.tp_de .ci-wrap .ci-prohibition .prohibition_list li {
  width: 25%;
  float: left;
}

body.tp_de .ci-wrap .ci-prohibition .prohibition_list li .txt {
  word-break: break-all;
}

body.tp_de .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt {
  margin-bottom: 50px;
}

body.tp_de .ci-wrap .ci-prohibition .prohibition_list .prohibition_txt:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1200px) {
  body.tp_de .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    width: 33.33%;
  }
  body.tp_de .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .txt {
    word-break: break-all;
  }
}

@media screen and (max-width: 1023px) {
  body.tp_de .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li {
    width: 50%;
  }
  body.tp_de .ci-wrap .ci-prohibition .prohibition-area .prohibition-list li .txt {
    word-break: break-all;
  }
}

body.tp_de #contents {
  /* 프로그램 구성 */
}

body.tp_de #contents .point_line {
  position: relative;
}

body.tp_de #contents .point_line:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 210px;
  height: 11px;
  background: url(/resources/tp_images/academy/point_line.png) 0 0 no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1023px) {
  body.tp_de #contents .point_line:after {
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 4px;
  }
}

body.tp_de .academy_info-wrap .welcome-area .area-inner .typo {
  width: 43.33333%;
}

body.tp_de .academy_info-wrap .welcome-area .area-inner .typo .greeting-box {
  font-size: 60px;
}

@media screen and (max-width: 1023px) {
  body.tp_de .academy_info-wrap .welcome-area .area-inner .typo {
    width: 100%;
  }
  body.tp_de .academy_info-wrap .welcome-area .area-inner .typo .greeting-box {
    font-size: 28px;
  }
}

/*# sourceMappingURL=maps/common_tp.css.map */