@charset "UTF-8";
/* common.scss */
/* _variables.scss */
/* fonts */
/* === CircularXXWeb (bold, medium, regular) ==== */
@font-face {
  font-family: 'Circular Std';
  src: url("./fonts/CircularStd-MediumItalic.eot");
  src: local("Circular Std Medium Italic"), local("CircularStd-MediumItalic"), url("./fonts/CircularStd-MediumItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-MediumItalic.woff2") format("woff2"), url("./fonts/CircularStd-MediumItalic.woff") format("woff"), url("./fonts/CircularStd-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Circular Std';
  src: url("./fonts/CircularStd-Black.eot");
  src: local("Circular Std Black"), local("CircularStd-Black"), url("./fonts/CircularStd-Black.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-Black.woff2") format("woff2"), url("./fonts/CircularStd-Black.woff") format("woff"), url("./fonts/CircularStd-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Circular Std';
  src: url("./fonts/CircularStd-Medium.eot");
  src: local("Circular Std Medium"), local("CircularStd-Medium"), url("./fonts/CircularStd-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-Medium.woff2") format("woff2"), url("./fonts/CircularStd-Medium.woff") format("woff"), url("./fonts/CircularStd-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Circular Std';
  src: url("./fonts/CircularStd-Bold.eot");
  src: local("Circular Std Bold"), local("CircularStd-Bold"), url("./fonts/CircularStd-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-Bold.woff2") format("woff2"), url("./fonts/CircularStd-Bold.woff") format("woff"), url("./fonts/CircularStd-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Circular Std';
  src: url("./fonts/CircularStd-BlackItalic.eot");
  src: local("Circular Std Black Italic"), local("CircularStd-BlackItalic"), url("./fonts/CircularStd-BlackItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-BlackItalic.woff2") format("woff2"), url("./fonts/CircularStd-BlackItalic.woff") format("woff"), url("./fonts/CircularStd-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Circular Std Book';
  src: url("./fonts/CircularStd-BookItalic.eot");
  src: local("Circular Std Book Italic"), local("CircularStd-BookItalic"), url("./fonts/CircularStd-BookItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-BookItalic.woff2") format("woff2"), url("./fonts/CircularStd-BookItalic.woff") format("woff"), url("./fonts/CircularStd-BookItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Circular Std';
  src: url("./fonts/CircularStd-BoldItalic.eot");
  src: local("Circular Std Bold Italic"), local("CircularStd-BoldItalic"), url("./fonts/CircularStd-BoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-BoldItalic.woff2") format("woff2"), url("./fonts/CircularStd-BoldItalic.woff") format("woff"), url("./fonts/CircularStd-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Circular Std';
  src: url("./fonts/CircularStd-Book.eot");
  src: local("Circular Std Book"), local("CircularStd-Book"), url("./fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"), url("./fonts/CircularStd-Book.woff2") format("woff2"), url("./fonts/CircularStd-Book.woff") format("woff"), url("./fonts/CircularStd-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

/* CJ ONLYONE NEW title */
@font-face {
  font-family: 'CJ ONLYONE NEW title';
  src: url("./fonts/CJONLYONENEWtitleBold.eot");
  src: url("./fonts/CJONLYONENEWtitleBold.eot?#iefix") format("embedded-opentype"), url("./fonts/CJONLYONENEWtitleBold.woff2") format("woff2"), url("./fonts/CJONLYONENEWtitleBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'CJ ONLYONE NEW title';
  src: url("./fonts/CJONLYONENEWtitleMedium.eot");
  src: url("./fonts/CJONLYONENEWtitleMedium.eot?#iefix") format("embedded-opentype"), url("./fonts/CJONLYONENEWtitleMedium.woff2") format("woff2"), url("./fonts/CJONLYONENEWtitleMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

/* CJ ONLYONE NEW body */
@font-face {
  font-family: 'CJ ONLYONE NEW body';
  src: url("./fonts/CJONLYONENEWbodyRegular.eot");
  src: url("./fonts/CJONLYONENEWbodyRegular.eot?#iefix") format("embedded-opentype"), url("./fonts/CJONLYONENEWbodyRegular.woff2") format("woff2"), url("./fonts/CJONLYONENEWbodyRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'CJ ONLYONE NEW body';
  src: url("./fonts/CJONLYONENEWbodyLight.eot");
  src: url("./fonts/CJONLYONENEWbodyLight.eot?#iefix") format("embedded-opentype"), url("./fonts/CJONLYONENEWbodyLight.woff2") format("woff2"), url("./fonts/CJONLYONENEWbodyLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Libre Bodoni';
  src: url("./fonts/libre-bodoni-v2-latin-italic.eot");
  src: local(""), url("./fonts/libre-bodoni-v2-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/libre-bodoni-v2-latin-italic.woff2") format("woff2"), url("./fonts/libre-bodoni-v2-latin-italic.woff") format("woff"), url("./fonts/libre-bodoni-v2-latin-italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./fonts/Inter-Regular.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/RobotoRegular.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/RobotoBold.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'SeoulHangangEB';
  font-style: normal;
  src: url("./fonts/SeoulHangangEB.woff") format("woff");
}

/*  영문 */
html.lang-en .td1, html.lang-en .td2, html.lang-en .td3, html.lang-en .td4, html.lang-en .tt1, html.lang-en .tt2, html.lang-en .tb3 {
  font-family: "Circular Std";
}

html.lang-en .tt3, html.lang-en .tt4, html.lang-en .tt5, html.lang-en .tb1, html.lang-en .tb4 {
  font-family: "Circular Std";
}

html.lang-en .tb2 .tb5 {
  font-weight: 400;
}

.en {
  font-family: "Circular Std";
}

.en.td1, .en.td2, .en.td3, .en.td4, .en.tt1, .en.tt2, .en.tb3 {
  font-family: "Circular Std";
}

.en.tt3, .en.tt4, .en.tt5, .en.tb1, .en.tb4 {
  font-family: "Circular Std";
}

.en.tb2 .en.tb5 {
  font-weight: 400;
}

/*  한국어 */
html.lang-ko .td1, html.lang-ko .td2, html.lang-ko .td3, html.lang-ko .td4, html.lang-ko .tt1, html.lang-ko .tt5, html.lang-ko .tb3 {
  font-family: "Circular Std", "CJ ONLYONE NEW title";
}

html.lang-ko .tt2, html.lang-ko .tt3, html.lang-ko .tt4, html.lang-ko .tb1, html.lang-ko .tb2, html.lang-ko .tb4, html.lang-ko .tb5, html.lang-ko .tb6, html.lang-ko .tb7 {
  font-family: "CJ ONLYONE NEW body";
}

.ko.td1, .ko.td2, .ko.td3, .ko.td4, .ko.tt1, .ko.tt5, .ko.tb3 {
  font-family: "Circular Std";
}

.ko.tt2, .ko.tt3, .ko.tt4, .ko.tb1, .ko.tb2, .ko.tb4, .ko.tb5, .ko.tb6, .ko.tb7 {
  font-family: "CJ ONLYONE NEW body", "CJ ONLYONE NEW title";
}

.ft_l {
  font-family: "Circular Std";
  font-weight: 300;
}

.ft_r {
  font-family: "Circular Std";
  font-weight: 400;
}

.ft_m {
  font-family: "CJ ONLYONE NEW title";
  font-weight: 500;
}

.ft_b {
  font-family: "CJ ONLYONE NEW title";
  font-weight: 700;
}

.ft_sr {
  font-family: "Circular Std";
  font-weight: 400;
}

.ft_sm {
  font-family: "Circular Std";
  font-weight: 500;
}

.ft_sb {
  font-family: "Circular Std";
  font-weight: 700;
}

/* ============== spriteimg ========== */
/* pc */
/* mobile */
.form-calender {
  display: inline-block;
  width: 23px;
  height: 23px;
}

.form-calender::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -38px 0px;
  width: 23px;
  height: 23px;
}

.form-checkbox-dim {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-checkbox-dim::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -33px -38px;
  width: 20px;
  height: 20px;
}

.form-checkbox-off {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-checkbox-off::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -71px 0px;
  width: 20px;
  height: 20px;
}

.form-checkbox-on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-checkbox-on::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -71px -30px;
  width: 20px;
  height: 20px;
}

.form-dot_tooltip-top {
  display: inline-block;
  width: 13px;
  height: 15px;
}

.form-dot_tooltip-top::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: 0px -101px;
  width: 13px;
  height: 15px;
}

.form-dot_tooltip {
  display: inline-block;
  width: 13px;
  height: 15px;
}

.form-dot_tooltip::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -23px -101px;
  width: 13px;
  height: 15px;
}

.form-input-x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-input-x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: 0px -71px;
  width: 20px;
  height: 20px;
}

.form-radio-dim {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-radio-dim::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -30px -71px;
  width: 20px;
  height: 20px;
}

.form-radio-off {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-radio-off::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -60px -71px;
  width: 20px;
  height: 20px;
}

.form-radio-on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-radio-on::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -101px 0px;
  width: 20px;
  height: 20px;
}

.form-star-off {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-star-off::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -101px -30px;
  width: 20px;
  height: 20px;
}

.form-star-on {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.form-star-on::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -101px -60px;
  width: 20px;
  height: 20px;
}

.form-time {
  display: inline-block;
  width: 23px;
  height: 23px;
}

.form-time::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: 0px -38px;
  width: 23px;
  height: 23px;
}

.form-tooltip {
  display: inline-block;
  width: 28px;
  height: 28px;
}

.form-tooltip::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -46px -101px;
  width: 16px;
  height: 8px;
}

.form_tooltip {
  display: inline-block;
  width: 16px;
  height: 8px;
}

.form_tooltip::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -46px -101px;
  width: 16px;
  height: 8px;
}

.action-headphone {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.action-headphone::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -88px -110px;
  width: 24px;
  height: 24px;
}

.custom {
  display: inline-block;
  width: 34px;
  height: 29px;
}

.custom::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: 0px -110px;
  width: 34px;
  height: 29px;
}

.employees {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.employees::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -124px 0px;
  width: 32px;
  height: 32px;
}

.fellow {
  display: inline-block;
  width: 34px;
  height: 28px;
}

.fellow::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -44px -110px;
  width: 34px;
  height: 28px;
}

.global {
  display: inline-block;
  width: 34px;
  height: 34px;
}

.global::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: 0px -66px;
  width: 34px;
  height: 34px;
}

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

.global_w::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: 0px -183px;
  width: 10px;
  height: 10px;
}

.icon-accordion_arrow_-down {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.icon-accordion_arrow_-down::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-size: 98px 96.5px;
  background-position: -83px 0px;
  width: 15px;
  height: 15px;
}

@media screen and (max-width: 1023px) {
  .icon-accordion_arrow_ {
    display: inline-block;
    width: 15px;
    height: 15px;
  }
  .icon-accordion_arrow_::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png);
    background-size: 98px 96.5px;
    background-position: -83px 0px;
    width: 15px;
    height: 15px;
  }
}

.icon-accordion_arrow_down-2x {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.icon-accordion_arrow_down-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -66px 0px;
  width: 48px;
  height: 48px;
}

.icon-accordion_arrow_down-m {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-accordion_arrow_down-m::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -122px -110px;
  width: 24px;
  height: 24px;
}

.icon-accordion_arrow_down {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-accordion_arrow_down::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -124px -42px;
  width: 32px;
  height: 32px;
}

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

.icon-accordion_arrow_up::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -166px -40px;
  width: 30px;
  height: 30px;
}

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

.icon-download::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: 0px -149px;
  width: 24px;
  height: 24px;
}

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

.icon-link::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -124px -84px;
  width: 15px;
  height: 15px;
}

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

.icon-page_next::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -166px -118px;
  width: 20px;
  height: 20px;
}

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

.icon-page_nextnext::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -34px -149px;
  width: 20px;
  height: 20px;
}

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

.icon-page_prev::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -64px -149px;
  width: 20px;
  height: 20px;
}

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

.icon-page_prevprev::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -94px -149px;
  width: 20px;
  height: 20px;
}

.icon-pop_close {
  display: inline-block;
  width: 28px;
  height: 28px;
}

.icon-pop_close::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -166px -80px;
  width: 28px;
  height: 28px;
}

.icon-pop_close-2x {
  display: inline-block;
  width: 28px;
  height: 28px;
}

.icon-pop_close-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-size: 98px 96.5px;
  background-position: 0px 0px;
  width: 28px;
  height: 28px;
}

@media screen and (max-width: 1023px) {
  .icon-pop_close {
    display: inline-block;
    width: 28px;
    height: 28px;
  }
  .icon-pop_close::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png);
    background-size: 98px 96.5px;
    background-position: 0px 0px;
    width: 28px;
    height: 28px;
  }
}

.icon-pop_close_dk {
  display: inline-block;
  width: 26px;
  height: 26px;
}

.icon-pop_close_dk::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -88px -66px;
  width: 26px;
  height: 26px;
}

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

.icon_drop_w::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -124px -149px;
  width: 14px;
  height: 9px;
}

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

.icon_drop_w_disabled::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -148px -149px;
  width: 14px;
  height: 9px;
}

.investors {
  display: inline-block;
  width: 34px;
  height: 34px;
}

.investors::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png);
  background-position: -44px -66px;
  width: 34px;
  height: 34px;
}

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

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

.spf-action-close:before {
  content: "\E001";
}

.spf-action-download:before {
  content: "\E002";
}

.spf-action-filter:before {
  content: "\E003";
}

.spf-action-headphone:before {
  content: "\E004";
}

.spf-action-more_vert:before {
  content: "\E005";
}

.spf-action-pause:before {
  content: "\E006";
}

.spf-action-play:before {
  content: "\E007";
}

.spf-action-play_line:before {
  content: "\E008";
}

.spf-action-plus:before {
  content: "\E009";
}

.spf-action-plus_small:before {
  content: "\E00A";
}

.spf-action-search:before {
  content: "\E00B";
}

.spf-action-slash:before {
  content: "\E00C";
}

.spf-circle-add:before {
  content: "\E00D";
}

.spf-circle-arrow_down:before {
  content: "\E00E";
}

.spf-circle-arrow_up:before {
  content: "\E00F";
}

.spf-cjenm_logo:before {
  content: "\E010";
}

.spf-culture_left:before {
  content: "\E011";
}

.spf-culture_right:before {
  content: "\E012";
}

.spf-form-tooltip:before {
  content: "\E013";
}

.spf-glyph-gem:before {
  content: "\E014";
}

.spf-icon_check:before {
  content: "\E015";
}

.spf-icon_error:before {
  content: "\E016";
}

.spf-icon_global:before {
  content: "\E017";
}

.spf-icon_glyphs_1:before {
  content: "\E018";
}

.spf-icon_glyphs_2:before {
  content: "\E019";
}

.spf-icon_glyphs_3:before {
  content: "\E01A";
}

.spf-icon_glyphs_4:before {
  content: "\E01B";
}

.spf-icon_glyphs_5:before {
  content: "\E01C";
}

.spf-icon_refresh:before {
  content: "\E01D";
}

.spf-icon_sns_facebook:before {
  content: "\E01E";
}

.spf-icon_sns_linkedin:before {
  content: "\E01F";
}

.spf-icon_sns_twitter:before {
  content: "\E020";
}

.spf-icon_top:before {
  content: "\E021";
}

.spf-nav-arrow_down:before {
  content: "\E022";
}

.spf-nav-arrow_left:before {
  content: "\E023";
}

.spf-nav-arrow_right:before {
  content: "\E024";
}

.spf-nav-arrow_up:before {
  content: "\E025";
}

.spf-nav-chevron_double_left:before {
  content: "\E026";
}

.spf-nav-chevron_double_right:before {
  content: "\E027";
}

.spf-nav-chevron_down:before {
  content: "\E028";
}

.spf-nav-chevron_left:before {
  content: "\E029";
}

.spf-nav-chevron_right:before {
  content: "\E02A";
}

.spf-nav-chevron_up:before {
  content: "\E02B";
}

.spf-nav-menu:before {
  content: "\E02C";
}

.spf-nav-outlink:before {
  content: "\E02D";
}

.spf-social-facebook:before {
  content: "\E02E";
}

.spf-social-instagram:before {
  content: "\E02F";
}

.spf-social-kakaostory:before {
  content: "\E030";
}

.spf-social-kakaotv:before {
  content: "\E031";
}

.spf-social-naverblog:before {
  content: "\E032";
}

.spf-social-twitter:before {
  content: "\E033";
}

.spf-social-weibo:before {
  content: "\E034";
}

.spf-social-youtube:before {
  content: "\E035";
}

.spf-tab-close:before {
  content: "\E036";
}

.spf_slider_arrow_l:before {
  content: '';
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1001 1001'%3E%3Cpath d='M592.5544625 314.6017874999999C576.2673583333334 298.3125979166665 549.8576416666667 298.3125979166665 533.5705375 314.6017874999999L377.1642875 471.0080375C360.8750979166667 487.2951416666666 360.8750979166667 513.7048583333333 377.1642875 529.9919625L533.5705375 686.3982125C549.8576416666667 702.6874020833334 576.2673583333334 702.6874020833334 592.5544625 686.3982125C608.8436520833334 670.1111083333333 608.8436520833334 643.7013916666667 592.5544625 627.4142875L465.640175 500.5L592.5544625 373.5857125C608.8436520833334 357.2986083333333 608.8436520833334 330.8888916666666 592.5544625 314.6017874999999z' fill='%23333'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}


.spf_slider_arrow_r:before {
  content: '';
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1001 1001'%3E%3Cpath d='M408.4455375 686.3982125C424.7326416666667 702.6874020833334 451.1423583333333 702.6874020833334 467.4294625000001 686.3982125L623.8357125000001 529.9919625C640.1249020833334 513.7048583333333 640.1249020833334 487.2951416666666 623.8357125000001 471.0080375L467.4294625000001 314.6017874999999C451.1423583333333 298.3125979166665 424.7326416666667 298.3125979166665 408.4455375 314.6017874999999C392.1563479166667 330.8888916666666 392.1563479166667 357.2986083333333 408.4455375 373.5857125L535.3598250000001 500.5L408.4455375 627.4142875C392.1563479166667 643.7013916666667 392.1563479166667 670.1111083333333 408.4455375 686.3982125z' fill='%23333'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}



/*  _mixin.scss
    xxx {
        @include box-sizing(50%)  
    }
*/
/* opacity(1.0) == 100% */
/* 1줄 말줄임 */
/* 멀티라인 말줄임 */
/* 텍스트 깨기 */
/* 텍스트 단어별 줄바꿈  */
/* float 영역 유지 */
/* before middle */
/* 단위환산 / vw(10vw) */
.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: #FF5A00;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html, body {
  -webkit-text-size-adjust: none;
  font-family: "Circular Std", "CJ ONLYONE NEW body", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
  font-size: 17px;
  color: #000;
  line-height: 1;
  letter-spacing: .015em;
  font-weight: 400;
}

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

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

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

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

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

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

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

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, input, button, samp {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-style: normal;
}

strong, b {
  font-family: inherit;
  color: inherit;
  font-size: 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;
}

.wAuto {
  width: auto !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;
}

.hAuto {
  height: auto !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: 10%;
}

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

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

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

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

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

/* 아이콘 폰트 24 default */
.spf {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 24px;
}

.spf::before {
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 0px;
  margin-left: 0px;
  font-size: 24px;
}

@media screen and (max-width: 1439px) {
  .spf {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .spf::before {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
}

@media screen and (max-width: 1023px) {
  .spf {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .spf::before {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .spf {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
  .spf::before {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }
}

/* 아이콘 폰트 32 big */
.spf.size32 {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.spf.size32::before {
  width: 32px;
  height: 32px;
  margin-top: 0px;
  margin-left: 0px;
  font-size: 32px;
}

@media screen and (max-width: 1439px) {
  .spf.size32 {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .spf.size32::before {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .spf.size32 {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .spf.size32::before {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .spf.size32 {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .spf.size32::before {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}

/* 아이콘 폰트 16 sm */
.spf.size16 {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.spf.size16::before {
  width: 16px;
  height: 16px;
  margin-top: 0px;
  margin-left: 0px;
  font-size: 16px;
}

@media screen and (max-width: 1439px) {
  .spf.size16 {
    width: 14px;
    height: 14px;
    line-height: 14px;
  }
  .spf.size16::before {
    width: 14px;
    height: 14px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1023px) {
  .spf.size16 {
    width: 14px;
    height: 14px;
    line-height: 14px;
  }
  .spf.size16::before {
    width: 14px;
    height: 14px;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .spf.size16 {
    width: 12px;
    height: 12px;
    line-height: 12px;
  }
  .spf.size16::before {
    width: 12px;
    height: 12px;
    font-size: 12px;
  }
}

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

.play_pause-bg, .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause i, .home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause i, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause i, .slider-section .kv_swiper-area .swiper-container .pagination .play_pause i {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 5H6V19H10V5ZM18 5H14V19H18V5Z' fill='white'/%3E%3C/svg%3E%0A");
}

.pause-bg, .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause.pause i, .home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause.pause i, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause.pause i, .slider-section .kv_swiper-area .swiper-container .pagination .play_pause.pause i {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12L7 20L7 4L19 12Z' fill='white'/%3E%3C/svg%3E%0A");
}

/* style_common.scss */
html, body, .wrapper {
  min-height: 100%;
  width: 100%;
  background-image: url(../images/common/dark-bg.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 120px;
}

@media screen and (max-width: 767px) {
  html, body, .wrapper {
    background-size: 100% 60px;
  }
}

.wrapper.noBg {
  background: #fff;
}

body.fix_body {
  overflow-y: hidden;
  height: 0;
}

body.fix_body .wrapper {
  position: fixed;
}

body.fix_body_b {
  overflow-y: hidden;
}

body.fix_body_b .wrapper {
  position: absolute;
  overflow: hidden;
}

body.dim {
  overflow-y: hidden;
  height: 100%;
}

body.dim::before {
  display: block;
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20;
}

#container {
  min-height: 100%;
}

#contents {
  min-height: 100%;
  word-break: keep-all;
  margin-top: 120px;
  /* 
  @media screen and (min-width:$G-width)    {}
  @media screen and (max-width:$G-wTablet)  {vwt}
  @media screen and (max-width:$G-wMobile)  {vwm}
  @media screen and (max-width:$G-minWidth) {vws}
   */
}

@media screen and (min-width: 1440px) {
  #contents {
    margin-top: 120px;
  }
}

@media screen and (max-width: 1280px) {
  #contents {
    margin-top: 72px;
  }
}

@media screen and (max-width: 767px) {
  #contents {
    margin-top: 56px;
  }
}

/* only */
.only-pc {
  display: block;
}

.only_ib-pc {
  display: inline-block;
}

.only-tb {
  display: none;
}

.only_ib-tb {
  display: none;
}

.only-md {
  display: none;
}

.only_ib-md {
  display: none;
}

.only-sm {
  display: none;
}

.only_ib-sm {
  display: none;
}

@media screen and (min-width: 1440px) {
  .only-pc {
    display: block;
  }
  .only_ib-pc {
    display: inline-block;
  }
  .only-tb {
    display: none;
  }
  .only_ib-tb {
    display: none;
  }
  .only-md {
    display: none;
  }
  .only_ib-md {
    display: none;
  }
  .only-sm {
    display: none;
  }
  .only_ib-sm {
    display: none;
  }
}

@media screen and (max-width: 1439px) {
  .only-pc {
    display: none;
  }
  .only_ib-pc {
    display: none;
  }
  .only-tb {
    display: block;
  }
  .only_ib-tb {
    display: inline-block;
  }
  .only-md {
    display: none;
  }
  .only_ib-md {
    display: none;
  }
  .only-sm {
    display: none;
  }
  .only_ib-sm {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .only-pc {
    display: none;
  }
  .only_ib-pc {
    display: none;
  }
  .only-tb {
    display: none;
  }
  .only_ib-tb {
    display: none;
  }
  .only-md {
    display: block;
  }
  .only_ib-md {
    display: inline-block;
  }
  .only-sm {
    display: none;
  }
  .only_ib-sm {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .only-pc {
    display: none;
  }
  .only_ib-pc {
    display: none;
  }
  .only-tb {
    display: none;
  }
  .only_ib-tb {
    display: none;
  }
  .only-md {
    display: none;
  }
  .only_ib-md {
    display: none;
  }
  .only-sm {
    display: block;
  }
  .only_ib-sm {
    display: inline-block;
  }
}

.sub_lnb_wrap {
  height: 72px;
  background: #121212;
}

@media screen and (max-width: 1439px) {
  .sub_lnb_wrap {
    height: 56px;
  }
}

@media screen and (max-width: 767px) {
  .sub_lnb_wrap {
    height: 48px;
  }
}

.body-inner {
  width: 1440px;
  margin: 0 auto;
  position: relative;
}

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

.guide_h1 {
  background-color: red;
}

/* ========================== text */
.td1 {
  font-size: 80px;
  font-weight: bold;
  line-height: 96px;
  letter-spacing: 0;
}

.td1.en {
  font-size: 80px;
  font-weight: bold;
  line-height: 96px;
  letter-spacing: 0;
}

.td1.kr {
  font-size: 76px;
  font-weight: bold;
  line-height: 96px;
  letter-spacing: 0;
}

.td2 {
  font-size: 64px;
  font-weight: bold;
  line-height: 80px;
  letter-spacing: 0;
}

.td2.en {
  font-size: 64px;
  font-weight: bold;
  line-height: 80px;
  letter-spacing: 0;
}

.td2.kr {
  font-size: 60px;
  font-weight: bold;
  line-height: 80px;
  letter-spacing: 0;
}

.td3 {
  font-size: 50px;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0;
}

.td3.en {
  font-size: 50px;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0;
}

.td3.kr {
  font-size: 46px;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0;
}

.td4 {
  font-size: 40px;
  font-weight: bold;
  line-height: 48px;
  letter-spacing: 0;
}

.td4.en {
  font-size: 40px;
  font-weight: bold;
  line-height: 48px;
  letter-spacing: 0;
}

.td4.kr {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
  letter-spacing: 0;
}

.tt1 {
  font-size: 26px;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: 0;
}

.tt1.en {
  font-size: 26px;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: 0;
}

.tt1.kr {
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: 0;
}

.tt2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: 0;
}

.tt2.en {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: 0;
}

.tt2.kr {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

.tt3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
}

.tt3.en {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
}

.tt3.kr {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

.tt4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
}

.tt4.en {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0;
}

.tt4.kr {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

.tt5 {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.tt5.en {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.tt5.kr {
  font-size: 17px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.tb1 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.tb1.en {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.tb1.kr {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.tb2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.tb2.en {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.tb2.kr {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.tb3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.tb3.en {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.tb3.kr {
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.tb4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.tb4.en {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.tb4.kr {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.tb5 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.tb5.en {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.tb5.kr {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.tb6 {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.010em;
}

.tb6.en {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.010em;
}

.tb6.kr {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.010em;
}

.tb7 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.010em;
}

.tb7.en {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.010em;
}

.tb7.kr {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.010em;
}

/* footer loction */
.fb1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.fb2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.fb3 {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0;
}

html.lang-ko .td1 {
  font-size: 76px;
  font-weight: bold;
  line-height: 96px;
  letter-spacing: 0;
}

html.lang-ko .td2 {
  font-size: 60px;
  font-weight: bold;
  line-height: 80px;
  letter-spacing: 0;
}

html.lang-ko .td3 {
  font-size: 46px;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0;
}

html.lang-ko .td4 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
  letter-spacing: 0;
}

html.lang-ko .tt1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: 0;
}

html.lang-ko .tt2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

html.lang-ko .tt3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

html.lang-ko .tt4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

html.lang-ko .tt5 {
  font-size: 17px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0.015em;
}

html.lang-ko .tb1 {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.015em;
}

html.lang-ko .tb2 {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.015em;
}

html.lang-ko .tb3 {
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.015em;
}

html.lang-ko .tb4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.015em;
}

html.lang-ko .tb5 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.015em;
}

html.lang-ko .tb6 {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.01em;
}

html.lang-ko .tb7 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 1439px) {
  .guide_h1 {
    background-color: orange;
  }
  .td1 {
    font-size: 56px;
    font-weight: bold;
    line-height: 68px;
    letter-spacing: 0;
  }
  .td1.en {
    font-size: 56px;
    font-weight: bold;
    line-height: 68px;
    letter-spacing: 0;
  }
  .td1.kr {
    font-size: 52px;
    font-weight: bold;
    line-height: 68px;
    letter-spacing: 0;
  }
  .td2 {
    font-size: 48px;
    font-weight: bold;
    line-height: 56px;
    letter-spacing: 0;
  }
  .td2.en {
    font-size: 48px;
    font-weight: bold;
    line-height: 56px;
    letter-spacing: 0;
  }
  .td2.kr {
    font-size: 44px;
    font-weight: bold;
    line-height: 56px;
    letter-spacing: 0;
  }
  .td3 {
    font-size: 34px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0;
  }
  .td3.en {
    font-size: 34px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0;
  }
  .td3.kr {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0;
  }
  .td4 {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .td4.en {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .td4.kr {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .tt1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0.015em;
  }
  .tt1.en {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0.015em;
  }
  .tt1.kr {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0.015em;
  }
  .tt2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt2.en {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt2.kr {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .tt3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt3.en {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt3.kr {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .tt4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt4.en {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt4.kr {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt5.en {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt5.kr {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tb1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tb1.en {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tb1.kr {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tb2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tb2.en {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tb2.kr {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tb3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb3.en {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb3.kr {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb4.en {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb4.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb5.en {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb5.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb6.en {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb6.kr {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb7 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb7.en {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb7.kr {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .fb1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
  }
  .fb2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
  }
  html.lang-ko .td1 {
    font-size: 52px;
    font-weight: bold;
    line-height: 68px;
    letter-spacing: 0;
  }
  html.lang-ko .td2 {
    font-size: 44px;
    font-weight: bold;
    line-height: 56px;
    letter-spacing: 0;
  }
  html.lang-ko .td3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0;
  }
  html.lang-ko .td4 {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  html.lang-ko .tt1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0.015em;
  }
  html.lang-ko .tt2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tt3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tt4 {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  html.lang-ko .tt5 {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  html.lang-ko .tb1 {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  html.lang-ko .tb2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  html.lang-ko .tb3 {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb5 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
  html.lang-ko .tb7 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
}

@media screen and (max-width: 1023px) {
  .guide_h1 {
    background-color: yellow;
  }
  .td1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: 0;
  }
  .td1.en {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: 0;
  }
  .td1.kr {
    font-size: 38px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: 0;
  }
  .td2 {
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
  }
  .td2.en {
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
  }
  .td2.kr {
    font-size: 34px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
  }
  .td3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .td3.en {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .td3.kr {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .td4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0;
  }
  .td4.en {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0;
  }
  .td4.kr {
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0;
  }
  .tt1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt1.en {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt1.kr {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .tt2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt2.en {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt2.kr {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .tt3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt3.en {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt3.kr {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .tt4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt4.en {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt4.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .tt5.en {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .tt5.kr {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .tb1 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb1.en {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb1.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .tb2.en {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb2.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb3.en {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb3.kr {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb4.en {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb4.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb5.en {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb5.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb6.en {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb6.kr {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb7 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb7.en {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb7.kr {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .fb1 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
  }
  .fb2 {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0;
  }
  html.lang-ko .td1 {
    font-size: 38px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: 0;
  }
  html.lang-ko .td2 {
    font-size: 34px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
  }
  html.lang-ko .td3 {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  html.lang-ko .td4 {
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0;
  }
  html.lang-ko .tt1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tt2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tt3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tt4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tt5 {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb1 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb3 {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb5 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
  html.lang-ko .tb7 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
}

@media screen and (max-width: 767px) {
  .guide_h1 {
    background-color: green;
  }
  .td1 {
    font-size: 34px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
  }
  .td1.en {
    font-size: 34px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
  }
  .td1.kr {
    font-size: 34px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
  }
  .td2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .td2.en {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .td2.kr {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .td3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0;
  }
  .td3.en {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0;
  }
  .td3.kr {
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0;
  }
  .td4 {
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0;
  }
  .td4.en {
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0;
  }
  .td4.kr {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0;
  }
  .tt1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt1.en {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .tt1.kr {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .tt2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt2.en {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt2.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt3.en {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt3.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt4.en {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt4.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt5 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt5.en {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tt5.kr {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb1 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb1.en {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb1.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb2.en {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb2.kr {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .tb3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb3.en {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb3.kr {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb4 {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb4.en {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb4.kr {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb5 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb5.en {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb5.kr {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb6.en {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb6.kr {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb7 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb7.en {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .tb7.kr {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .fb1 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
  }
  .fb2 {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0;
  }
  html.lang-ko .td1 {
    font-size: 34px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
  }
  html.lang-ko .td2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  html.lang-ko .td3 {
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0;
  }
  html.lang-ko .td4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0;
  }
  html.lang-ko .tt1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tt2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tt3 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tt4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tt5 {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb1 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb4 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb5 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  html.lang-ko .tb6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
  html.lang-ko .tb7 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
}

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

/* ==========================  title */
.main-title {
  position: relative;
}

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

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

.con-header {
  position: relative;
}

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

.colorB {
  color: #000;
}

.colorP {
  color: #FF5A00;
}

.colorL {
  color: rgba(0, 0, 0, 0.42);
}

.colorE {
  color: #f24848;
}

/* ========================== 컨텐츠 간격  */
.mt_st {
  margin-top: 50px;
}

.mt_ct {
  margin-top: 40px;
}

.mt_it {
  margin-top: 30px;
}

.mt_tb {
  margin-top: 20px;
}

.mt_p {
  margin-top: 10px;
}

/* ==========================  content-panel  panel-article */
.con-panel.type-table {
  padding: 25px 30px 35px;
}

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

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

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

.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 */
/* ========================== typo list */
.mark_char_item {
  position: relative;
  padding-left: 0.8em;
  text-indent: -0.8em;
}

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

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

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

.mark_dot-list {
  margin-top: 8px;
}

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

.mark_dot-list > li:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 9px;
  left: 0;
  background-color: #000;
}

.in-list > li {
  position: relative;
  padding-left: 12px;
}

.in-list > li span {
  display: inline-block;
  width: 12px;
  margin-left: -12px;
}

.in-list > li.etc {
  padding-left: 20px;
}

.in-list > li.etc span {
  display: inline-block;
  width: 20px;
  margin-left: -20px;
}

/* ========================== table_style default */
.table-wrap {
  position: relative;
}

table {
  width: 100%;
  table-layout: fixed;
}

/* ========================== 약관 내용 */
/*  영문 */
html.lang-en .terms_contents .td1, html.lang-en .terms_contents .td2, html.lang-en .terms_contents .td3, html.lang-en .terms_contents .td4, html.lang-en .terms_contents .tt1, html.lang-en .terms_contents .tt5, html.lang-en .terms_contents .tb3 {
  font-family: "Circular Std";
}

html.lang-en .terms_contents .tt2, html.lang-en .terms_contents .tt3, html.lang-en .terms_contents .tt4, html.lang-en .terms_contents .tb1, html.lang-en .terms_contents .tb2, html.lang-en .terms_contents .tb4, html.lang-en .terms_contents .tb5 {
  font-family: "Circular Std";
}

/* 국문 */
html.lang-ko .terms_contents .td1, html.lang-ko .terms_contents .td2, html.lang-ko .terms_contents .td3, html.lang-ko .terms_contents .td4, html.lang-ko .terms_contents .tt1, html.lang-ko .terms_contents .tt5, html.lang-ko .terms_contents .tb3 {
  font-family: "CJ ONLYONE NEW body";
}

html.lang-ko .terms_contents .tt2, html.lang-ko .terms_contents .tt3, html.lang-ko .terms_contents .tt4, html.lang-ko .terms_contents .tb1, html.lang-ko .terms_contents .tb2, html.lang-ko .terms_contents .tb4, html.lang-ko .terms_contents .tb5 {
  font-family: "CJ ONLYONE NEW body";
}

.en_ko-lang .td1, .en_ko-lang .td2, .en_ko-lang .td3, .en_ko-lang .td4, .en_ko-lang .tt1, .en_ko-lang .tt5, .en_ko-lang .tb3 {
  font-family: "Circular Std", "CJ ONLYONE NEW title" !important;
}

.en_ko-lang .tt2, .en_ko-lang .tt3, .en_ko-lang .tt4, .en_ko-lang .tb1, .en_ko-lang .tb2, .en_ko-lang .tb4, .en_ko-lang .tb5, .en_ko-lang .tb6, .en_ko-lang .tb7 {
  font-family: "CJ ONLYONE NEW body" !important;
}

.en_ko-lang .td1 {
  font-size: 76px;
  font-weight: bold;
  line-height: 96px;
  letter-spacing: 0;
}

.en_ko-lang .td2 {
  font-size: 60px;
  font-weight: bold;
  line-height: 80px;
  letter-spacing: 0;
}

.en_ko-lang .td3 {
  font-size: 46px;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0;
}

.en_ko-lang .td4 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
  letter-spacing: 0;
}

.en_ko-lang .tt1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: 0;
}

.en_ko-lang .tt2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

.en_ko-lang .tt3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

.en_ko-lang .tt4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
}

.en_ko-lang .tt5 {
  font-size: 17px;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.en_ko-lang .tb1 {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.en_ko-lang .tb2 {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.en_ko-lang .tb3 {
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.en_ko-lang .tb4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.en_ko-lang .tb5 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.en_ko-lang .tb6 {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.01em;
}

.en_ko-lang .tb7 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 1439px) {
  .en_ko-lang .td1 {
    font-size: 52px;
    font-weight: bold;
    line-height: 68px;
    letter-spacing: 0;
  }
  .en_ko-lang .td2 {
    font-size: 44px;
    font-weight: bold;
    line-height: 56px;
    letter-spacing: 0;
  }
  .en_ko-lang .td3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0;
  }
  .en_ko-lang .td4 {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .en_ko-lang .tt1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0.015em;
  }
  .en_ko-lang .tt2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tt3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tt4 {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .en_ko-lang .tt5 {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .en_ko-lang .tb1 {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .en_ko-lang .tb2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .en_ko-lang .tb3 {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb5 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
  .en_ko-lang .tb7 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
}

@media screen and (max-width: 1023px) {
  .en_ko-lang .td1 {
    font-size: 38px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: 0;
  }
  .en_ko-lang .td2 {
    font-size: 34px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
  }
  .en_ko-lang .td3 {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .en_ko-lang .td4 {
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0;
  }
  .en_ko-lang .tt1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tt2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tt3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tt4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tt5 {
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb1 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb3 {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb5 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
  .en_ko-lang .tb7 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
}

@media screen and (max-width: 767px) {
  .en_ko-lang .td1 {
    font-size: 34px;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 0;
  }
  .en_ko-lang .td2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 0;
  }
  .en_ko-lang .td3 {
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0;
  }
  .en_ko-lang .td4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0;
  }
  .en_ko-lang .tt1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tt2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tt3 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tt4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tt5 {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb1 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb4 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb5 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .en_ko-lang .tb6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
  .en_ko-lang .tb7 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
}

.terms_contents {
  padding: 0;
  /* ========================== table_terms */
}

.terms_contents .ko_t, .terms_contents .tt1, .terms_contents table th span {
  font-family: "CJ ONLYONE NEW title" !important;
}

.terms_contents .top-area {
  padding: 24px 0;
}

.terms_contents .top-area ol {
  margin: 0;
}

.terms_contents .bottom-area {
  padding: 0;
}

.terms_contents .bottom-area .mark_dot-list {
  margin: 0;
}

.terms_contents .h1 {
  margin-bottom: 24px;
}

.terms_contents .h2 {
  margin-bottom: 16px;
}

.terms_contents .inner-list > li + li {
  margin-top: 16px;
}

.terms_contents article {
  padding: 32px 0;
}

.terms_contents .pd_lr {
  padding: 0 24px;
}

.terms_contents p + p {
  margin-top: 24px;
}

.terms_contents ul {
  margin-top: 8px;
}

.terms_contents ul li + li {
  margin-top: 4px;
}

.terms_contents ol {
  margin-top: 8px;
}

.terms_contents ol li .mark_dot-list {
  margin: 8px 0;
}

.terms_contents ol li + li {
  margin-top: 4px;
}

.terms_contents ol + ol {
  margin-top: 4px;
}

.terms_contents li .table_terms {
  margin-bottom: 32px;
}

.terms_contents li:last-child .table_terms {
  margin-bottom: 0;
}

.terms_contents p + .cont {
  margin-top: 24px;
}

.terms_contents .cont > li + li {
  margin-top: 24px;
}

@media screen and (max-width: 1439px) {
  .terms_contents .top-area {
    padding: 16px 0;
  }
  .terms_contents .h1 {
    margin-bottom: 32px;
  }
  .terms_contents .h2 {
    margin-bottom: 8px;
  }
  .terms_contents .inner-list > li + li {
    margin-top: 16px;
  }
  .terms_contents article {
    padding: 24px 0;
  }
  .terms_contents .pd_lr {
    padding: 0 24px;
  }
  .terms_contents p + p {
    margin-top: 16px;
  }
  .terms_contents ul {
    margin-top: 8px;
  }
  .terms_contents ul li + li {
    margin-top: 2px;
  }
  .terms_contents ol {
    margin-top: 8px;
  }
  .terms_contents ol li .mark_dot-list {
    margin: 8px 0;
  }
  .terms_contents ol li + li {
    margin-top: 2px;
  }
  .terms_contents ol + ol {
    margin-top: 2px;
  }
  .terms_contents li .table_terms {
    margin-bottom: 24px;
  }
  .terms_contents li:last-child .table_terms {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1023px) {
  .terms_contents .h1 {
    margin-bottom: 24px;
  }
  .terms_contents .h2 {
    margin-bottom: 8px;
  }
  .terms_contents article {
    padding: 16px 0;
  }
}

@media screen and (max-width: 767px) {
  .terms_contents .h1 {
    margin-bottom: 16px;
  }
  .terms_contents .h2 {
    margin-bottom: 8px;
  }
  .terms_contents article {
    padding: 16px 0;
  }
  .terms_contents p {
    margin-bottom: 4px;
  }
  .terms_contents ul li + li {
    margin-top: 2px;
  }
  .terms_contents ol li + li {
    margin-top: 2px;
  }
}

.terms_contents mark, .terms_contents .mark {
  color: #5aafe6;
  background-color: transparent;
}

.terms_contents .table_terms {
  margin-top: 8px;
  width: 100%;
  overflow-x: auto;
}

.terms_contents .table_terms table {
  border-top: 2px solid #000;
  box-sizing: border-box;
}

.terms_contents .table_terms th, .terms_contents .table_terms td {
  height: 80px;
  border: 1px solid #999999;
  text-align: center;
}

.terms_contents .table_terms tr th:first-child, .terms_contents .table_terms tr td:first-child {
  border-left-width: 0;
}

.terms_contents .table_terms tr th:last-child, .terms_contents .table_terms tr td:last-child {
  border-right-width: 0;
}

.terms_contents .table_terms th {
  padding: 12px  8px;
}

.terms_contents .table_terms td {
  padding: 16px  8px;
}

.terms_contents .table_terms .t-box {
  font-size: 0;
}

.terms_contents .table_terms .ta-l {
  text-align: left;
}

.terms_contents .table_terms .ta-r {
  text-align: right;
}

@media screen and (max-width: 1439px) {
  .terms_contents .table_terms th {
    padding: 6px 8px;
  }
  .terms_contents .table_terms td {
    padding: 6px 8px;
  }
  .terms_contents .table_terms th, .terms_contents .table_terms td {
    height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .terms_contents .table_terms table {
    min-width: 719px;
  }
  .terms_contents .table_terms th {
    padding: 4px 8px;
  }
  .terms_contents .table_terms td {
    padding: 8px;
  }
  .terms_contents .table_terms th, .terms_contents .table_terms td {
    height: 48px;
  }
}

.terms_contents .table_terms.type_x th, .terms_contents .table_terms.type_x td {
  height: 80px;
}

.terms_contents .table_terms.type_x th {
  padding: 12px 8px;
}

.terms_contents .table_terms.type_x td {
  padding: 16px 48px;
}

@media screen and (max-width: 1439px) {
  .terms_contents .table_terms.type_x th, .terms_contents .table_terms.type_x td {
    height: 60px;
  }
  .terms_contents .table_terms.type_x th {
    padding: 6px 8px;
  }
  .terms_contents .table_terms.type_x td {
    padding: 6px 48px;
  }
}

@media screen and (max-width: 767px) {
  .terms_contents .table_terms.type_x th, .terms_contents .table_terms.type_x td {
    height: 48px;
  }
  .terms_contents .table_terms.type_x th {
    padding: 4px 8px;
  }
  .terms_contents .table_terms.type_x td {
    padding: 8px 16px;
  }
}

/* ui_common.scss */
.is_pc {
  display: block;
}

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

.is_mb {
  display: none;
}

@media screen and (max-width: 1023px) {
  .is_mb {
    display: block;
  }
}

/*  영문 */
/* ====== 버튼 ====== */
.btn {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding: 15px 35px;
  margin-bottom: 0;
  width: 318px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.015em;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btn span {
  vertical-align: top;
}

.btn i {
  margin-left: 4px;
  vertical-align: top;
  width: 24px;
  height: 24px;
}

.btn i::before {
  margin-top: 0;
  font-size: 24px;
}

.btn i.size16 {
  margin-left: 4px;
  vertical-align: top;
  width: 16px;
  height: 16px;
}

.btn i.size16::before {
  margin-top: 0;
  font-size: 16px;
}

@media screen and (max-width: 1439px) {
  .btn {
    padding: 9px 23px;
    width: 214px;
  }
  .btn i {
    margin-left: 2px;
    width: 16px;
    height: 16px;
  }
  .btn i::before {
    margin-top: 0;
    font-size: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .btn {
    padding: 9px 23px;
    width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .btn {
    width: 148px;
  }
  .btn i {
    margin-left: 2px;
    width: 16px;
    height: 16px;
  }
  .btn i::before {
    margin-top: 0;
    font-size: 16px;
  }
}

.btn.btn_default {
  background: #fff;
  border: 1px solid #000000;
  color: #000000;
}

.btn.btn_default:hover {
  background-color: rgba(155, 75, 75, 0.04);
}

.btn.btn_default:disabled, .btn.btn_default.disabled {
  color: rgba(0, 0, 0, 0.42);
  border: 1px solid rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.btn.btn_line-white {
  background: transparent;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.btn.btn_line-white:hover {
  background-color: rgba(255, 255, 255, 0.14);
}

.btn.btn_line-white:disabled, .btn.btn_line-white.disabled {
  color: rgba(255, 255, 255, 0.42);
  border: 1px solid rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.btn.btn-black {
  background: #000000;
  border: 1px solid #000000;
  color: #FFFFFF;
}

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

.btn.btn-black:disabled, .btn.btn-black.disabled {
  color: rgba(255, 255, 255, 0.42);
  background-color: #999;
  border-color: #999;
  pointer-events: none;
}

.btn.btn-white {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #000000;
}

.btn.btn-white:hover {
  background: #999999;
  border-color: #999999;
}

.btn.btn-white:disabled, .btn.btn-white.disabled {
  color: rgba(0, 0, 0, 0.42);
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
  pointer-events: none;
}

.btn.btn-refresh {
  background: #333;
  border: 1px solid #333;
  color: #FFFFFF;
}

.btn.btn-refresh:hover {
  background: #333;
  border-color: #333;
}

.btn.btn-refresh:disabled, .btn.btn-white.disabled {
  color: rgba(255, 255, 255, 0.42);
  background-color: #999;
  border-color: #999;
  pointer-events: none;
}

.btn_bottom {
  margin-top: 40px;
}

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

.btn_set .btn.btn-view_less.up i {
  transform: rotate(180deg);
}

.btn_set .btng-c {
  text-align: center;
}

.btn_set .btng-l {
  float: left;
}

.btn_set .btng-r {
  float: right;
}

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

.btn_set-single {
  text-align: center;
  padding: 0px;
}

.btn_set-single .btn_item a, .btn_set-single .btn_item button, .btn_set-single .btn_item input[type="button"] {
  width: 100%;
}

.btn_set-double {
  padding: 0px;
  /*  */
}

.btn_set-double::after {
  content: "";
  display: block;
  clear: both;
}

.btn_set-double .btn_item {
  position: relative;
  width: 50%;
  float: left;
}

.btn_set-double .btn_item a, .btn_set-double .btn_item button {
  width: 100%;
}

.btn_set-double .btn_item:first-child {
  padding-right: 12px;
}

.btn_set-double .btn_item:last-child {
  padding-left: 12px;
}

.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, .btn_set-triple .btn_item button {
  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: 767px) {
  .btn_set-double .btn_item:first-child {
    padding-right: 8px;
  }
  .btn_set-double .btn_item:last-child {
    padding-left: 8px;
  }
}

.btn_label {
  padding-top: 24px;
  margin: 0 auto;
  width: 100%;
}

/* a, button */
a.btn-view_less, button.btn-view_less {
  color: rgba(0, 0, 0, 0.87);
}

a span, button span {
  vertical-align: top;
}

a i.spf.size16, button i.spf.size16 {
  width: 16px;
  height: 16px;
  vertical-align: top;
  margin-top: 4px;
  margin-left: 2px;
}

a i.spf.size16::before, button i.spf.size16::before {
  font-size: 16px;
  margin-top: -1px;
}

@media screen and (max-width: 1439px) {
  a i.spf.size16, button i.spf.size16 {
    width: 14px;
    height: 14px;
  }
  a i.spf.size16::before, button i.spf.size16::before {
    font-size: 14px;
  }
}

@media screen and (max-width: 1023px) {
  a i.spf.size16, button i.spf.size16 {
    width: 14px;
    height: 14px;
  }
  a i.spf.size16::before, button i.spf.size16::before {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  a i.spf.size16, button i.spf.size16 {
    width: 12px;
    height: 12px;
  }
  a i.spf.size16::before, button i.spf.size16::before {
    font-size: 12px;
  }
}

a i.spf.size32, button i.spf.size32 {
  width: 32px;
  height: 32px;
}

a i.spf.size32::before, button i.spf.size32::before {
  font-size: 32px;
  margin-top: 0px;
}

@media screen and (max-width: 1439px) {
  a i.spf.size32, button i.spf.size32 {
    width: 24px;
    height: 24px;
  }
  a i.spf.size32::before, button i.spf.size32::before {
    font-size: 24 px;
  }
}

@media screen and (max-width: 1023px) {
  a i.spf.size32, button i.spf.size32 {
    width: 16px;
    height: 16px;
  }
  a i.spf.size32::before, button i.spf.size32::before {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  a i.spf.size32, button i.spf.size32 {
    width: 16px;
    height: 16px;
  }
  a i.spf.size32::before, button i.spf.size32::before {
    font-size: 16px;
  }
}

/* ====== PAGING ====== */
.paging-wrap.dk .paging-area a {
  color: #fff;
}

.paging-wrap.dk .paging-area a:hover {
  background: #E6E6E6;
  color: #000;
}

.paging-wrap.dk .paging-area .active {
  background: #fff;
  color: #000;
}

.paging-wrap.dk .paging-area .spf.disabled:hover {
  background: transparent;
}

.paging-wrap.dk .paging-area .spf.disabled:before {
  color: rgba(255, 255, 255, 0.42);
}

.paging-wrap.dk .btn_set .btn-view_less {
  color: #fff;
}

.paging-wrap .pageing-box {
  position: absolute;
  top: 11px;
  right: 48px;
}

.paging-wrap .pageing-box .btn-arrow {
  width: 48px;
  height: 48px;
}

.paging-wrap .pageing-box .btn-arrow i {
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.paging-wrap .pageing-box .btn-arrow i::before {
  display: block;
  width: 48px;
  height: 48px;
  font-size: 48px;
  box-sizing: border-box;
  padding-top: 11px;
}

.paging-wrap .pageing-box .btn-arrow + .btn-arrow {
  margin-left: 40px;
}

.paging-wrap .pageing-box .btn-arrow:disabled, .paging-wrap .pageing-box .btn-arrow.disabled, .paging-wrap .pageing-box .btn-arrow.swiper-button-disabled {
  pointer-events: none;
}

.paging-wrap .pageing-box .btn-arrow:disabled i, .paging-wrap .pageing-box .btn-arrow.disabled i, .paging-wrap .pageing-box .btn-arrow.swiper-button-disabled i {
  color: rgba(0, 0, 0, 0.42);
}

@media screen and (max-width: 1439px) {
  .paging-wrap .pageing-box {
    top: 4px;
  }
  .paging-wrap .pageing-box .btn-arrow {
    width: 40px;
    height: 40px;
  }
  .paging-wrap .pageing-box .btn-arrow i {
    width: 40px;
    height: 40px;
  }
  .paging-wrap .pageing-box .btn-arrow i::before {
    width: 40px;
    height: 40px;
    font-size: 40px;
    padding-top: 10px;
  }
  .paging-wrap .pageing-box .btn-arrow + .btn-arrow {
    margin-left: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .paging-wrap .pageing-box .btn-arrow {
    width: 32px;
    height: 32px;
  }
  .paging-wrap .pageing-box .btn-arrow i {
    width: 32px;
    height: 32px;
  }
  .paging-wrap .pageing-box .btn-arrow i::before {
    width: 32px;
    height: 32px;
    font-size: 32px;
    padding-top: 6px;
  }
  .paging-wrap .pageing-box .btn-arrow + .btn-arrow {
    margin-left: 24px;
  }
}

@media screen and (max-width: 767px) {
  .paging-wrap .pageing-box {
    display: none;
  }
  .paging-wrap .pageing-box .btn-arrow {
    width: 32px;
    height: 32px;
  }
  .paging-wrap .pageing-box .btn-arrow i {
    width: 32px;
    height: 32px;
  }
  .paging-wrap .pageing-box .btn-arrow i::before {
    width: 32px;
    height: 32px;
    font-size: 32px;
    margin-top: 6px;
  }
  .paging-wrap .pageing-box .btn-arrow + .btn-arrow {
    margin-left: 24px;
  }
}

.paging-area {
  width: 100%;
  clear: both;
  position: relative;
  letter-spacing: 0px;
  text-align: center;
}

.paging-area a {
  position: relative;
  display: inline-block;
  margin: 0 8px 0 0;
  min-width: 40px;
  height: 40px;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
}

.paging-area a:hover {
  background: #E6E6E6;
}

.paging-area a .tt1 {
  line-height: 40px;
}

.paging-area .active {
  background: #000;
  color: #fff;
}

.paging-area .paging {
  text-align: left;
}

.paging-area .spf {
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  margin-right: 0;
}

.paging-area .spf:before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 24px;
  margin-left: -16px;
  margin-top: -16px;
}

.paging-area .spf:hover {
  background: transparent;
  color: rgba(0, 0, 0, 0.62);
}

.paging-area .spf-nav-chevron_left {
  margin-right: 20px;
}

.paging-area .spf-nav-chevron_right {
  margin: 0 0 0 12px;
}

.paging-area .spf-nav-chevron_double_left + .spf-nav-chevron_left {
  margin-left: -4px;
}

.paging-area .spf-nav-chevron_right + .spf-nav-chevron_double_right {
  margin-left: -4px;
}

.paging-area .spf.disabled:before {
  color: rgba(0, 0, 0, 0.42);
}

@media screen and (max-width: 1439px) {
  .paging-area a {
    min-width: 32px;
    height: 32px;
    margin: 0 4px 0 0;
  }
  .paging-area a .tt1 {
    line-height: 32px;
  }
  .paging-area .spf-nav-chevron_left {
    margin-right: 12px;
  }
  .paging-area .spf-nav-chevron_right {
    margin: 0 0 0 4px;
  }
}

@media screen and (max-width: 1023px) {
  .paging-area a {
    min-width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
  }
  .paging-area a .tt1 {
    line-height: 24px;
  }
  .paging-area .spf {
    min-width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .paging-area .spf:before {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    margin-left: -12px;
    margin-top: -12px;
  }
  .paging-area .spf-nav-chevron_left {
    margin-right: 12px;
  }
  .paging-area .spf-nav-chevron_right {
    margin: 0 0 0 8px;
  }
}

/* ================== TAB MENU */
.tab-wrap {
  position: relative;
}

.tab-list {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  /* ================== TAB MENU tab_type1 */
  /* ================== TAB MENU setting */
}

.tab-list > li {
  display: inline;
  width: 100%;
  list-style: none;
  box-sizing: border-box;
}

.tab-list > li .btn-area {
  position: absolute;
  height: 50px;
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 2;
  color: #000;
}

.tab-list > li .btn-area a {
  font-size: 20px;
  font-weight: bold;
  background-color: #dadada;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.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: #ffffff;
  background-color: #FF5A00;
}

.tab-list > .on > .con-area {
  display: block;
}

.tab-list.tab_type1 > li {
  background: #eaeaea;
}

.tab-list.tab_type1 > li .btn-area {
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid #d0d0d0;
  border-bottom: 2px solid #FF5A00;
  border-left: none;
}

.tab-list.tab_type1 > li .btn-area a {
  background-color: #eaeaea;
}

.tab-list.tab_type1 > li:first-child .btn-area {
  border-left: 1px solid #d0d0d0;
}

.tab-list.tab_type1 > .on .btn-area {
  border: 2px solid #FF5A00 !important;
  border-bottom: none !important;
}

.tab-list.tab_type1 > .on .btn-area a {
  color: #000;
  font-weight: bold;
  background-color: #fff;
}

.tab-list.tab_type1 > .on_prev .btn-area {
  border-right: 0px solid transparent;
}

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

/* ================== accordion MENU */
.accordion-list > li {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.accordion-list > li .acc-header {
  position: relative;
  padding: 30px 0 31px;
  cursor: pointer;
  display: flex;
  flex-flow: row;
  align-items: center;
}

.accordion-list > li .acc-header .accordion_name {
  display: block;
  padding-right: 16px;
  position: relative;
  padding-left: 32px;
}

.accordion-list > li .acc-header .accordion_name .acc_txt-icon {
  position: absolute;
  left: 0;
}

.accordion-list > li .acc-header .arrow {
  margin-left: auto;
}

.accordion-list > li .acc-header .arrow .spf.size32::before {
  color: rgba(0, 0, 0, 0.6);
  transition: all 0.45s ease;
}

.accordion-list > li .acc_btn {
  display: flex;
  padding: 36px 0;
  width: 100%;
}

.accordion-list > li .acc-body {
  display: none;
  background-color: #F7F7F7;
  padding: 20px 32px 30px;
  color: rgba(0, 0, 0, 0.87);
}

.accordion-list > li .acc-body .acc_txt-icon {
  display: block;
}

.accordion-list > li > .acc-body {
  display: none;
  padding: 30px 20px;
}

.accordion-list > li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.accordion-list > li.active {
  border-top: 1px solid #000;
  position: relative;
}

.accordion-list > li.active::before {
  content: '';
  display: block;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
}

.accordion-list > li.active .acc-header .accordion_name .acc_txt-icon {
  color: #FF5A00;
}

.accordion-list > li.active .acc-header .accordion_name .tb3 {
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0;
}

.accordion-list > li.active .acc-header .arrow {
  margin-left: auto;
}

.accordion-list > li.active .acc-header .arrow .spf.size32::before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: black;
}

@media screen and (max-width: 1439px) {
  .accordion-list > li .acc-header {
    padding: 23px 0 22px;
  }
  .accordion-list > li .acc-header .accordion_name {
    padding-left: 22px;
  }
  .accordion-list > li .acc-body {
    padding: 16px 22px 24px;
  }
  .accordion-list > li.active .acc-header {
    padding: 24px 0;
  }
  .accordion-list > li.active .acc-header .accordion_name .tb3 {
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
}

@media screen and (max-width: 1023px) {
  .accordion-list > li.active .acc-header .accordion_name .tb3 {
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  .accordion-list > li.active .acc-body {
    padding: 12px 20px 24px;
  }
}

@media screen and (max-width: 767px) {
  .accordion-list > li .acc-header {
    padding: 24px 0;
  }
  .accordion-list > li .acc-header .accordion_name {
    padding-left: 20px;
    white-space: unset;
    text-overflow: unset;
  }
  .accordion-list > li .acc-header .accordion_name .acc_txt-icon {
    position: absolute;
    left: 0;
  }
  .accordion-list > li.active .acc-header {
    padding: 24px 0;
  }
  .accordion-list > li.active .acc-header .accordion_name .tb3 {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.01em;
  }
}

.scroll_top {
  position: fixed;
  right: 16px;
  bottom: 24px;
  z-index: 10;
  opacity: 0;
  font-size: 0;
  background: rgba(0, 0, 0, 0.62);
  width: 40px;
  height: 40px;
}

.scroll_top .spf {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
}

.scroll_top .spf::before {
  font-size: 24px;
  height: 40px;
  width: 40px;
}

.scroll_top.show {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .scroll_top.show {
    opacity: 1;
  }
}

/* ================== 팝업 레이아웃 */
/** //popup-wrap **/
.popup-dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=50);
  z-index: 9000;
}

.trp.popupfixed-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  min-height: 100%;
  z-index: 9000;
  -webkit-overflow-scrolling: touch;
}

.trp.popupfixed-wrap .popup-dim {
  z-index: 1;
}

.trp.popupfixed-wrap .popup-align {
  display: table;
  *display: block;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
}

.trp.popupfixed-wrap .popup-align .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;
  min-width: 460px;
  background: #fff;
  height: auto;
  text-align: left;
}

.trp.popupfixed-wrap .popup-layer.lg {
  width: 1116px;
}

.trp.popupfixed-wrap .pop-header .btn_close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: auto;
  margin: 0;
  line-height: 1;
  box-sizing: border-box;
  font-size: 0px;
}

.trp.popupfixed-wrap .pop-header .btn_close .spf {
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.trp.popupfixed-wrap .pop-header .btn_close .spf:before {
  width: 48px;
  height: 48px;
  font-size: 48px;
}

.trp.popupfixed-wrap .pop-body .select2-dropdown {
  z-index: 9900;
}

.trp.popupfixed-wrap .pop-footer .btn_bottom {
  margin-top: 20px;
}

@media screen and (max-width: 1439px) {
  .trp.popupfixed-wrap .popup-layer.lg {
    width: 770px;
  }
  .trp.popupfixed-wrap .pop-header .btn_close {
    top: 24px;
    right: 24px;
  }
  .trp.popupfixed-wrap .pop-header .btn_close .spf {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  .trp.popupfixed-wrap .pop-header .btn_close .spf:before {
    width: 32px;
    height: 32px;
    font-size: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap .popup-layer.lg {
    width: 672px;
  }
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap .popup-align .popup-vertical {
    padding: 0;
  }
  .trp.popupfixed-wrap .popup-layer {
    min-width: 100%;
  }
  .trp.popupfixed-wrap .popup-layer.lg {
    width: 100%;
  }
  .trp.popupfixed-wrap .pop-header .btn_close {
    top: 28px;
    right: 16px;
  }
  .trp.popupfixed-wrap .pop-header .btn_close .spf {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .trp.popupfixed-wrap .pop-header .btn_close .spf:before {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}

.trp.popupfixed-wrap.popup_down .popup-layer .pop-header {
  padding: 64px 64px 24px;
}

.trp.popupfixed-wrap.popup_down .popup-layer .pop-header .btn_close {
  top: 70px;
}

.trp.popupfixed-wrap.popup_down .popup-layer .pop-body .section {
  position: relative;
  padding: 0;
  max-height: calc( 100vh - 190px);
}

.trp.popupfixed-wrap.popup_down .popup-layer .pop-body .section .contact-section {
  padding: 0 64px 80px;
  overflow-y: scroll;
  max-height: 31vw;
}

@media screen and (max-width: 1439px) {
  .trp.popupfixed-wrap.popup_down .popup-layer .pop-header {
    padding: 40px 48px 16px;
  }
  .trp.popupfixed-wrap.popup_down .popup-layer .pop-header .btn_close {
    top: 44px;
  }
  .trp.popupfixed-wrap.popup_down .popup-layer .pop-body .section {
    max-height: calc( 100vh - 136px);
  }
  .trp.popupfixed-wrap.popup_down .popup-layer .pop-body .section .contact-section {
    padding: 0 48px 64px;
    max-height: 52vw;
  }
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_down .popup-layer .pop-body .section .contact-section {
    max-height: 70vw;
  }
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap.popup_down .popup-layer {
    min-width: 100%;
    height: 100%;
  }
  .trp.popupfixed-wrap.popup_down .popup-layer .pop-header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    padding: 24px 24px 24px;
  }
  .trp.popupfixed-wrap.popup_down .popup-layer .pop-header .btn_close {
    top: 28px;
  }
  .trp.popupfixed-wrap.popup_down .popup-layer .pop-body {
    margin-top: 82px;
  }
  .trp.popupfixed-wrap.popup_down .popup-layer .pop-body .section {
    max-height: none;
  }
  .trp.popupfixed-wrap.popup_down .popup-layer .pop-body .section .contact-section {
    padding: 0 24px 56px;
    max-height: none;
  }
}

.trp.popupfixed-wrap .contact-section .top-description {
  padding-bottom: 16px;
}

.trp.popupfixed-wrap .contact-section .fe-row + .fe-row {
  margin-top: 64px;
}

.trp.popupfixed-wrap .contact-section .con-footer {
  padding-top: 56px;
}

@media screen and (max-width: 1439px) {
  .trp.popupfixed-wrap .contact-section .top-description {
    padding-bottom: 8px;
  }
  .trp.popupfixed-wrap .contact-section .fe-row + .fe-row {
    margin-top: 48px;
  }
  .trp.popupfixed-wrap .contact-section .con-footer {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap .contact-section {
    width: 100%;
  }
  .trp.popupfixed-wrap .contact-section .fe-row + .fe-row {
    margin-top: 40px;
  }
  .trp.popupfixed-wrap .contact-section .con-footer {
    padding-top: 32px;
  }
}

.trp.popupfixed-wrap.popup_msg .popup-layer {
  position: relative;
  z-index: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 80px 48px 48px;
  min-width: 312px;
  background: #fff;
  height: auto;
  text-align: center;
  width: 600px;
  word-break: keep-all;
}

.trp.popupfixed-wrap.popup_msg .txt {
  margin: 8px 0 0;
}

.trp.popupfixed-wrap.popup_msg .btn_set {
  margin-top: 48px;
}

.trp.popupfixed-wrap.popup_msg .btn_set .btn {
  max-width: 240px;
}

@media screen and (max-width: 1439px) {
  .trp.popupfixed-wrap.popup_msg .popup-layer {
    padding-top: 64px;
  }
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap.popup_msg .popup-layer {
    width: 312px;
    padding: 48px 24px 32px;
  }
  .trp.popupfixed-wrap.popup_msg .txt {
    margin: 4px 0 0;
  }
  .trp.popupfixed-wrap.popup_msg .btn_set {
    margin-top: 32px;
  }
}

.trp.popupfixed-wrap.popup_video .popup-layer .btn_close {
  top: -58px;
  right: 0;
}

.trp.popupfixed-wrap.popup_video .popup-layer .btn_close .spf:before {
  color: #fff;
}

.trp.popupfixed-wrap.popup_video .popup-layer .video_box {
  width: 1344px;
  height: 756px;
  position: relative;
}

.trp.popupfixed-wrap.popup_video .popup-layer .video_box .video_area .video_thumbnail, .trp.popupfixed-wrap.popup_video .popup-layer .video_box .video_area iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.trp.popupfixed-wrap.popup_video .popup-layer .video_box .btn_play {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.15);
}

.trp.popupfixed-wrap.popup_video .popup-layer .video_box .btn_play .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -48px 0 0 -48px;
}

.trp.popupfixed-wrap.popup_video .popup-layer .video_box .btn_play .play-btn img {
  width: 100%;
}

@media screen and (max-width: 1439px) {
  .trp.popupfixed-wrap.popup_video .popup-layer .btn_close {
    top: -39px;
    right: 0;
  }
  .trp.popupfixed-wrap.popup_video .popup-layer .video_box {
    width: 928px;
    height: 522px;
  }
  .trp.popupfixed-wrap.popup_video .popup-layer .video_box .btn_play .play-btn {
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
  }
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_video .popup-layer .video_box {
    width: 672px;
    height: 378px;
  }
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap.popup_video .popup-layer {
    min-width: auto;
  }
  .trp.popupfixed-wrap.popup_video .popup-layer .pop-header .btn_close {
    top: -36px;
  }
  .trp.popupfixed-wrap.popup_video .popup-layer .video_box {
    width: 312px;
    height: 176px;
  }
  .trp.popupfixed-wrap.popup_video .popup-layer .video_box .btn_play .play-btn {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
  }
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-head {
  position: absolute;
  left: 24px;
  top: 26px;
  z-index: 2;
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-head img {
  height: 32px;
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-body {
  position: relative;
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-body .link_btn .btn {
  width: 240px;
  height: 60px;
  padding: 0 35px;
  line-height: 57px;
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-body .link_btn .btn.wAuto {
  padding: 18px 35px;
  height: auto;
  white-space: inherit;
  line-height: normal;
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-body .link_btn.fixed {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 48px;
  text-align: center;
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer {
  padding: 16px 22px 16px 24px;
  position: relative;
  background: #F7F7F7;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .btn_close {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .btn_close .spf {
  vertical-align: middle;
  margin-left: 4px;
  margin-top: -2px;
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box label {
  margin-left: 8px;
}

@media screen and (max-width: 1439px) {
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box {
    min-height: 16px;
    padding-left: 24px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box label {
    line-height: 16px;
    margin-left: 0;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box input[type="checkbox"] {
    width: 16px;
    height: 16px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box input[type="checkbox"] + i {
    margin-top: -8px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box input[type="checkbox"] + i:after {
    width: 16px;
    height: 16px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .btn_close {
    margin-top: -8px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .btn_close .spf {
    margin-top: -4px;
  }
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap.popup_notice .popup-layer {
    min-width: auto;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-head {
    left: 16px;
    top: 12px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-head img {
    height: 24px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-body .img_pop {
    width: 312px;
    height: 260px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-body .img_pop img {
    width: 100%;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-body .is_pc {
    display: none;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-body .is_mb {
    display: block;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-body .link_btn .btn {
    width: 148px;
    height: 40px;
    line-height: 37px;
    padding: 0 23px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-body .link_btn .btn.wAuto {
    padding: 11px 20px 10px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-body .link_btn.fixed {
    bottom: 32px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer {
    padding: 12px 16px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box {
    min-height: 14px;
    padding-left: 16px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box label {
    line-height: 14px;
    margin-left: 4px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box input[type="checkbox"] {
    width: 14px;
    height: 14px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box input[type="checkbox"] + i {
    margin-top: -7px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box input[type="checkbox"] + i:after {
    width: 14px;
    height: 14px;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .btn_close {
    right: 12px;
  }
}

.trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer {
  padding: 0;
  width: 600px;
}

.trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body {
  position: relative;
}

.trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_head {
  background: #1A1A1A;
  padding-top: 80px;
}

.trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_head p {
  text-align: center;
  color: #fff;
  padding: 16px 24px 24px;
}

.trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_body {
  text-align: center;
  /* padding: 24px 24px 48px; */
  padding: 24px 56px 48px;
}

.trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_body .txt + .link_btn {
  margin-top: 48px;
}

.trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_body .txt + .btn_set {
  margin-top: 48px;
}

@media screen and (max-width: 1439px) {
  .trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_body {
    padding: 24px 48px 48px;
  }
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer {
    min-width: auto;
    width: 312px;
  }
  .trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-head {
    left: 16px;
    top: 18px;
  }
  .trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-head img {
    width: 28px;
    height: 13px;
  }
  .trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_head {
    padding-top: 48px;
  }
  .trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_head p {
    padding: 16px;
  }
  .trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_body {
    padding: 16px 16px 32px;
  }
  .trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_body .txt + .link_btn {
    margin-top: 32px;
  }
  .trp.popupfixed-wrap.popup_notice.txt_pop .popup-layer .pop-body .cont_body .txt + .btn_set {
    margin-top: 32px;
  }
}

.trp.popupfixed-wrap .notice_popup .pop_table {
  word-break: keep-all;
}

.trp.popupfixed-wrap .notice_popup .pop_table table {
  border-top: 2px solid #000;
  box-sizing: border-box;
}

.trp.popupfixed-wrap .notice_popup .pop_table th, .trp.popupfixed-wrap .notice_popup .pop_table td {
  border: 1px solid #999999;
  text-align: center;
  padding: 8px  8px;
}

.trp.popupfixed-wrap .notice_popup .pop_table tr th:first-child, .trp.popupfixed-wrap .notice_popup .pop_table tr td:first-child {
  border-left-width: 0;
}

.trp.popupfixed-wrap .notice_popup .pop_table tr th:last-child, .trp.popupfixed-wrap .notice_popup .pop_table tr td:last-child {
  border-right-width: 0;
}

.trp.popupfixed-wrap .notice_popup .pop_table .txt_link {
  text-decoration: underline;
}

@media screen and (max-width: 1439px) {
  .trp.popupfixed-wrap .notice_popup .pop_table th, .trp.popupfixed-wrap .notice_popup .pop_table td {
    padding: 6px 8px;
  }
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap .notice_popup .pop_table th, .trp.popupfixed-wrap .notice_popup .pop_table td {
    padding: 4px 8px;
  }
}

/* =====================  loading =====================*/
.page_loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 999999;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.page_loading .center_teable {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.page_loading .center_center {
  display: table-cell;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
}

.page_loading .center_center .img {
  position: relative;
  display: inline-block;
  background-color: transparent;
  width: 65px;
  height: 65px;
}

.page_loading .spinner {
  animation: rotator 1.8s ease-in-out infinite;
  width: 66px;
  height: 66px;
  /* linear */
}

@media screen and (max-width: 1023px) {
  .page_loading .spinner {
    width: 44px;
    height: 44px;
  }
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.page_loading .path1, .page_loading .path2, .page_loading .path3 {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: #FF5A00;
  animation: dash1 1.8s ease-in-out infinite;
}

.page_loading .path2 {
  stroke: #EC0C6E;
  animation: dash2 1.8s ease-in-out infinite;
}

.page_loading .path3 {
  stroke: #5438EF;
  animation: dash3 1.8s ease-in-out infinite;
}

@keyframes dash1 {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(155deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}

/* =====================  cookie =====================*/
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: #262626;
}

@media screen and (max-width: 1023px) {
  .cookie-banner {
    height: 128px;
  }
}

@media screen and (max-width: 767px) {
  .cookie-banner {
    height: 108px;
  }
}

.cookie-banner .cookie-inner {
  position: relative;
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  padding: 24px 48px;
}

@media screen and (max-width: 1023px) {
  .cookie-banner .cookie-inner {
    padding: 24px 48px;
  }
}

@media screen and (max-width: 767px) {
  .cookie-banner .cookie-inner {
    padding: 16px 24px;
  }
}

.cookie-banner .cookie-inner .cookie-content {
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding-right: 49px;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .cookie-banner .cookie-inner .cookie-content {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
}

@media screen and (max-width: 1023px) {
  .cookie-banner .cookie-inner .cookie-content .txt {
    max-width: 624px;
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 767px) {
  .cookie-banner .cookie-inner .cookie-content .txt {
    max-width: 264px;
    padding-bottom: 8px;
  }
}

.cookie-banner .cookie-inner .cookie-content .txt > a {
  text-decoration: underline;
}

.cookie-banner .cookie-inner .cookie-content .cookie-button {
  min-width: 68px;
}

.cookie-banner .cookie-inner .cookie-content .cookie-button .agree {
  position: relative;
}

.cookie-banner .cookie-inner .cookie-content .cookie-button .agree:before {
  content: "";
  position: absolute;
  bottom: -7px;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
}

.cookie-banner .cookie-inner .cookie-content .close {
  position: absolute;
  right: 0;
  top: -2px;
  cursor: pointer;
  color: #fff;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.cookie-banner .cookie-inner .cookie-content .close::before {
  font-size: 32px;
  height: 32px;
  width: 32px;
}

@media screen and (max-width: 1439px) {
  .cookie-banner .cookie-inner .cookie-content .close {
    top: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .cookie-banner .cookie-inner .cookie-content .close:before {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}

/* ======================== input text  */
/* placeholder */
/*  영문 */
html.lang-en textarea {
  font-family: "Circular Std";
}

html.lang-en .select2-container--default .select2-results__option {
  font-family: "Circular Std";
  font-weight: 400;
}

.en textarea {
  font-family: "Circular Std";
}

.en .select2-container--default .select2-results__option {
  font-family: "Circular Std";
}

/*  한국어 */
html.lang-ko textarea {
  font-family: "CJ ONLYONE NEW body";
}

html.lang-ko .select2-container--default .select2-results__option {
  font-family: "CJ ONLYONE NEW body";
  font-weight: 400;
}

.ko textarea {
  font-family: "CJ ONLYONE NEW body";
}

.ko .select2-container--default .select2-results__option {
  font-family: "CJ ONLYONE NEW body";
}

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: rgba(0, 0, 0, 0.62);
}

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: rgba(0, 0, 0, 0.62);
}

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: rgba(0, 0, 0, 0.62);
}

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: rgba(0, 0, 0, 0.62);
}

em.star {
  display: inline-block;
  height: 14px;
  padding: 0 5px;
  color: #f24848;
  font-weight: bold;
}

input[type="text"], input[type="password"] {
  width: 100%;
  height: 60px;
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 17px;
  vertical-align: middle;
  border: 1px solid #cdcdcd;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media screen and (max-width: 1439px) {
  input[type="text"], input[type="password"] {
    font-size: 16px;
    height: 56px;
  }
}

@media screen and (max-width: 1023px) {
  input[type="text"], input[type="password"] {
    font-size: 14px;
    height: 48px;
  }
}

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

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  box-shadow: 0 0 0 1000px white inset;
}

/* ======================== 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: #0d0d0e;
}

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

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

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

.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 24px 8px;
}

@media screen and (max-width: 1439px) {
  .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"] {
    font-size: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .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"] {
    font-size: 14px;
    line-height: 20px;
    height: 48px;
    padding: 8px 16px 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;
}

.input_del input {
  padding-right: 25px;
}

.input_del button {
  position: relative;
  display: none;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -8px;
}

.input_del button i:after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: 0px -71px;
  width: 20px;
  height: 20px;
}

/* ======================== textarea  */
.textarea-box textarea {
  width: 100%;
  height: 312px;
  border: 0;
  line-height: 28px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 24px 24px 24px;
  -webkit-appearance: none;
  outline: none;
  -moz-appearance: none;
}

.textarea-box textarea::-webkit-scrollbar {
  width: 6px;
  /*스크롤바의 너비*/
}

.textarea-box textarea::-webkit-scrollbar-thumb {
  background: #999;
  /*스크롤바의 색상*/
}

.textarea-box textarea::-webkit-scrollbar-track {
  background: #fff;
}

.textarea-box textarea:focus {
  border: 1px solid #000;
}

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

@media screen and (max-width: 1439px) {
  .textarea-box textarea {
    line-height: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .textarea-box textarea {
    line-height: 20px;
    padding: 22px 16px 16px;
  }
}

/* ========================  input radio */
.trp.radio-box {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  min-height: 20px;
}

.trp.radio-box label {
  display: inline-block;
  line-height: 24px;
  margin-left: 12px;
  vertical-align: middle;
}

.trp.radio-box em {
  display: inline-block;
  height: 24px;
  text-indent: 0px;
}

.trp.radio-box input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  /*  width:100%; */
  width: 24px;
  height: 24px;
  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: 50%;
  left: 0px;
  margin-top: -12px;
}

.trp.radio-box input[type="radio"] + i:after {
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon_radio_off.png);
  background-size: cover;
}

.trp.radio-box input[type="radio"]:checked + i:after {
  background-image: url(../images/common/icon_radio_on.png);
}

.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_icons($form-radio-dim); */
}

.trp.radio-box input[type="radio"]:disabled + i + label {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
  /*  color:$colorL; */
}

@media screen and (max-width: 1023px) {
  .trp.radio-box label {
    margin-left: 0;
    line-height: 16px;
  }
  .trp.radio-box input[type="radio"] + i {
    margin-top: -8px;
  }
  .trp.radio-box input[type="radio"] + i:after {
    width: 16px;
    height: 16px;
  }
}

.trp.radio-box.dk input[type="radio"] + i:after {
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon_radio_w_off.png);
  background-size: cover;
}

.trp.radio-box.dk input[type="radio"]:checked + i:after {
  background-image: url(../images/common/icon_radio_w_on.png);
}

@media screen and (max-width: 1023px) {
  .trp.radio-box.dk label {
    margin-left: 0;
    line-height: 16px;
  }
  .trp.radio-box.dk input[type="radio"] + i {
    margin-top: -8px;
  }
  .trp.radio-box.dk input[type="radio"] + i:after {
    width: 16px;
    height: 16px;
  }
}

.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: 24px;
  min-height: 24px;
}

.trp.checkbox-box label {
  display: inline-block;
  line-height: 24px;
  margin-left: 12px;
  vertical-align: middle;
}

.trp.checkbox-box em {
  display: inline-block;
  height: 24px;
  text-indent: 0px;
}

.trp.checkbox-box input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  /*  width:100%; */
  width: 24px;
  height: 24px;
  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: 50%;
  left: 0px;
  margin-top: -12px;
}

.trp.checkbox-box input[type="checkbox"] + i:after {
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon_check_off.png);
  background-size: cover;
}

.trp.checkbox-box input[type="checkbox"]:checked + i:after {
  background-image: url(../images/common/icon_check_on.png);
}

.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_icons($form-checkbox-dim); */
}

.trp.checkbox-box input[type="checkbox"]:disabled + i + label {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
  /* color:$colorL; */
}

@media screen and (max-width: 1439px) {
  .trp.checkbox-box {
    min-height: 16px;
    padding-left: 28px;
  }
  .trp.checkbox-box label {
    margin-left: 0;
    line-height: 16px;
  }
  .trp.checkbox-box input[type="checkbox"] {
    width: 16px;
    height: 16px;
  }
  .trp.checkbox-box input[type="checkbox"] + i {
    margin-top: -8px;
  }
  .trp.checkbox-box input[type="checkbox"] + i:after {
    width: 16px;
    height: 16px;
  }
}

.trp.checkbox-box.dk input[type="checkbox"] + i:after {
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon_check_w_off.png);
  background-size: cover;
}

.trp.checkbox-box.dk input[type="checkbox"]:checked + i:after {
  background-image: url(../images/common/icon_check_w_on.png);
}

@media screen and (max-width: 1439px) {
  .trp.checkbox-box.dk label {
    margin-left: 0;
    line-height: 16px;
  }
  .trp.checkbox-box.dk input[type="checkbox"] {
    width: 16px;
    height: 16px;
  }
  .trp.checkbox-box.dk input[type="checkbox"] + i {
    margin-top: -8px;
  }
  .trp.checkbox-box.dk input[type="checkbox"] + i:after {
    width: 16px;
    height: 16px;
  }
}

.trp.checkbox-box.re label {
  display: inline-block;
  height: 20px;
  text-indent: 0px;
}

.trp.checkbox-box.re input[type="checkbox"] + i {
  position: relative;
}

/* ========================  input custom */
.input-container {
  position: relative;
  width: 100%;
}

.input-container input {
  display: block;
  width: 100%;
  padding: 24px 24px 8px;
}

@media screen and (max-width: 1023px) {
  .input-container input {
    padding: 22px 16px 6px;
  }
}

.input-container .input-placeholder {
  position: absolute;
  top: 1px;
  left: 24px;
  right: 56px;
  bottom: 1px;
  display: block;
  background: #fff;
  color: rgba(0, 0, 0, 0.62);
  line-height: 28px;
  padding-top: 14px;
  background: #fff;
  pointer-events: none;
  z-index: 2;
  font-family: inherit;
  transition: all 0.5s ease-in-out;
}

.input-container .input-placeholder.disabled {
  background-color: #F7F7F7;
  color: rgba(0, 0, 0, 0.42);
}

@media screen and (max-width: 1439px) {
  .input-container .input-placeholder {
    padding-top: 14px;
  }
}

@media screen and (max-width: 1023px) {
  .input-container .input-placeholder {
    padding-top: 8px;
    left: 16px;
    right: 57px;
  }
}

.input-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 56px 8px 24px;
}

@media screen and (max-width: 1023px) {
  .input-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 22px 56px 6px 16px;
  }
}

.input-container .error_txt {
  position: absolute;
  bottom: -16px;
  left: 24px;
  font-size: 12px;
  color: #EF151E;
  display: none;
}

.input-container .spf.spf-icon_error {
  color: #EF151E;
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -12px;
  display: none;
}

@media screen and (max-width: 1023px) {
  .input-container .spf.spf-icon_error {
    right: 16px;
  }
}

.input-container.focus .input-placeholder {
  color: rgba(0, 0, 0, 0.42);
  font-size: 12px;
  top: 1px;
  padding-top: 7px;
  line-height: 16px;
  height: auto;
  bottom: auto;
}

@media screen and (max-width: 1023px) {
  .input-container.focus .input-placeholder {
    padding-top: 6px;
  }
}

.input-container.check_error input {
  border: 1px solid #EF151E;
}

.input-container.check_error .input-placeholder {
  color: #EF151E;
  font-size: 12px;
  line-height: 16px;
  padding-top: 6px;
}

.input-container.check_error .spf.spf-icon_error, .input-container.check_error .error_txt {
  display: block;
}

@media screen and (max-width: 1023px) {
  .input-container.check_error .error_txt {
    left: 16px;
  }
}

.input-container.check_error .select2-container--default .select2-selection--single {
  border-color: #EF151E;
}

.input-container.check_error textarea {
  border-color: #EF151E;
}


.notice_txt_type .input-container{
  margin-bottom: 4px;
}

.notice_txt_type .input-container + p{
  margin-bottom: 8px;
}

.notice_txt_type .input-container + p:last-child{
  margin-bottom: 0;
}

.notice_txt_type .error_txt{
  color: #EF151E;
  font-size: 12px;
  position: relative;
  left: 24px;
}


@media screen and (max-width: 767px) {
  .notice_txt_type .error_txt{
    width: calc(100% - 16px);
    left: 16px;
  }

}


/* ========================  select */
.select-box .select2Basic,
.select-box .select2Basic_pop {
  width: 100%;
  height: 60px;
  outline: none;
}

.select-box .select2Basic option:not(:first-of-type),
.select-box .select2Basic_pop option:not(:first-of-type) {
  color: black;
}

.select2-container {
  /*  height: $formH; */
  text-align: left;
}

.select2-container .select2-selection--single {
  height: 60px;
}

@media screen and (max-width: 1439px) {
  .select2-container .select2-selection--single {
    height: 56px;
  }
}

@media screen and (max-width: 1023px) {
  .select2-container .select2-selection--single {
    height: 48px;
  }
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 0px;
}

.select2-results__option {
  padding: 0 15px;
}

.select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
}

.select2-container--default .select2-selection--single:focus {
  border: 1px solid #000;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(0, 0, 0, 0.62);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  padding: 16px 56px 16px 24px;
}

@media screen and (max-width: 1439px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
    line-height: 20px;
    padding: 14px 44px 14px 16px;
  }
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  /* height: $formH - 2px; */
  /* width: 24px;  */
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
  position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 24px;
  height: 24px;
  margin-top: -5px;
  background-image: url(../images/common/icon_chevron_down.png);
  background-size: cover;
}

@media screen and (max-width: 1023px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    margin-top: -12px;
  }
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* select disabled */
.select2-container--default.select2-container--disabled .select2-selection--single {
  border-color: rgba(0, 0, 0, 0.2);
  background-color: #F7F7F7;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: rgba(0, 0, 0, 0.42);
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 24px;
  height: 24px;
  margin-top: -5px;
  background-image: url(../images/common/icon_chevron_down_disabled.png);
  background-size: cover;
}

@media screen and (max-width: 1023px) {
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b::before {
    margin-top: -9px;
  }
}

.select2-dropdown {
  border-radius: 0;
  background-color: #f8f8f8;
  z-index: 10;
  border: 1px solid #cdcdcd;
}

.select2-container--default .select2-results__options {
  padding: 12px 0;
  background-color: #FFFFFF;
  max-height: 300px !important;
}

.select2-container--default .select2-results__option {
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
  padding: 12px 56px 12px 24px;
}

@media screen and (max-width: 1439px) {
  .select2-container--default .select2-results__option {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .select2-container--default .select2-results__option {
    font-size: 13px;
    line-height: 20px;
    padding: 12px 44px 12px 16px;
  }
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #000000;
  background-color: #F7F7F7;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  color: #000000;
  background-color: #FFFFFF;
  position: relative;
}

.select2-container--default .select2-results__option[aria-selected=true]::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background-image: url(../images/common/icon_check.png);
  background-size: cover;
}

.trp.popupfixed-wrap + .select2-container .select2-dropdown {
  z-index: 9900;
  -webkit-overflow-scrolling: touch;
}

.trp.popupfixed-wrap + .select2-container.select2-container--open .select2-dropdown--above {
  border-bottom: 1px solid #aaa;
}

.increasedzindexclass_pop {
  z-index: 9999;
}

/* ========================  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: 60px;
  padding: 8px 10px 8px 10px;
  font-size: 16px;
  vertical-align: middle;
  border: 1px solid #cdcdcd;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.trp.file-box .btn {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 110px;
  height: 60px;
  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: 60px;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

/* ========================  jQuery datepicker */
.datepicker-box {
  position: relative;
  display: inline-block;
  min-width: 155px;
  height: 60px;
  background-color: #f2f2f2;
}

.datepicker-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  background-color: transparent;
}

.datepicker-box i::after {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url(../images/common/sp_forms.png);
  background-position: -38px 0px;
  width: 23px;
  height: 23px;
}

.datepicker-box.type_label {
  display: block;
  font-size: 0;
}

.datepicker-box.type_label label {
  position: relative;
  display: inline-block;
  padding: 10px 13px 10px 15px;
  font-size: 15px;
  color: #000;
  font-weight: bold;
  width: 88px;
  box-sizing: border-box;
  font-family: "Circular Std";
  line-height: 30px;
}

.datepicker-box.type_label label::after {
  content: '';
  display: block;
  width: 1px;
  height: 15px;
  background-color: #d2d2d2;
  position: absolute;
  top: 18px;
  right: 0px;
}

.datepicker-box.type_label input {
  width: calc( 100% - 88px);
  vertical-align: top;
  padding-right: 70px;
  text-align: center;
}

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

.ui-datepicker-title .ui-datepicker-year {
  line-height: 38px;
  color: #FF5A00;
}

.ui-datepicker .ui-datepicker-header {
  border: 0;
  border-bottom: 1px solid #f3f3f3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  top: 7px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-image: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 7px;
  background-color: #999999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 7px;
  background-color: #999999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: 7px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-image: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 8px;
  background-color: #999999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 8px;
  background-color: #999999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui-datepicker-calendar tbody tr td .ui-state-default {
  width: 20px;
  padding: .15em .2em .05em;
  line-height: 1.7;
  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: #FF5A00;
  border-radius: 50%;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-week-end:first-child .ui-state-default {
  color: #FF5A00;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-week-end.ui-datepicker-today .ui-state-default {
  color: #ffffff;
}

/* 월 달력 */
.monthPicker .year {
  height: 40px;
  background-color: #fff;
  border-bottom: 1px solid #f3f3f3;
}

.monthPicker .year strong {
  line-height: 28px;
  color: #FF5A00;
  font-size: 15px;
  font-weight: bold;
}

.monthPicker .year > span:first-child {
  top: 6px;
  left: 2px;
}

.monthPicker .year > span:last-child {
  top: 6px;
  right: 2px;
}

.monthPicker .year .prev-btn {
  width: 27px;
  height: 27px;
  border: 0;
}

.monthPicker .year .prev-btn a {
  border: 0;
}

.monthPicker .year .prev-btn a::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 7px;
  background-color: #999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .year .prev-btn a::after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 7px;
  background-color: #999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year .prev-btn a:hover {
  background-color: #ededed;
  border: 1px solid #ccc;
}

.monthPicker .year .next-btn {
  width: 27px;
  height: 27px;
  border: 0;
}

.monthPicker .year .next-btn a {
  border: 0;
}

.monthPicker .year .next-btn a::before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 8px;
  background-color: #999;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.monthPicker .year .next-btn a::after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 8px;
  background-color: #999;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.monthPicker .year .next-btn a:hover {
  background-color: #ededed;
  border: 1px solid #ccc;
}

/* 커스텀 카운터 인풋 박스 */
.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: 30px;
  height: 30px;
  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 #cdcdcd;
}

.ui-count .arrow_up::after {
  top: 7px;
  border-style: solid;
  border-width: 0px 4px 5px 4px;
  height: 0;
  border-color: transparent transparent rgba(0, 0, 0, 0.87) transparent;
}

.ui-count .arrow_down {
  bottom: 0px;
  right: 0;
  border-top: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
}

.ui-count .arrow_down::after {
  top: 8px;
  border-style: solid;
  border-width: 5px 4px 0px 4px;
  height: 0;
  border-color: rgba(0, 0, 0, 0.87) transparent transparent transparent;
}

/* ========================  timepicker */
.ui-ampm {
  position: relative;
  display: inline-block;
  width: 50px;
  min-width: 50px;
  height: 60px;
  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: 60px;
  width: 170px;
  z-index: 10;
}

.timepicker-box {
  position: relative;
  display: inline-block;
  min-width: 150px;
  width: 160px;
  height: 60px;
  background-color: #fff;
}

.timepicker-box input {
  width: 100%;
  padding-right: 35px;
  z-index: 1;
  background-color: transparent;
}

.timepicker-box input:read-only {
  background-color: transparent;
}

.timepicker-box input.br {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.timepicker-box i::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url(../images/common/sp_forms.png);
  background-position: 0px -38px;
  width: 23px;
  height: 23px;
}

/* ========================  starpoint */
.starpoint-box .star {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.starpoint-box .star:after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png);
  background-position: -101px -30px;
  width: 20px;
  height: 20px;
}

.starpoint-box .star.on:after {
  background-image: url(../images/common/sp_forms.png);
  background-position: -101px -60px;
  width: 20px;
  height: 20px;
}

/* ========================  jQuery tooltip */
/* icon_tooltip */
.icon_tooltip {
  display: inline-block;
  width: 14px;
  height: 14px;
  color: #fff;
}

.icon_tooltip:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/common/form-tooltip.svg") no-repeat center;
  background-size: cover;
}

.ui-tooltip {
  font-size: 12px;
  color: #fff;
}

.ui-tooltip.ui-widget-shadow {
  box-shadow: none;
  /* box-shadow: 0 2px 1px 0 rgba(0,0,0,0.16) */
}

.ui-tooltip.ui-widget.ui-widget-content {
  padding: 16px;
  border-radius: 0;
  border: 0px;
  background: #262626;
  text-align: center;
}

.ui-tooltip.ui-widget.ui-widget-content .ui-tooltip-content {
  font-size: 12px;
  color: #fff;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

@media screen and (max-width: 1023px) {
  .ui-tooltip.ui-widget.ui-widget-content {
    padding: 8px 12px;
  }
}

.ui-tooltip .arrow {
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -8px;
  overflow: hidden;
  box-shadow: 0;
  background-image: url(../images/common/sp_forms.png);
  background-position: -46px -101px;
  width: 16px;
  height: 8px;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ui-tooltip .arrow.top {
  top: -8px;
  bottom: auto;
  margin-left: -8px;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-image: url(../images/common/sp_forms.png);
  background-position: -46px -101px;
  width: 16px;
  height: 8px;
}

.ui-tooltip .arrow.left {
  left: -4px;
  right: auto;
  bottom: auto;
  top: 50%;
  margin-top: -4px;
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.ui-tooltip .arrow.right {
  left: auto;
  right: -4px;
  bottom: auto;
  top: 50%;
  margin-top: -4px;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ui-tooltip .arrow.top:after {
  bottom: -8px;
  top: auto;
}

body {
  /* 가로 horizontal */
}

body .mCustomScrollBox {
  /* ===  컨텐츠 영역  === */
  /* === 스크롤 바 영역 === */
  /* 세로  */
}

body .mCustomScrollBox .mCSB_container {
  margin-right: 0px;
}

body .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.4);
}

body .mCustomScrollBox .mCSB_scrollTools {
  opacity: 1;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger {
  opacity: 1;
  border-radius: 0;
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.4);
}

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

body .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.41);
}

body .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  border-radius: 0;
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical {
  width: 5px;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger {
  right: 0px;
  width: 5px;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
  border-radius: 0;
}

body .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 5px;
}

body .mCustomScrollbar_x {
  overflow-x: auto;
  white-space: nowrap;
}

body .mCustomScrollbar_x .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 15px;
}

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

body .select_list {
  overflow-y: auto;
  scrollbar-arrow-color: #ffffff;
  scrollbar-Face-Color: #dadada;
  scrollbar-Track-Color: #ffffff;
  scrollbar-base-color: #ffffff;
  scrollbar-3dLight-Color: #f3f3f3;
  scrollbar-DarkShadow-Color: #f3f3f3;
  scrollbar-Highlight-Color: #f3f3f3;
  scrollbar-Shadow-Color: #f3f3f3;
}

body .select_list::-webkit-scrollbar {
  width: 6px;
}

body .select_list::-webkit-scrollbar-button:start:decrement, body .select_list::-webkit-scrollbar-button:end:increment {
  display: block;
  width: 0px;
  height: 0px;
}

body .select_list::-webkit-scrollbar-thumb {
  background-color: #999999;
}

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

@media screen and (max-width: 767px) {
  html.lang-en #header .change_gnb .sub_nav .in_box .gnb_list dl dd ul li a.tb3 {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  html.lang-ko #header .change_gnb .sub_nav .in_box .gnb_list dl dd ul li a.tb3 {
    font-size: 14px;
  }
}

html.lang-ko #header .change_gnb .sub_nav .in_box .gnb_list dl dd ul li a.tb3.en {
  font-size: 16px;
}

@media screen and (max-width: 1439px) {
  html.lang-ko #header .change_gnb .sub_nav .in_box .gnb_list dl dd ul li a.tb3.en {
    font-size: 14px;
  }
}

/* header.scss */
#header {
  background-color: #121212;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 50;
  transition: all 0.25s ease-in-out;
  /* 타블릿 */
  /* 모바일 */
}

#header::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 48px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

#header.fixed_hide {
  top: -120px;
}

@media screen and (max-width: 767px) {
  #header.fixed_hide {
    top: -56px;
  }
}

#header.fixed_up {
  top: -48px;
}

#header .inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 48px 48px 0;
  position: relative;
  opacity: 1;
}

#header .logo {
  display: inline-block;
  vertical-align: top;
  padding: 8px 0 16px;
  margin-right: 16px;
}

#header .logo a {
  display: block;
}

#header .logo a img {
  height: 48px;
}

#header .change_gnb {
  display: inline-block;
}

#header .change_gnb .gnb_items {
  padding: 24px 0;
}

#header .change_gnb .gnb_items:after {
  content: '';
  display: block;
  clear: both;
}

#header .change_gnb .gnb_items li {
  float: left;
  position: relative;
  margin: 0 0 0 32px;
}

#header .change_gnb .gnb_items li a {
  display: block;
  color: #FFFFFF;
}

#header .change_gnb .gnb_items li a .tb4 {
  font-size: 16px;
  font-family: 'Circular Std';
}

#header .change_gnb .gnb_items li a span, #header .change_gnb .gnb_items li a .spf {
  vertical-align: middle;
}

#header .change_gnb .gnb_items li a .spf {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  margin-left: 2px;
}

#header .change_gnb .gnb_items li a .spf::before {
  font-size: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  transition: all 0.35s ease-in-out;
}

#header .change_gnb .gnb_items li a.on .spf::before {
  transform: rotate(180deg);
}

#header .change_gnb .sub_nav {
  position: absolute;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 2;
  display: block;
}

#header .change_gnb .sub_nav::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: -50%;
  right: -50%;
  height: 100%;
  background: #1A1A1A;
  z-index: -1;
}

#header .change_gnb .sub_nav .in_box {
  display: none;
}

#header .change_gnb .sub_nav .sub_nav_close {
  display: none;
}

#header .change_gnb .sub_nav.menu_open {
  /* display:block;  */
}

#header .change_gnb .sub_nav.menu_open .sub_nav_close {
  display: block;
}

#header .change_gnb .sub_nav .sub_nav_close {
  position: absolute;
  top: 40px;
  right: 48px;
  font-size: 0;
  width: 24px;
  height: 24px;
}

#header .change_gnb .sub_nav .sub_nav_close .spf {
  width: 24px;
  height: 24px;
  line-height: 24px;
  transition: all 0.35s ease-in-out;
}

#header .change_gnb .sub_nav .sub_nav_close .spf::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
}

#header .change_gnb .sub_nav .in_box {
  padding: 40px 48px;
  max-width: 1440px;
  margin: 0 auto;
}

#header .change_gnb .sub_nav .in_box.active .gnb_list dl:nth-child(1) {
  transition-delay: 0.2s;
}

#header .change_gnb .sub_nav .in_box.active .gnb_list dl:nth-child(2) {
  transition-delay: 0.3s;
}

#header .change_gnb .sub_nav .in_box.active .gnb_list dl:nth-child(3) {
  transition-delay: 0.4s;
}

#header .change_gnb .sub_nav .in_box.active .gnb_list dl:nth-child(4) {
  transition-delay: 0.5s;
}

#header .change_gnb .sub_nav .in_box.active .gnb_list dl:nth-child(5) {
  transition-delay: 0.6s;
}

#header .change_gnb .sub_nav .in_box.active .gnb_list dl:nth-child(6) {
  transition-delay: 0.7s;
}

#header .change_gnb .sub_nav .in_box.active .gnb_list dl {
  opacity: 1;
  margin-left: 0;
}

#header .change_gnb .sub_nav .in_box .tite {
  margin-bottom: 40px;
  font-size: 26px;
}

#header .change_gnb .sub_nav .in_box .gnb_list {
  display: block;
  overflow: hidden;
}

#header .change_gnb .sub_nav .in_box .gnb_list a {
  display: block;
}

#header .change_gnb .sub_nav .in_box .gnb_list dl {
  width: 20%;
  float: left;
  /* margin-left: -30px; */
  opacity: 0;
  /* @include transition(margin-left, 2.3s, ease-out); */
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

#header .change_gnb .sub_nav .in_box .gnb_list dl dt .spf {
  display: none;
}

#header .change_gnb .sub_nav .in_box .gnb_list dl dt .tt5 {
  font-size: 20px;
}

#header .change_gnb .sub_nav .in_box .gnb_list dl dd {
  margin-top: 32px;
}

#header .change_gnb .sub_nav .in_box .gnb_list dl dd ul li {
  margin-top: 12px;
}

#header .change_gnb .sub_nav .in_box .gnb_list dl dd ul li a {
  color: rgba(255, 255, 255, 0.87);
  font-size: 14px;
}

@media screen and (max-width: 1439px) {
  #header .change_gnb .sub_nav .in_box .gnb_list dl dd {
    margin-top: 24px;
  }
}

#header .change_gnb .sub_nav .in_box .gnb_list dl.long_sell {
  width: 30%;
}

#header .change_gnb .sub_nav .in_box .gnb_list dl.long_sell dd .sitemap-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 200px;
  margin-top: -12px;
}

#header .change_gnb .sub_nav .in_box .gnb_list .sitemap-list.ko .tb3 {
  font-family: "CJ ONLYONE NEW title";
}

#header .fix_menu {
  position: absolute;
  right: 48px;
  top: 13px;
}

#header .fix_menu .sns-list, #header .fix_menu .link_items {
  display: inline-block;
  vertical-align: top;
}

#header .fix_menu .sns-list:after, #header .fix_menu .link_items:after {
  content: '';
  display: block;
  clear: both;
}

#header .fix_menu .sns-list {
  display: none;
}

#header .fix_menu .sns-list li {
  float: left;
  color: #fff;
  margin-left: 30px;
}

#header .fix_menu .sns-list li:first-child {
  margin-left: 0;
}

#header .fix_menu .sns-list li .spf {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#header .fix_menu .sns-list li .spf::before {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

#header .fix_menu .link_items > li {
  float: left;
  position: relative;
  margin: 0  0 0 18px;
}

#header .fix_menu .link_items > li a, #header .fix_menu .link_items > li .icon_tooltip {
  vertical-align: middle;
}

#header .fix_menu .link_items > li span, #header .fix_menu .link_items > li .spf {
  vertical-align: middle;
  margin-left: 2px;
}

#header .fix_menu .link_items > li a {
  display: inline-block;
  color: #FFFFFF;
}

#header .fix_menu .link_items > li a .spf {
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  overflow: hidden;
  vertical-align: middle;
}

#header .fix_menu .link_items > li a .spf::before {
  font-size: 12px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}

#header .fix_menu .link_items > li .icon_tooltip {
  margin-left: 5px;
  display: none;
}

#header .fix_menu .language .select_value {
  color: #FFFFFF;
}

#header .fix_menu .language .select_value .spf {
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  overflow: hidden;
  vertical-align: middle;
}

#header .fix_menu .language .select_value .spf::before {
  font-size: 12px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}

#header .fix_menu .language .select_value .select_text {
  min-width: 20px;
}

#header .fix_menu .language .select_list {
  background: #262626;
  left: auto;
  width: 140px;
}

#header .fix_menu .language .select_list ul li:hover {
  background: #333;
}

#header .fix_menu .language .select_list ul li a {
  padding: 12px 48px 12px 24px;
  display: block;
}

#header .fix_menu .language .select_list ul li.active a::after {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-image: url(../images/common/icon_select_check_w.png);
}

#header .btn-hamburger {
  position: absolute;
  top: 24px;
  right: 0px;
  color: #FFFFFF;
  display: none;
}

#header .btn-hamburger i.spf {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#header .btn-hamburger i.spf:before {
  padding-top: 0px;
  display: block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  box-sizing: border-box;
}

#header .mb_gnb_layer_close {
  display: none;
}

#header .sub_nav_back {
  position: absolute;
  top: 24px;
  left: 48px;
  font-size: 0;
  width: 24px;
  height: 24px;
  display: none;
}

#header .sub_nav_back .spf {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#header .sub_nav_back .spf::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1279px) {
  #header::before {
    display: none;
  }
  #header.fixe_hide {
    top: -72px;
  }
  #header.fixed_up {
    top: 0px;
  }
  #header .inner {
    padding-top: 0;
    height: 72px;
  }
  #header .header_top .logo {
    padding: 16px 0;
    margin-top: 0;
  }
  #header .header_top .logo img {
    height: 40px;
  }
  #header .btn-hamburger {
    display: block;
    top: 24px;
    right: 48px;
  }
  #header .btn-hamburger i.spf {
    width: 24px;
    height: 24px;
    font-size: 0;
  }
  #header .btn-hamburger i.spf:before {
    padding-top: 0px;
    display: block;
    font-size: 24px;
    line-height: 24px;
  }
  #header .mb_gnb_layer_close {
    position: absolute;
    top: 24px;
    right: 48px;
    font-size: 0;
    color: #fff;
    display: block;
    width: 24px;
    height: 24px;
    z-index: 3;
  }
  #header .mb_gnb_layer_close .spf {
    width: 24px;
    height: 24px;
    line-height: 24px;
    transition: all 0.35s ease-in-out;
  }
  #header .mb_gnb_layer_close .spf::before {
    font-size: 24px;
    width: 24px;
    height: 24px;
  }
  #header .sub_nav_back {
    display: none;
  }
  #header .change_gnb {
    display: block;
    width: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 72px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  #header .change_gnb .mb_gnb_layer_close {
    display: none;
  }
  #header .change_gnb .link_items {
    display: none;
  }
  #header .change_gnb .gnb_items, #header .change_gnb .sub_nav {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
  }
  #header .change_gnb .gnb_items li a .tb4, #header .change_gnb .sub_nav li a .tb4 {
    font-size: 22px;
    line-height: 28px;
  }
  #header .change_gnb .gnb_items .tite, #header .change_gnb .sub_nav .tite {
    font-size: 22px;
    line-height: 28px;
  }
  #header .change_gnb .gnb_items {
    padding: 32px 0;
    display: block;
    margin: 0 48px;
  }
  #header .change_gnb .gnb_items > li {
    display: block;
    float: none;
    padding: 12px 0;
    margin: 0;
  }
  #header .change_gnb .gnb_items > li:first-child {
    padding-top: 0;
  }
  #header .change_gnb .gnb_items > li > a > .spf {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    transform: rotate(270deg);
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  #header .change_gnb .gnb_items > li > a > .spf::before {
    font-size: 24px;
    width: 24px;
    height: 24px;
  }
  #header .change_gnb .gnb_items > li > a.on .spf::before {
    transform: rotate(0);
  }
  #header .change_gnb .sub_nav {
    display: block;
    width: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 1;
    z-index: 3;
    background: #121212;
    padding: 72px 0px;
  }
  #header .change_gnb .sub_nav::before {
    display: none;
  }
  #header .change_gnb .sub_nav .in_box {
    padding: 0;
    width: calc( 100vw - 96px);
  }
  #header .change_gnb .sub_nav .in_box .tite {
    margin: 32px 0 28px;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list {
    display: block;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl {
    width: 100%;
    float: none;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl dt {
    padding: 10px 0;
    position: relative;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl dt .tt5 {
    font-size: 16px;
    line-height: 24px;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl dt .spf {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: block;
    transition: all 0.35s ease-in-out;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl dt .spf::before {
    font-size: 24px;
    width: 24px;
    height: 24px;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl dd {
    margin-top: 0;
    display: none;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl dd ul li {
    padding: 10px 24px;
    margin-top: 0;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl dd ul li .tb3 {
    font-size: 14px;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl.long_sell {
    width: 100%;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl.long_sell dd .sitemap-list {
    display: block;
    height: auto;
    margin-top: 0;
  }
  #header .change_gnb .sub_nav .in_box .gnb_list dl.sub_open dt > a > .spf {
    transform: rotate(180deg);
  }
  #header .change_gnb .sub_nav.menu_open {
    width: 100%;
    padding: 72px 48px;
    opacity: 1;
  }
  #header .change_gnb .sub_nav.menu_open .sub_nav_close {
    display: none;
  }
  #header .change_gnb .sub_nav.menu_open .sub_nav_back {
    display: block;
  }
  #header .change_gnb .sub_nav.menu_open .in_box.active .gnb_list dl {
    opacity: 1;
    margin-left: 0;
    transition-delay: 0.15s;
  }
  #header .change_gnb .fix_menu {
    position: absolute;
    top: auto;
    left: 48px;
    bottom: 48px;
    display: block;
    opacity: 0;
  }
  #header .change_gnb .fix_menu .sns-list {
    display: block;
  }
  #header .change_gnb .fix_menu .link_items {
    margin-top: 11px;
  }
  #header .change_gnb .fix_menu .link_items li {
    display: block;
    float: none;
    margin: 24px 0 0 0;
  }
  #header .change_gnb .fix_menu .link_items li:nth-child(4) {
    position: absolute;
    right: 0;
    bottom: 44px;
  }
  #header .change_gnb .fix_menu .link_items li:last-child {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  #header .change_gnb .fix_menu .language {
    margin-bottom: 0;
  }
  #header .change_gnb .fix_menu .language .select_value {
    margin-bottom: 0;
  }
  #header .change_gnb .fix_menu .language .select_list {
    bottom: 26px;
  }
  #header .change_gnb .fix_menu .language .select_list ul li {
    margin: 0;
  }
  #header .change_gnb .fix_menu .language .select_list ul li:last-child {
    position: static;
  }
  #header .change_gnb.hm-open {
    display: block;
    z-index: 2;
    background: #121212;
    /* background: #121212; */
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 100%;
  }
  #header .change_gnb.hm-open .mb_gnb_layer_close {
    display: block;
  }
  #header .change_gnb.hm-open .link_items {
    display: block;
  }
  #header .change_gnb.hm-open .gnb_items,
  #header .change_gnb.hm-open .fix_menu {
    opacity: 1;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    transition-delay: 0.15s;
  }
  #header .change_gnb.hm-open .sub_nav {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
}

@media screen and (max-width: 767px) {
  #header .inner {
    padding: 0 24px;
    height: 56px;
  }
  #header .header_top .logo {
    padding: 8px 0;
  }
  #header .header_top .logo img {
    height: 40px;
  }
  #header .btn-hamburger {
    display: block;
    top: 16px;
    right: 24px;
  }
  #header .mb_gnb_layer_close {
    top: 16px;
    right: 24px;
  }
  #header .sub_nav_back {
    top: 16px;
    left: 24px;
  }
  #header .change_gnb {
    padding-top: 56px;
  }
  #header .change_gnb .gnb_items {
    padding: 16px 0;
    margin: 0 24px;
  }
  #header .change_gnb .fix_menu {
    left: 24px;
    right: 24px;
    bottom: 32px;
  }
  #header .change_gnb .sub_nav {
    padding: 56px 0px;
  }
  #header .change_gnb .sub_nav .in_box .tite {
    margin: 16px 0;
  }
  #header .change_gnb.hm-open .sub_nav.menu_open {
    padding: 56px 24px;
  }
}

/* footer.scss */
#footer {
  position: relative;
  background: #000;
  /* inner */
}

#footer > .inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
}

#footer > .inner.type_full {
  padding: 0;
}

@media screen and (max-width: 1439px) {
  #footer > .inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 48px;
  }
  #footer > .inner.type_full {
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  #footer > .inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 48px;
  }
  #footer > .inner.type_full {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  #footer > .inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
  }
  #footer > .inner.type_full {
    padding: 0;
  }
}

#footer .footer-panle {
  /* 로케이션 */
  /* 사이트맵 */
  /* footer-aera */
}

#footer .footer-panle .fp-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#footer .footer-panle .tb1 {
  font-weight: 400;
}

#footer .footer-panle .fp-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 1023px) {
  #footer .footer-panle .fp-footer {
    border-top: 0;
  }
}

#footer .footer-panle .location-area {
  padding: 16px 0;
}

#footer .footer-panle .location-area .location-box {
  position: relative;
  color: #fff;
}

#footer .footer-panle .location-area .location-box a {
  color: rgba(255, 255, 255, 0.87);
  display: inline-block;
  font-weight: 400;
}

#footer .footer-panle .location-area .location-box a:hover span {
  text-decoration: underline #fff;
}

#footer .footer-panle .location-area .location-box .disabled {
  color: rgba(255, 255, 255, 0.42);
}

#footer .footer-panle .location-area .location-box ul {
  font-size: 0;
}

#footer .footer-panle .location-area .location-box ul li {
  display: inline-block;
  color: rgba(255, 255, 255, 0.87);
}

#footer .footer-panle .location-area .location-box ul li a {
  color: rgba(255, 255, 255, 0.87);
  display: inline-block;
  font-weight: 400;
}

#footer .footer-panle .location-area .location-box ul li a:hover span {
  text-decoration: underline #fff;
}

#footer .footer-panle .location-area .location-box ul li .disabled {
  color: rgba(255, 255, 255, 0.42);
}

#footer .footer-panle .location-area .location-box ul li:last-child span {
  color: #fff;
}

#footer .footer-panle .location-area .location-box span, #footer .footer-panle .location-area .location-box i {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  font-weight: 400;
}

#footer .footer-panle .location-area .location-box i {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-right: 4px;
}

#footer .footer-panle .location-area .location-box i::before {
  color: rgba(255, 255, 255, 0.62);
}

@media screen and (max-width: 1439px) {
  #footer .footer-panle .location-area {
    padding: 14px 0;
  }
  #footer .footer-panle .location-area .location-box {
    position: relative;
  }
  #footer .footer-panle .location-area .location-box span, #footer .footer-panle .location-area .location-box i {
    display: inline-block;
    color: rgba(255, 255, 255, 0.87);
    line-height: 20px;
  }
  #footer .footer-panle .location-area .location-box i {
    width: 20px;
    height: 20px;
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media screen and (max-width: 1023px) {
  #footer .footer-panle .location-area {
    padding: 14px 0;
  }
}

@media screen and (max-width: 767px) {
  #footer .footer-panle .location-area {
    padding: 16px 0;
  }
  #footer .footer-panle .location-area .location-box {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  #footer .footer-panle .location-area .location-box span, #footer .footer-panle .location-area .location-box i {
    display: inline-block;
    color: rgba(255, 255, 255, 0.87);
    line-height: 16px;
  }
  #footer .footer-panle .location-area .location-box i {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    margin-right: 4px;
  }
}


#footer .footer-panle .location-area .location-box.new-type{

}

#footer .footer-panle .location-area .location-box.new-type li{
  position: relative;
  padding-left: 28px;
  display: inline
}

#footer .footer-panle .location-area .location-box.new-type li::after {
  content: "";
  display: inline;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.8999 11.9999L8.9502 7.0502L10.3644 5.63599L16.7284 11.9999L10.3644 18.3639L8.9502 16.9497L13.8999 11.9999Z" fill="white" fill-opacity="0.62"/></svg>');
}   

/* #footer .footer-panle .location-area .location-box.new-type li span{
  display: inline;
} */

#footer .footer-panle .location-area .location-box.new-type li span,
#footer .footer-panle .location-area .location-box.new-type ul li a{
  display: inline;
  
}

#footer .footer-panle .location-area .location-box.new-type ul li .tb4{
  opacity: 0.99;
}

@media screen and (max-width: 1439px) {
  #footer .footer-panle .location-area .location-box.new-type li{
    padding-left: 24px;
  }

  #footer .footer-panle .location-area .location-box.new-type li::after {
    width: 20px;
    height: 20px;
    background-size: 100%;
  }   
}

@media screen and (max-width: 767px) {
  #footer .footer-panle .location-area .location-box.new-type li{
    padding-left: 20px;
  }
  
  #footer .footer-panle .location-area .location-box.new-type li::after {
    width: 16px;
    height: 16px;
    background-size: 100%;
  }
}

#footer .footer-panle .location-area .location-box.new-type li:first-child{
  padding-left: 0;
}
#footer .footer-panle .location-area .location-box.new-type li:first-child::after{
  background-image: none;
}





#footer .footer-panle .sitemap-area {
  touch-action: auto;
}

#footer .footer-panle .sitemap-area .sitemap-inner {
  width: 100%;
  padding: 48px 0 40px;
}

#footer .footer-panle .sitemap-area .sitemap-inner:after {
  content: '';
  display: block;
  clear: both;
}

#footer .footer-panle .sitemap-area .sitemap_de-list {
  float: left;
  width: 20%;
  padding: 0 16px;
  box-sizing: border-box;
  color: #efefef;
}

#footer .footer-panle .sitemap-area .sitemap_de-list dt {
  color: #efefef;
  padding: 14px 0;
}

#footer .footer-panle .sitemap-area .sitemap_de-list dt .open {
  display: none;
  cursor: pointer;
}

#footer .footer-panle .sitemap-area .sitemap_de-list dt a {
  display: block;
}

#footer .footer-panle .sitemap-area .sitemap_de-list dt a i {
  margin-left: 4px;
}

#footer .footer-panle .sitemap-area .sitemap_de-list dt span {
  display: inline-block;
  line-height: 24px;
}

#footer .footer-panle .sitemap-area p.sitemap_de-list {
  padding: 16px;
}

#footer .footer-panle .sitemap-area p.sitemap_de-list .spf {
  margin-left: 5px;
}

@media screen and (max-width: 1439px) {
  #footer .footer-panle .sitemap-area p.sitemap_de-list .spf {
    width: 16px;
    height: 16px;
  }
  #footer .footer-panle .sitemap-area p.sitemap_de-list .spf::before {
    font-size: 16px;
    width: 16px;
    height: 16px;
  }
}

@media screen and (max-width: 1023px) {
  #footer .footer-panle .sitemap-area p.sitemap_de-list .spf {
    width: 24px;
    height: 24px;
  }
  #footer .footer-panle .sitemap-area p.sitemap_de-list .spf::before {
    font-size: 24px;
    width: 24px;
    height: 24px;
  }
}

#footer .footer-panle .sitemap-area .sitemap-list li {
  padding: 6px 0;
  color: rgba(255, 255, 255, 0.87);
}

#footer .footer-panle .sitemap-area .sitemap-list li a, #footer .footer-panle .sitemap-area .sitemap-list li span {
  display: inline-block;
  line-height: 24px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  #footer .footer-panle .sitemap-area .sitemap-list li a, #footer .footer-panle .sitemap-area .sitemap-list li span {
    line-height: 16px;
  }
  #footer .footer-panle .sitemap-area .sitemap-list li .tb4 {
    font-size: 12px;
    line-height: 16px;
  }
  #footer .footer-panle .sitemap-area .sitemap-list.ko li .tb4 {
    font-size: 12px;
    line-height: 16px;
  }
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap-inner {
  width: 100%;
  margin-left: 0;
  padding: 24px 0 0;
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap_de-list {
  width: 100%;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap_de-list:first-child {
  border-top: 0;
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap_de-list a {
  display: block;
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap_de-list .open {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap_de-list dt {
  padding: 14px 48px 14px 0;
  position: relative;
}

@media screen and (max-width: 1023px) {
  #footer .footer-panle .sitemap-area.mobile-sample .sitemap_de-list dt .spf {
    width: 24px;
    height: 24px;
  }
  #footer .footer-panle .sitemap-area.mobile-sample .sitemap_de-list dt .spf::before {
    font-size: 24px;
    width: 24px;
    height: 24px;
  }
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap_de-list.active dt .open {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap_de-list.active .sitemap-list {
  display: block;
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap_de-list.active .sitemap-list li {
  padding: 12px 16px;
}

#footer .footer-panle .sitemap-area.mobile-sample p.sitemap_de-list {
  padding: 14px 48px 14px 0;
  position: relative;
}

#footer .footer-panle .sitemap-area.mobile-sample p.sitemap_de-list .spf.spf-nav-outlink {
  position: absolute;
  right: 0;
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap-list {
  display: none;
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap-list.on {
  display: block;
}

#footer .footer-panle .sitemap-area.mobile-sample .sitemap-list.on li {
  padding: 10px 16px;
}

#footer .footer-panle .footer-aera {
  position: relative;
  padding: 40px 0 80px;
}

#footer .footer-panle .footer-aera .link-list {
  font-size: 0;
}

#footer .footer-panle .footer-aera .link-list ul {
  display: inline-block;
  width: 100%;
}

#footer .footer-panle .footer-aera .link-list ul li {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  padding-right: 13px;
}

#footer .footer-panle .footer-aera .link-list ul li::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.87);
  position: absolute;
  top: 2px;
  right: 0;
}

#footer .footer-panle .footer-aera .link-list ul li:last-child::after {
  display: none;
}

#footer .footer-panle .footer-aera .link-list ul li a {
  display: block;
  color: rgba(255, 255, 255, 0.87);
}

#footer .footer-panle .footer-aera .link-list .tit {
  color: rgba(255, 255, 255, 0.87);
  cursor: pointer;
}

#footer .footer-panle .footer-aera .link-list .tit .spf {
  vertical-align: middle;
}

#footer .footer-panle .footer-aera .link-list .is_mo {
  display: none;
}

@media screen and (max-width: 1439px) {
  #footer .footer-panle .footer-aera .link-list {
    width: 60%;
    max-width: 560px;
  }
  #footer .footer-panle .footer-aera .link-list li {
    margin-top: 8px;
  }
  #footer .footer-panle .footer-aera .link-list li:nth-child(4)::after {
    display: none;
  }
  #footer .footer-panle .footer-aera .link-list.ko li:nth-child(4)::after {
    display: block;
  }
  #footer .footer-panle .footer-aera .link-list.ko li:nth-child(5)::after {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  #footer .footer-panle .footer-aera .link-list .is_pc {
    display: none;
  }
  #footer .footer-panle .footer-aera .link-list .is_mo {
    display: block;
  }
  #footer .footer-panle .footer-aera .link-list ul li {
    display: block;
    margin: 0;
    margin-top: 24px;
  }
  #footer .footer-panle .footer-aera .link-list ul li::after {
    display: none !important;
  }
  #footer .footer-panle .footer-aera .link-list ul li:first-child {
    margin-top: 0;
  }
  #footer .footer-panle .footer-aera .link-list .hide_mo {
    position: relative;
  }
  #footer .footer-panle .footer-aera .link-list .hide_mo .tit {
    margin-top: 24px;
  }
  #footer .footer-panle .footer-aera .link-list .hide_mo .box {
    background: #262626;
    padding: 12px 0;
    width: 237px;
    position: absolute;
    bottom: 24px;
    display: none;
  }
  #footer .footer-panle .footer-aera .link-list .hide_mo .box ul li {
    padding: 12px 44px 12px 16px;
    display: block;
    margin: 0;
  }
  #footer .footer-panle .footer-aera .link-list .hide_mo .box ul li .tb7 {
    line-height: 20px;
    font-size: 14px;
  }
  #footer .footer-panle .footer-aera .link-list .hide_mo .box ul li:hover {
    background: #333;
  }
  #footer .footer-panle .footer-aera .link-list .hide_mo.active .tit .spf {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #footer .footer-panle .footer-aera .link-list .hide_mo.active .box {
    display: block;
  }
  #footer .footer-panle .footer-aera .link-list.ko {
    width: 100%;
    max-width: 100%;
  }
  #footer .footer-panle .footer-aera .link-list.ko ul {
    margin-top: -16px;
  }
  #footer .footer-panle .footer-aera .link-list.ko ul li {
    width: 55%;
    float: left;
    padding: 0 21px 0 0;
  }
  #footer .footer-panle .footer-aera .link-list.ko ul li:nth-child(even) {
    width: 45%;
  }
  #footer .footer-panle .footer-aera .link-list.ko ul li:first-child {
    margin-top: 24px;
  }
  #footer .footer-panle .footer-aera .link-list.ko ul li:last-child {
    clear: both;
  }
}

@media screen and (max-width: 767px) {
  #footer .footer-panle .footer-aera .link-list .hide_mo .box {
    width: 230px;
  }
}

#footer .footer-panle .footer-aera .footer-box {
  margin-top: 24px;
}

#footer .footer-panle .footer-aera .footer-box .div_list + .div_list {
  margin-top: 4px;
}

#footer .footer-panle .footer-aera .footer-box .div_list {
  font-size: 0;
}

#footer .footer-panle .footer-aera .footer-box .div_list span {
  position: relative;
  display: inline-block;
  color: rgba(255, 255, 255, 0.62);
  margin-right: 8px;
  padding-right: 9px;
}

#footer .footer-panle .footer-aera .footer-box .div_list span::after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.62);
  position: absolute;
  top: 2px;
  right: 0;
}

#footer .footer-panle .footer-aera .footer-box .div_list span:last-child::after {
  display: none;
}

#footer .footer-panle .footer-aera .footer-box .div_list address span {
  color: rgba(255, 255, 255, 0.62);
}

#footer .footer-panle .footer-aera .footer-box .copyright {
  margin-top: 16px;
}

#footer .footer-panle .footer-aera .footer-box .copyright span {
  color: rgba(255, 255, 255, 0.62);
}

@media screen and (max-width: 1023px) {
  #footer .footer-panle .footer-aera .footer-box {
    margin-top: 32px;
  }
  #footer .footer-panle .footer-aera .footer-box .div_list:nth-child(3) span {
    display: block;
    margin-top: 4px;
  }
  #footer .footer-panle .footer-aera .footer-box .div_list:nth-child(3) span::after {
    display: none;
  }
  #footer .footer-panle .footer-aera .footer-box .div_list:nth-child(3) span:first-child {
    margin-top: 0;
  }
}

#footer .footer-panle .footer-aera .family_site {
  position: absolute;
  top: 40px;
  right: 140px;
}


#footer .footer-panle .footer-aera .family_site.subsidiaries,
#footer .footer-panle .footer-aera .family_site.ko.subsidiaries {
  right: 0px;
}

#footer .footer-panle .footer-aera .family_site .family_tit {
  padding-right: 28px;
  position: relative;
}

#footer .footer-panle .footer-aera .family_site .family_tit span {
  color: rgba(255, 255, 255, 0.87);
}

#footer .footer-panle .footer-aera .family_site .family_tit i {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  transition: all 0.35s ease-in-out;
}

#footer .footer-panle .footer-aera .family_site .family_tit i::before {
  width: 24px;
  height: 24px;
  color: rgba(255, 255, 255, 0.87);
  margin-top: 0;
  /* transition: all 0.45s ease; */
}

#footer .footer-panle .footer-aera .family_site .family_tit.on i {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#footer .footer-panle .footer-aera .family_site .famliy_wrap {
  position: absolute;
  right: 0;
  bottom: 32px;
  background: #262626;
  color: #fff;
  display: none;
  z-index: 41;
  padding: 12px 8px 12px 0;
  width: 240px;
}

#footer .footer-panle .footer-aera .family_site .famliy_wrap .tit, #footer .footer-panle .footer-aera .family_site .famliy_wrap .family_close {
  display: none;
}

#footer .footer-panle .footer-aera .family_site .famliy_wrap .inner {
  height: 430px;
  touch-action: auto;
  -webkit-overflow-scrolling: touch;
}

#footer .footer-panle .footer-aera .family_site .famliy_wrap .inner .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail {
  background: transparent;
}

#footer .footer-panle .footer-aera .family_site .famliy_wrap .inner .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #999;
}

#footer .footer-panle .footer-aera .family_site .famliy_wrap .inner .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #999;
}

#footer .footer-panle .footer-aera .family_site .famliy_wrap .inner dl dt {
  padding: 12px 24px;
}

#footer .footer-panle .footer-aera .family_site .famliy_wrap .inner dl dd {
  padding: 12px 32px;
}

#footer .footer-panle .footer-aera .family_site .famliy_wrap .inner dl dd:hover {
  background: #333;
}

#footer .footer-panle .footer-aera .family_site .famliy_wrap .inner dl dd a {
  display: block;
}

#footer .footer-panle .footer-aera .family_site.active .famliy_wrap {
  display: block;
}

#footer .footer-panle .footer-aera .family_site.subsidiaries.active .famliy_wrap.subsidiaries {
  display: block;
}

@media screen and (max-width: 1439px) {
  #footer .footer-panle .footer-aera .family_site {
    right: 117px;
  }

  #footer .footer-panle .footer-aera .family_site .family_tit {
    padding-right: 18px;
  }
  #footer .footer-panle .footer-aera .family_site .family_tit i {
    margin-top: -6px;
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
  #footer .footer-panle .footer-aera .family_site .family_tit i::before {
    font-size: 16px;
    width: 16px;
    height: 16px;
  }
}

@media screen and (max-width: 1023px) {

  #footer .footer-panle .footer-aera .family_site {
    position: static;
    display: inline-block;
  }

  #footer .footer-panle .footer-aera .family_site .family_tit i::before {
    font-size: 16px;
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap {
    position: absolute;
    right: 0;
    bottom: 32px;
    padding: 0 8px 0 0;
    width: 498px;
    height: 504px;
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap .tit, #footer .footer-panle .footer-aera .family_site .famliy_wrap .family_close {
    display: block;
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap .tit {
    padding: 20px 0;
    margin: 0 8px 0 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap .family_close {
    position: absolute;
    right: 16px;
    top: 20px;
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap .family_close .spf {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap .family_close .spf::before {
    font-size: 24px;
    height: 24px;
    width: 24px;
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap .inner {
    height: 440px;
    padding: 12px 0;
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap .inner dl dt {
    padding: 12px 16px;
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap .inner dl dd {
    padding: 12px 24px;
  }
  #footer .footer-panle .footer-aera .family_site.active::after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 20;
  }
  #footer .footer-panle .footer-aera .family_site.active .famliy_wrap {
    left: 50%;
    top: 50%;
    margin-left: -249px;
    margin-top: -240px;
    position: fixed;
    z-index: 41;
  }
  #footer .footer-panle .footer-aera .family_site + .link-list {
    margin-top: 64px;
  }
  #footer .footer-panle .footer-aera .family_site + .sns-list {
    margin-top: 27px;
  }
}

@media screen and (max-width: 767px) {
  #footer .footer-panle .footer-aera .family_site .family_tit i {
    margin-left: 6px;
    margin-top: -8px;
  }
  #footer .footer-panle .footer-aera .family_site .family_tit i::before {
    font-size: 14px;
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap {
    width: auto;
    height: 488px;
  }
  #footer .footer-panle .footer-aera .family_site .famliy_wrap .inner {
    height: 424px;
  }
  #footer .footer-panle .footer-aera .family_site.active .famliy_wrap {
    left: 24px;
    right: 24px;
    top: 50%;
    margin-left: auto;
    margin-top: -240px;
  }
}

#footer .footer-panle .footer-aera .family_site.ko {
  top: 88px;
  right: 130px;
}


#footer .footer-panle .footer-aera .sns-list {
  position: absolute;
  top: 40px;
  right: 0;
}

#footer .footer-panle .footer-aera .sns-list:after {
  content: '';
  display: block;
  clear: both;
}

#footer .footer-panle .footer-aera .sns-list li {
  float: left;
}

#footer .footer-panle .footer-aera .sns-list li + li {
  margin-left: 24px;
}

#footer .footer-panle .footer-aera .sns-list .spf {
  width: 24px;
  height: 24px;
}

#footer .footer-panle .footer-aera .sns-list .spf:before {
  color: rgba(255, 255, 255, 0.87);
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

@media screen and (max-width: 1023px) {
  #footer .footer-panle .footer-aera .sns-list {
    position: static;
    margin-top: 32px;
  }
  #footer .footer-panle .footer-aera .sns-list + .family_site{
    margin-top: 24px;
  }

  #footer .footer-panle .footer-aera .sns-list + .family_site +  .family_site{
    margin: 24px 0 0 16px;
  }
}

@media screen and (max-width: 1023px) {
  #footer .footer-panle .footer-aera {
    padding: 32px 0 48px;
  }
  #footer .footer-panle .footer-aera .link-list + .family_site {
    margin-top: 32px;
  }

  #footer .footer-panle .footer-aera .link-list + .family_site + .family_site {
    margin: 32px 0 0 16px;
  }
}

@media screen and (max-width: 1439px) {
  #footer .footer-panle.ko .sitemap_de-list .tb1 {
    font-size: 16px;
  }
}

@media screen and (max-width: 1023px) {
  #footer .footer-panle.ko .sitemap_de-list .tb1 {
    font-size: 14px;
  }
}

/* HOME */
.home #footer .footer-panle .fp-header {
  display: none;
}

.home #footer .footer-panle .fp-body {
  border-top: 0;
}

section {
  position: relative;
  padding-bottom: 120px;
  word-break: keep-all;
  /* inner */
}

section:last-child {
  padding-bottom: 200px;
}

@media screen and (max-width: 1439px) {
  section {
    padding-bottom: 96px;
  }
  section:last-child {
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 1023px) {
  section {
    padding-bottom: 80px;
  }
  section:last-child {
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 767px) {
  section {
    padding-bottom: 64px;
  }
  section:last-child {
    padding-bottom: 80px;
  }
}

section .section_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

section .section-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
}

section .section-inner.type_full {
  padding: 0;
}

@media screen and (max-width: 1439px) {
  section .section-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 48px;
  }
  section .section-inner.type_full {
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  section .section-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 48px;
  }
  section .section-inner.type_full {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  section .section-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
  }
  section .section-inner.type_full {
    padding: 0;
  }
}

/* col layout */
.col_layout {
  position: relative;
}

.col2 {
  width: calc(100% + 24px);
  margin-top: -12px;
  margin-left: -12px;
}

.col2 li {
  margin-top: 12px;
  width: 50%;
  padding: 12px;
}

.col2.col-2_2_2_1 {
  width: calc(100% + 24px);
  margin-top: -24px;
  margin-left: -12px;
}

.col2.col-2_2_2_1 li {
  margin-top: 24px;
  width: 50%;
  padding: 0 12px;
}

.col2.col-2_2_2_1 {
  width: calc(100% + 24px);
  margin-top: -24px;
  margin-left: -12px;
}

.col2.col-2_2_2_1 li {
  margin-top: 24px;
  width: 50%;
  padding: 0 12px;
}

@media screen and (max-width: 1439px) {
  .col2.col-2_2_2_1 li {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .col2.col-2_2_2_1 {
    width: 100%;
    margin-top: 0;
    margin-left: 0px;
  }
  .col2.col-2_2_2_1 li {
    margin-top: 24px;
    width: 100%;
    padding: 0px;
  }
  .col2.col-2_2_2_1 li:first-child {
    margin-top: 0;
  }
  .col2.col-2_2_2_1 {
    width: 100%;
    margin-top: 0;
    margin-left: 0px;
  }
  .col2.col-2_2_2_1 li {
    margin-top: 16px;
    width: 100%;
    padding: 0px;
  }
  .col2.col-2_2_2_1 li:first-child {
    margin-top: 0;
  }
}

.col3 {
  width: calc(100% + 48px);
  margin-top: -48px;
  margin-left: -24px;
}

.col3 li {
  margin-top: 48px;
  width: 33.33335%;
  padding: 0 24px;
}

.col3.col-3_3_3_2 {
  width: calc(100% + 24px);
  margin-top: -48px;
  margin-left: -12px;
}

.col3.col-3_3_3_2 li {
  margin-top: 48px;
  width: 33.33335%;
  padding: 0 12px;
}

.col3.col-3_3_2_1 {
  width: calc(100% + 24px);
  margin-top: -48px;
  margin-left: -12px;
}

.col3.col-3_3_2_1 li {
  margin-top: 48px;
  width: 33.33335%;
  padding: 0 12px;
}

.col3.col-3_3_1_1 {
  width: calc(100% + 24px);
  margin-top: -24px;
  margin-left: -12px;
}

.col3.col-3_3_1_1 li {
  margin-top: 24px;
  width: 33.33335%;
  padding: 0 12px;
}

@media screen and (max-width: 1439px) {
  .col3.col-3_3_3_2 {
    width: calc(100% + 24px);
    margin-top: -40px;
    margin-left: -12px;
  }
  .col3.col-3_3_3_2 li {
    margin-top: 40px;
    width: 33.33335%;
    padding: 0 12px;
  }
  .col3.col-3_3_2_1 {
    width: calc(100% + 24px);
    margin-top: -40px;
    margin-left: -12px;
  }
  .col3.col-3_3_2_1 li {
    margin-top: 40px;
    width: 33.33335%;
    padding: 0 12px;
  }
  .col3.col-3_3_1_1 {
    width: calc(100% + 24px);
    margin-top: -40px;
    margin-left: -12px;
  }
  .col3.col-3_3_1_1 li {
    margin-top: 40px;
    width: 33.33335%;
    padding: 0 12px;
  }
}

@media screen and (max-width: 1023px) {
  .col3.col-3_3_3_2 {
    width: calc(100% + 24px);
    margin-top: -40px;
    margin-left: -12px;
  }
  .col3.col-3_3_3_2 li {
    margin-top: 40px;
    width: 33.33335%;
    padding: 0 12px;
  }
  .col3.col-3_3_2_1 {
    width: calc(100% + 24px);
    margin-top: -40px;
    margin-left: -12px;
  }
  .col3.col-3_3_2_1 li {
    margin-top: 32px;
    width: 50%;
    padding: 0 12px 8px;
  }
  .col3.col-3_3_1_1 {
    width: 100%;
    margin-top: 0;
    margin-left: 0px;
  }
  .col3.col-3_3_1_1 li {
    margin-top: 32px;
    width: 100%;
    padding: 0 0px;
  }
  .col3.col-3_3_1_1 li:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .col3.col-3_3_3_2 {
    width: calc(100% + 16px);
    margin-top: -40px;
    margin-left: -8px;
  }
  .col3.col-3_3_3_2 li {
    margin-top: 32px;
    width: 50%;
    padding: 0 8px 8px;
  }
  .col3.col-3_3_2_1 {
    width: 100%;
    margin-top: 0;
    margin-left: 0px;
  }
  .col3.col-3_3_2_1 li {
    margin-top: 24px;
    width: 100%;
    padding: 0px;
  }
  .col3.col-3_3_2_1 li:first-child {
    margin-top: 0;
  }
  .col3.col-3_3_1_1 {
    width: 100%;
    margin-top: 0;
    margin-left: 0px;
  }
  .col3.col-3_3_1_1 li {
    margin-top: 24px;
    width: 100%;
    padding: 0px;
  }
  .col3.col-3_3_1_1 li:first-child {
    margin-top: 0;
  }
}

.col4 {
  width: calc(100% + 24px);
  margin-top: -24px;
  margin-left: -12px;
}

.col4 li {
  margin-top: 24px;
  width: 25%;
  padding: 0 12px;
}

.col4.col-4_4_4_2 {
  width: calc(100% + 24px);
  margin-top: -40px;
  margin-left: -12px;
}

.col4.col-4_4_4_2 li {
  margin-top: 40px;
  width: 25%;
  padding: 0 12px;
}

@media screen and (max-width: 1439px) {
  .col4.col-4_4_4_2 {
    width: calc(100% + 24px);
    margin-top: -32px;
    margin-left: -12px;
  }
  .col4.col-4_4_4_2 li {
    margin-top: 32px;
    width: 25%;
    padding: 0 12px;
  }
}

@media screen and (max-width: 1023px) {
  .col4.col-4_4_4_2 {
    width: calc(100% + 24px);
    margin-top: -32px;
    margin-left: -12px;
  }
  .col4.col-4_4_4_2 li {
    margin-top: 32px;
    width: 25%;
    padding: 0 12px;
  }
}

@media screen and (max-width: 767px) {
  .col4.col-4_4_4_2 {
    width: calc(100% + 16px);
    margin-top: -24px;
    margin-left: -8px;
  }
  .col4.col-4_4_4_2 li {
    margin-top: 24px;
    width: 50%;
    min-width: 50%;
    padding: 0 8px;
  }
}

.col6 {
  width: calc(100% + 24px);
  margin-top: -24px;
  margin-left: -12px;
}

.col6 li {
  margin-top: 24px;
  width: 16.6666%;
  padding: 0 12px;
}

.col6.col-6_6_4_2 {
  width: calc(100% + 24px);
  margin-top: -40px;
  margin-left: -12px;
}

.col6.col-6_6_4_2 li {
  margin-top: 40px;
  width: 16.6666%;
  padding: 0 12px;
  min-width: 227px;
}

@media screen and (max-width: 1439px) {
  .col6.col-6_6_4_2 {
    width: calc(100% + 24px);
    margin-top: -32px;
    margin-left: -12px;
  }
  .col6.col-6_6_4_2 li {
    margin-top: 32px;
    width: 16.6666%;
    padding: 0 12px;
    min-width: 158px;
  }
}

@media screen and (max-width: 1023px) {
  .col6.col-6_6_4_2 {
    width: calc(100% + 24px);
    margin-top: -32px;
    margin-left: -12px;
  }
  .col6.col-6_6_4_2 li {
    margin-top: 32px;
    width: 25%;
    padding: 0 12px;
    min-width: 174px;
  }
}

@media screen and (max-width: 767px) {
  .col6.col-6_6_4_2 {
    width: calc(100% + 16px);
    margin-top: -24px;
    margin-left: -8px;
  }
  .col6.col-6_6_4_2 li {
    margin-top: 24px;
    width: 50%;
    padding: 0 8px;
    min-width: 50%;
  }
}

/* 페널 title */
div[class*="-panel"] .result {
  padding: 0 0 24px;
  margin-top: -24px;
}

@media screen and (max-width: 1023px) {
  div[class*="-panel"] .result {
    padding: 0 0 24px;
    margin-top: -16px;
  }
}

div[class*="-panel"] .p-header {
  position: relative;
  padding: 0 0 48px;
}

div[class*="-panel"] .p-header .title-box {
  padding-right: 150px;
  position: relative;
}

div[class*="-panel"] .p-header .title-box .title span, div[class*="-panel"] .p-header .title-box .title h2 {
  vertical-align: middle;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

div[class*="-panel"] .p-header .title-box .title h2 {
  display: inline-block;
}

div[class*="-panel"] .p-header .title-box .title i {
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: none;
  vertical-align: middle;
  margin-left: 16px;
}

div[class*="-panel"] .p-header .title-box .title i::before {
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
  color: #FF5A00;
  box-sizing: border-box;
}

div[class*="-panel"] .p-header .title-box .btn-hover:hover i {
  -moz-transform: translateX(0.7em);
  -o-transform: translateX(0.7em);
  -ms-transform: translateX(0.7em);
  -webkit-transform: translateX(0.7em);
  transform: translateX(0.7em);
}

div[class*="-panel"] .p-header .title-box .btn-hover .title i {
  display: inline-block;
}

div[class*="-panel"] .p-header .title-box.sm .title i {
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: none;
  margin-left: 16px;
}

div[class*="-panel"] .p-header .title-box.sm .title i::before {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
  color: #FF5A00;
  box-sizing: border-box;
  padding-top: 0;
}

div[class*="-panel"] .p-header .title-box.sm .btn-hover .title i {
  display: inline-block;
}

div[class*="-panel"] .p-header .pageing-box {
  position: absolute;
  top: 11px;
  right: 0;
}

div[class*="-panel"] .p-header .pageing-box .btn-arrow {
  width: 48px;
  height: 48px;
}

div[class*="-panel"] .p-header .pageing-box .btn-arrow i {
  width: 48px;
  height: 48px;
  overflow: hidden;
}

div[class*="-panel"] .p-header .pageing-box .btn-arrow i::before {
  display: block;
  width: 48px;
  height: 48px;
  font-size: 48px;
  box-sizing: border-box;
  padding-top: 11px;
}

div[class*="-panel"] .p-header .pageing-box .btn-arrow + .btn-arrow {
  margin-left: 40px;
}

div[class*="-panel"] .p-header .btn-arrow:disabled, div[class*="-panel"] .p-header .btn-arrow.disabled, div[class*="-panel"] .p-header .btn-arrow.swiper-button-disabled {
  pointer-events: none;
}

div[class*="-panel"] .p-header .btn-arrow:disabled i, div[class*="-panel"] .p-header .btn-arrow.disabled i, div[class*="-panel"] .p-header .btn-arrow.swiper-button-disabled i {
  color: rgba(0, 0, 0, 0.42);
}

div[class*="-panel"] .p-header .desc-box {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.87);
}

div[class*="-panel"] hr {
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

div[class*="-panel"].type-dark .p-header .title-box .title {
  color: #fff;
}

div[class*="-panel"].type-dark .p-header .pageing-box .btn-arrow i {
  color: #fff;
}

div[class*="-panel"].type-dark .p-header .btn-arrow:disabled i, div[class*="-panel"].type-dark .p-header .btn-arrow.disabled i, div[class*="-panel"].type-dark .p-header .btn-arrow.swiper-button-disabled i {
  color: rgba(255, 255, 255, 0.42);
}

div[class*="-panel"].type-dark .p-body {
  color: #fff;
}

div[class*="-panel"].type-dark .p-footer {
  color: #fff;
}

div[class*="-panel"].type-dark hr {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 1439px) {
  div[class*="-panel"] .p-header {
    padding: 0  0 40px;
  }
  div[class*="-panel"] .p-header .title-box .title i {
    width: 32px;
    height: 32px;
    margin-top: 4px;
    margin-left: 12px;
  }
  div[class*="-panel"] .p-header .title-box .title i::before {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    padding-top: 2px;
  }
  div[class*="-panel"] .p-header .title-box.sm .title i {
    width: 24px;
    height: 24px;
    margin-top: 6px;
    margin-left: 10px;
  }
  div[class*="-panel"] .p-header .title-box.sm .title i::before {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    padding: 0;
  }
  div[class*="-panel"] .p-header .pageing-box {
    position: absolute;
    top: 4px;
    right: 0;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow {
    width: 40px;
    height: 40px;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow i {
    width: 40px;
    height: 40px;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow i::before {
    width: 40px;
    height: 40px;
    font-size: 40px;
    padding-top: 10px;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow + .btn-arrow {
    margin-left: 32px;
  }
}

@media screen and (max-width: 1023px) {
  div[class*="-panel"] .p-header {
    padding: 0 0 32px;
  }
  div[class*="-panel"] .p-header .title-box .title i {
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-left: 10px;
  }
  div[class*="-panel"] .p-header .title-box .title i::before {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    padding: 0;
  }
  div[class*="-panel"] .p-header .title-box.sm .title i {
    width: 20px;
    height: 20px;
    margin-top: 6px;
    margin-left: 8px;
  }
  div[class*="-panel"] .p-header .title-box.sm .title i::before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
  }
  div[class*="-panel"] .p-header .pageing-box {
    position: absolute;
    top: 4px;
    right: 0;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow {
    width: 32px;
    height: 32px;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow i {
    width: 32px;
    height: 32px;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow i::before {
    width: 32px;
    height: 32px;
    font-size: 32px;
    padding-top: 6px;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow + .btn-arrow {
    margin-left: 24px;
  }
}

@media screen and (max-width: 767px) {
  div[class*="-panel"] .p-header {
    padding: 0 0 24px;
  }
  div[class*="-panel"] .p-header .title-box {
    padding-right: 0px;
  }
  div[class*="-panel"] .p-header .title-box .title i {
    width: 20px;
    height: 20px;
    margin-top: 8px;
    margin-left: 8px;
    transition: none;
  }
  div[class*="-panel"] .p-header .title-box .title i::before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
  }
  div[class*="-panel"] .p-header .title-box .btn-hover:hover i {
    transform: none;
  }
  div[class*="-panel"] .p-header .title-box.sm .title i {
    width: 16px;
    height: 16px;
    margin-top: 6px;
    margin-left: 8px;
  }
  div[class*="-panel"] .p-header .title-box.sm .title i::before {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
  }
  div[class*="-panel"] .p-header .pageing-box {
    display: none;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow {
    width: 32px;
    height: 32px;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow i {
    width: 32px;
    height: 32px;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow i::before {
    width: 32px;
    height: 32px;
    font-size: 32px;
    margin-top: 6px;
  }
  div[class*="-panel"] .p-header .pageing-box .btn-arrow + .btn-arrow {
    margin-left: 24px;
  }
}

div[class*="-panel"] .p-footer .paging-area {
  display: block;
  margin-top: 64px;
}

@media screen and (max-width: 1439px) {
  div[class*="-panel"] .p-footer .paging-area {
    margin-top: 48px;
  }
}

div[class*="-panel"] .p-footer .btn_set {
  display: none;
}

div[class*="-panel"] .p-footer .btn_set .btn.btn-view_less {
  padding: 0;
  padding-top: 24px;
  width: 100%;
  height: auto;
}

div[class*="-panel"] .p-footer .btn-area {
  margin-top: 80px;
}

div[class*="-panel"] .p-footer .btn_set-single {
  margin-top: 80px;
}

@media screen and (max-width: 1439px) {
  div[class*="-panel"] .p-footer .btn_set-single {
    margin-top: 64px;
  }
}

@media screen and (max-width: 1023px) {
  div[class*="-panel"] .p-footer .btn_set-single {
    margin-top: 64px;
  }
}

@media screen and (max-width: 767px) {
  div[class*="-panel"] .p-footer .btn_set-single {
    margin-top: 48px;
  }
}

@media screen and (max-width: 1439px) {
  div[class*="-panel"] .p-footer .btn-area {
    margin-top: 64px;
  }
}

@media screen and (max-width: 767px) {
  div[class*="-panel"] .p-footer .paging-area {
    display: none;
  }
  div[class*="-panel"] .p-footer .btn_set {
    display: block;
  }
  div[class*="-panel"] .p-footer .btn_set .btn.btn-view_less {
    padding: 0;
    padding-top: 24px;
  }
  div[class*="-panel"] .p-footer .btn_set .btn.btn-view_less.on .spf:before {
    transform: rotate(180deg);
  }
  div[class*="-panel"] .p-footer .btn-area {
    margin-top: 48px;
  }
}

/* 컨텐츠 디테일 // mainbanner-panel  */
.mainbanner-panel .p-header .title-box .title {
  position: relative;
}

.mainbanner-panel .p-header .title-box .title:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: bottom;
}

.mainbanner-panel .p-header .title-box .title span {
  display: inline-block;
  vertical-align: bottom !important;
}

.mainbanner-panel .p-header .title-box .desc {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.62);
}

.mainbanner-panel .p-header .btn_set {
  margin-top: 48px;
}

@media screen and (max-width: 1439px) {
  .mainbanner-panel .p-header .btn_set {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .mainbanner-panel .p-header .btn_set {
    margin-top: 32px;
  }
}

@media screen and (max-width: 767px) {
  .mainbanner-panel .p-header .btn_set {
    margin-top: 24px;
  }
}

.mainbanner-panel .category-list {
  font-size: 0;
}

.mainbanner-panel .category-list li {
  position: relative;
  display: inline-block;
  color: rgba(255, 255, 255, 0.62);
}

.mainbanner-panel .category-list li + li {
  display: inline-block;
  margin-left: 9px;
  padding-left: 9px;
}

.mainbanner-panel .category-list li + li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 2px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.62);
}

@media screen and (max-width: 1439px) {
  .mainbanner-panel .category-list li + li::before {
    top: 5px;
  }
}

@media screen and (max-width: 1023px) {
  .mainbanner-panel .category-list li + li::before {
    top: 7px;
    height: 8px;
  }
}

@media screen and (max-width: 767px) {
  .mainbanner-panel .category-list li + li::before {
    top: 3px;
  }
}

.mainbanner-panel .p-body .poster {
  position: relative;
}

.mainbanner-panel .p-body .poster:after {
  content: '';
  display: block;
  clear: both;
}

.mainbanner-panel .p-body .poster .img-area, .mainbanner-panel .p-body .poster .typo-area {
  float: left;
}

.mainbanner-panel .p-body .poster .img-area {
  width: 660px;
}

.mainbanner-panel .p-body .poster .img-area img {
  width: 100%;
}

.mainbanner-panel .p-body .poster .typo-area {
  position: relative;
  width: calc( 100% - 660px);
  padding-left: 40px;
}

.mainbanner-panel .p-body .poster .block-list > li {
  padding-bottom: 40px;
}

.mainbanner-panel .p-body .poster .block-list > li + li {
  padding: 40px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.42);
}

.mainbanner-panel .p-body .poster .block-list dl + dl {
  margin-top: 24px;
}

.mainbanner-panel .p-body .poster .block-list dl dt {
  color: #fff;
}

.mainbanner-panel .p-body .poster .block-list dl dd {
  color: rgba(255, 255, 255, 0.87);
  margin-top: 8px;
}

.mainbanner-panel .p-body .poster .block-list .ellipsis_more {
  position: relative;
  display: none;
}

.mainbanner-panel .p-body .poster .block-list .ellipsis_more a {
  color: rgba(255, 255, 255, 0.62);
}

.mainbanner-panel .p-body .poster .block-list .ellipsis_more a span {
  display: inline-block;
  vertical-align: middle;
}

.mainbanner-panel .p-body .poster .block-list .ellipsis_more a .spf {
  vertical-align: middle;
  color: #66A8E1;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.mainbanner-panel .p-body .poster .block-list .ellipsis_more a .spf:before {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
}

.mainbanner-panel .p-body .poster .block-list .ellipsis_more::after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  position: absolute;
  top: -28px;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.85) 100%);
}

.mainbanner-panel .p-body .poster .block-list .ellipsis_more.open .spf {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mainbanner-panel .p-body .poster .block-list .ellipsis_more.open:after {
  display: none;
}

.mainbanner-panel .p-body .poster .block-list .multiline-ellipsis {
  max-height: 84px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.mainbanner-panel .p-body .poster .block-list .multiline-ellipsis.opened {
  max-height: none;
  display: block;
}

.mainbanner-panel .p-body .poster .block-list .multiline-ellipsis.opened + .ellipsis_more {
  display: block;
}

.mainbanner-panel .p-body .poster .block-list .multiline-ellipsis.opened + .ellipsis_more::after {
  display: none;
}

.mainbanner-panel .p-body .poster .block-list .multiline-ellipsis.opened + .ellipsis_more .spf::before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 1439px) {
  .mainbanner-panel .p-body .poster .img-area {
    width: 452px;
  }
  .mainbanner-panel .p-body .poster .typo-area {
    width: calc( 100% - 452px);
    padding-left: 32px;
  }
  .mainbanner-panel .p-body .poster .block-list > li {
    padding-bottom: 24px;
  }
  .mainbanner-panel .p-body .poster .block-list > li + li {
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.42);
  }
  .mainbanner-panel .p-body .poster .block-list dl + dl {
    margin-top: 16px;
  }
  .mainbanner-panel .p-body .poster .block-list .multiline-ellipsis {
    max-height: 70px;
    -webkit-line-clamp: 3;
  }
}

@media screen and (max-width: 1023px) {
  .mainbanner-panel .p-body .poster .img-area {
    width: 324px;
  }
  .mainbanner-panel .p-body .poster .typo-area {
    width: calc( 100% - 324px);
    padding-left: 24px;
  }
  .mainbanner-panel .p-body .poster .block-list > li {
    padding-bottom: 24px;
  }
  .mainbanner-panel .p-body .poster .block-list > li + li {
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.42);
  }
  .mainbanner-panel .p-body .poster .block-list dl + dl {
    margin-top: 16px;
  }
  .mainbanner-panel .p-body .poster .block-list dl dd {
    margin-top: 4px;
  }
  .mainbanner-panel .p-body .poster .block-list .ellipsis_more::after {
    top: -24px;
  }
  .mainbanner-panel .p-body .poster .block-list .multiline-ellipsis {
    max-height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .mainbanner-panel .p-body .poster .img-area {
    width: 100%;
  }
  .mainbanner-panel .p-body .poster .typo-area {
    width: 100%;
    padding-left: 0px;
  }
  .mainbanner-panel .p-body .poster .block-list > li {
    padding: 24px 0;
  }
  .mainbanner-panel .p-body .poster .block-list > li + li {
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.42);
  }
  .mainbanner-panel .p-body .poster .block-list dl + dl {
    margin-top: 16px;
  }
}

/* gallery-area */
.gallery-area .gallery_center {
  position: relative;
  overflow: hidden;
}

.gallery-area .gallery_center .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.gallery-area .gallery_center .button-prev, .gallery-area .gallery_center .button-next {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.62);
  z-index: 15;
}

.gallery-area .gallery_center .button-prev i, .gallery-area .gallery_center .button-next i {
  width: 30px;
  height: 30px;
  margin-top: 12px;
}

.gallery-area .gallery_center .button-prev i::before, .gallery-area .gallery_center .button-next i::before {
  margin-top: 0px;
  font-size: 30px;
  color: #fff;
}

.gallery-area .gallery_center .button-prev:hover, .gallery-area .gallery_center .button-next:hover {
  background-color: rgba(0, 0, 0, 0.87);
}

.gallery-area .gallery_center .button-prev.swiper-button-disabled:hover, .gallery-area .gallery_center .button-next.swiper-button-disabled:hover {
  background-color: rgba(0, 0, 0, 0.62);
}

.gallery-area .gallery_center .button-prev.swiper-button-disabled i::before, .gallery-area .gallery_center .button-next.swiper-button-disabled i::before {
  color: rgba(255, 255, 255, 0.42);
}

.gallery-area .gallery_center .button-prev {
  left: 32px;
}

.gallery-area .gallery_center .button-prev i {
  margin-left: 8px;
}

.gallery-area .gallery_center .button-next {
  right: 32px;
}

.gallery-area .gallery_center .button-next i {
  margin-left: 9px;
}

.gallery-area .gallery_center .pagination {
  position: absolute;
  bottom: 32px;
  right: 32px;
  left: auto;
  display: inline-block;
  padding: 4px 16px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.62);
  border-radius: 16px;
  z-index: 10;
}

.gallery-area .gallery_center .pagination span, .gallery-area .gallery_center .pagination i {
  display: inline-block;
  vertical-align: top;
  color: #fff;
}

.gallery-area .gallery_center .pagination span {
  min-width: 17px;
  text-align: center;
  line-height: 24px;
}

.gallery-area .gallery_center .pagination .spf-action-slash, .gallery-area .gallery_center .pagination .tot {
  color: rgba(255, 255, 255, 0.42);
}

.gallery-area .gallery_center .pagination .spf-action-slash {
  text-align: center;
}

.gallery-area .gallery_center .pagination .spf-action-slash::before {
  margin-top: 0px;
  font-size: 14px;
}

.gallery-area .gallery_center .pagination .spf-action-slash.spf {
  width: 6px;
  height: 17px;
}

.gallery-area .gallery_center .pagination .spf-action-slash.spf::before {
  width: 6px;
  height: 17px;
}

@media screen and (max-width: 1439px) {
  .gallery-area .gallery_center .button-prev, .gallery-area .gallery_center .button-next {
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .gallery-area .gallery_center .button-prev i, .gallery-area .gallery_center .button-next i {
    width: 24px;
    height: 24px;
    margin-top: 10px;
    margin-left: 8px;
  }
  .gallery-area .gallery_center .button-prev i::before, .gallery-area .gallery_center .button-next i::before {
    margin-left: 0px;
    font-size: 24px;
  }
  .gallery-area .gallery_center .button-prev {
    left: 24px;
  }
  .gallery-area .gallery_center .button-next {
    right: 24px;
  }
  .gallery-area .gallery_center .pagination {
    bottom: 24px;
    right: 24px;
    padding: 4px 12px;
    border-radius: 14px;
  }
  .gallery-area .gallery_center .pagination span {
    min-width: 15px;
    line-height: 20px;
  }
  .gallery-area .gallery_center .pagination .spf-action-slash {
    width: 20px;
    text-align: center;
  }
  .gallery-area .gallery_center .pagination .spf-action-slash::before {
    margin-top: 0px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1023px) {
  .gallery-area .gallery_center .button-prev, .gallery-area .gallery_center .button-next {
    margin-top: -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }
  .gallery-area .gallery_center .button-prev i, .gallery-area .gallery_center .button-next i {
    width: 20px;
    height: 20px;
    margin-top: 6px;
    margin-left: 6px;
  }
  .gallery-area .gallery_center .button-prev i::before, .gallery-area .gallery_center .button-next i::before {
    margin-left: 0px;
    font-size: 20px;
  }
  .gallery-area .gallery_center .button-prev {
    left: 16px;
  }
  .gallery-area .gallery_center .button-next {
    right: 16px;
  }
  .gallery-area .gallery_center .pagination {
    bottom: 16px;
    right: 16px;
  }
}

@media screen and (max-width: 767px) {
  .gallery-area .gallery_center {
    overflow: visible;
  }
  .gallery-area .gallery_center .button-prev {
    display: none;
  }
  .gallery-area .gallery_center .button-next {
    display: none;
  }
  .gallery-area .gallery_center .pagination {
    bottom: 12px;
    right: 12px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0;
  }
  .gallery-area .gallery_center .pagination span {
    min-width: 13px;
    line-height: 16px;
  }
  .gallery-area .gallery_center .pagination .spf-action-slash {
    width: 15px;
    text-align: center;
  }
  .gallery-area .gallery_center .pagination .spf-action-slash::before {
    margin-top: 0px;
    font-size: 14px;
  }
}

/* card */
.img-box {
  background: #F7F7F7 url("../images/common/img_blank_cutted.png") no-repeat center;
  background-size: auto;
}

.noimg {
  height: 100%;
  background: #F7F7F7 url("../images/common/img_blank_cutted.png") no-repeat center;
  background-size: auto;
}

.card_item .card-inner {
  position: relative;
  overflow: hidden;
}

.card_item .lazyload-wrapper {
  height: 100%;
  width: 100%;
}

.card_item.card-1_1 .img-area {
  position: relative;
}

.card_item.card-1_1 .img-area .img-box {
  height: 430px;
  max-height: 430px;
}

.card_item.card-1_1 .img-area .img-box .noimg {
  margin-top: -8%;
}

@media screen and (max-width: 1439px) {
  .card_item.card-1_1 .img-area .img-box {
    height: 28.61328vw;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-1_1 .img-area .img-box {
    height: 42.1875vw;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-1_1 .img-area .img-box {
    height: 46.875vw;
    max-height: 176px;
  }
}

.card_item.card-1_1 .typo-area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -136px;
  width: 100%;
  padding: 12px 24px;
  background-color: #000000;
  -webkit-transition: bottom 0.3s ease-out;
  -moz-transition: bottom 0.3s ease-out;
  -ms-transition: bottom 0.3s ease-out;
  -o-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out;
}

.card_item.card-1_1 a {
  display: block;
  overflow: hidden;
}

.card_item.card-1_1 a img {
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.card_item.card-1_1 a:hover .img-area, .card_item.card-1_1 a.on .img-area {
  overflow: hidden;
}

.card_item.card-1_1 a:hover .img-area img, .card_item.card-1_1 a.on .img-area img {
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.card_item.card-1_1 a:hover .typo-area, .card_item.card-1_1 a.on .typo-area {
  bottom: 0;
}

.card_item.card-1_1 a:hover .desc-box, .card_item.card-1_1 a:hover .type_date-box, .card_item.card-1_1 a.on .desc-box, .card_item.card-1_1 a.on .type_date-box {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.card_item.card-1_1 .img-box {
  position: relative;
  overflow: hidden;
}

.card_item.card-1_1 .img-box img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.card_item.card-1_1 .type-box {
  display: none;
  color: rgba(255, 255, 255, 0.42);
}

.card_item.card-1_1 .tit-box {
  height: 64px;
  color: #fff;
}

.card_item.card-1_1 .tit-box:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.card_item.card-1_1 .tit-box span {
  display: inline-block;
  vertical-align: middle;
}

.card_item.card-1_1 .tit-box em {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card_item.card-1_1 .desc-box {
  margin-top: 12px;
  height: 72px;
  color: #fff;
  -webkit-opacity: 0.87;
  -moz-opacity: 0.87;
  filter: alpha(opacity=87);
  opacity: 0.87;
}

.card_item.card-1_1 .desc-box .tt3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 400;
}

.card_item.card-1_1 .desc-box .tb4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card_item.card-1_1 .type_date-box {
  position: relative;
  margin: 16px 0 12px;
}

.card_item.card-1_1 .type_date-box span {
  position: relative;
  vertical-align: middle;
  padding-left: 10px;
  color: rgba(255, 255, 255, 0.62);
  font-weight: 400;
  margin-left: 5px;
}

.card_item.card-1_1 .type_date-box span:first-child {
  margin-left: 0;
  padding-left: 0;
}

.card_item.card-1_1 .type_date-box span:first-child::before {
  display: none;
}

.card_item.card-1_1 .type_date-box span::before {
  content: "";
  width: 2px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  background-color: rgba(255, 255, 255, 0.62);
}

@media screen and (max-width: 1439px) {
  .card_item.card-1_1 .typo-area {
    bottom: -116px;
    padding: 12px 16px;
  }
  .card_item.card-1_1 .type-box {
    display: none;
  }
  .card_item.card-1_1 .tit-box {
    height: 48px;
  }
  .card_item.card-1_1 .desc-box {
    margin-top: 8px;
    height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-1_1 .typo-area {
    position: relative;
    bottom: auto;
    padding: 6px 12px;
  }
  .card_item.card-1_1 .img-area .img-box .noimg {
    margin-top: 0;
  }
  .card_item.card-1_1 a {
    display: block;
  }
  .card_item.card-1_1 a:hover .img-area img, .card_item.card-1_1 a .on .img-area img {
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .card_item.card-1_1 a:hover .typo-area, .card_item.card-1_1 a .on .typo-area {
    bottom: 0;
  }
  .card_item.card-1_1 .type-box {
    display: block;
    height: 16px;
  }
  .card_item.card-1_1 .tit-box {
    height: 40px;
    vertical-align: top;
  }
  .card_item.card-1_1 .tit-box::before {
    display: none;
  }
  .card_item.card-1_1 .desc-box {
    margin-top: 12px;
    height: 40px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: none;
  }
  .card_item.card-1_1 .type_date-box {
    display: none;
  }
}

.card_item.card-5_7 .img-area {
  position: relative;
}

.card_item.card-5_7 .img-area .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -48px 0 0 -48px;
}

.card_item.card-5_7 .img-area .btn-play > img {
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.card_item.card-5_7 .typo-area {
  position: relative;
  margin: 16px 0 0;
}

.card_item.card-5_7 a {
  display: block;
}

.card_item.card-5_7 a img {
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.card_item.card-5_7 .img-box {
  position: relative;
  overflow: hidden;
  height: 458px;
}

.card_item.card-5_7 .img-box.type02{
  position: relative;
  overflow: hidden;
  height: 100%;
}

.card_item.card-5_7 .img-box {
  position: relative;
  overflow: hidden;
  height: 458px;
}
.card_item.card-5_7 .img-box img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 1440px) {
  .card_item.card-5_7 .img-box {
    height: 458px;
  }
}

@media screen and (max-width: 1439px) {
  .card_item.card-5_7 .img-box {
    height: 30.07813vw;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-5_7 .img-box {
    height: 28.125vw;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-5_7 .img-box {
    height: 59.16667vw;
  }
}

@media screen and (max-width: 1439px) {
  .card_item.card-5_7 .img-box {
    height: 30.078vw;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-5_7 .img-box {
    height: 28.125vw;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-5_7 .img-box {
    height: 56.800vw;
  }
}

.card_item.card-5_7 .tit-box {
  min-height: 64px;
}

@media screen and (max-width: 1439px) {
  .card_item.card-5_7 .img-area .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
  }
  .card_item.card-5_7 .img-area .btn-play > img {
    width: 64px;
  }
  .card_item.card-5_7 .typo-area {
    position: relative;
    margin: 12px 0 12px;
  }
  .card_item.card-5_7 .tit-box {
    min-height: 48px;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-5_7 .typo-area {
    position: relative;
    margin: 8px 0 0;
  }
  .card_item.card-5_7 .tit-box {
    min-height: 40px;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-5_7 .typo-area {
    position: relative;
    margin: 8px 0 0;
  }
  .card_item.card-5_7 .tit-box {
    min-height: 40px;
  }
}

.card_item.card-content .img-area {
  position: relative;
}

.card_item.card-content .badge_wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.card_item.card-content .badge_wrap .badge_row {
  display: table-row;
}

.card_item.card-content .badge_wrap .badge {
  display: table-cell;
  vertical-align: top;
}

.card_item.card-content .badge_wrap .badge.img {
  width: 32px;
  height: 32px;
}

.card_item.card-content .badge_wrap .badge.img img {
  width: 100%;
  height: 100%;
}

.card_item.card-content .badge_wrap .badge.img img:hover {
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.card_item.card-content .badge_wrap .badge.txt {
  width: auto;
}

.card_item.card-content .badge_wrap .badge.txt .in_box {
  display: inline-block;
  max-width: 100%;
  padding: 8px 12px;
  background: #FF5A00;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 3px;
}

.card_item.card-content .badge_wrap .badge.txt .in_box + .in_box {
  float: left;
  margin-right: 3px;
}

@media screen and (max-width: 1439px) {
  .card_item.card-content .badge_wrap .badge.img {
    width: 24px;
    height: 24px;
  }
  .card_item.card-content .badge_wrap .badge.txt .in_box {
    padding: 4px 8px;
  }
}

.card_item.card-content .typo-area {
  position: relative;
  margin: 16px 0 0;
}

.card_item.card-content a {
  display: block;
}

.card_item.card-content a img {
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.card_item.card-content .img-box {
  position: relative;
  overflow: hidden;
  height: 294px;
}

.card_item.card-content .img-box img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 1440px) {
  .card_item.card-content .img-box {
    height: 294px;
  }
}

@media screen and (max-width: 1439px) {
  .card_item.card-content .img-box {
    height: 19.04297vw;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-content .img-box {
    height: 28.125vw;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-content .img-box {
    height: 59.16667vw;
  }
  .card_item.card-content .img-box .noimg img {
    transform: scale(3.2, 1.3) translate(-16%, -36%);
  }
}

.card_item.card-content .tit-box {
  height: auto;
}

.card_item.card-content .tit-box span {
  /* @include ellipsis-line(2); */
}

.card_item.card-content .desc-box {
  margin-top: 2px;
  color: rgba(0, 0, 0, 0.62);
}

@media screen and (max-width: 1439px) {
  .card_item.card-content .typo-area {
    position: relative;
    margin: 12px 0 0;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-content .typo-area {
    position: relative;
    margin: 8px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-content .typo-area {
    position: relative;
    margin: 8px 0 0;
  }
  .card_item.card-content a:hover .img-area img, .card_item.card-content a.on .img-area img {
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.card_item.card-more .typo-area {
  position: relative;
}

.card_item.card-more .img-area {
  position: relative;
}

.card_item.card-more .img-area img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.card_item.card-more a {
  display: block;
}

.card_item.card-more a img {
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.card_item.card-more .date-box {
  margin-top: 12px;
  height: 24px;
  color: rgba(0, 0, 0, 0.62);
}

.card_item.card-more .tit-box span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card_item.card-more .img-box {
  margin-top: 24px;
  position: relative;
  overflow: hidden;
  height: 242px;
}

@media screen and (max-width: 1440px) {
  .card_item.card-more .img-box {
    height: 16.9vw;
  }
}

@media screen and (max-width: 1439px) {
  .card_item.card-more .img-box {
    height: 16.11328vw;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-more .img-box {
    height: 23.82813vw;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-more .img-box {
    height: 64px;
  }
}

.card_item.card-more .img-box img {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 1439px) {
  .card_item.card-more .date-box {
    margin-top: 8px;
    height: 20px;
  }
  .card_item.card-more .img-box {
    margin-top: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-more .date-box {
    margin-top: 8px;
    height: 20px;
  }
  .card_item.card-more .img-box {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-more a {
    position: relative;
    min-height: 69px;
  }
  .card_item.card-more a .img-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 122px;
  }
  .card_item.card-more a .img-area img {
    height: 69px;
  }
  .card_item.card-more a .typo-area {
    padding-left: calc(122px + 16px);
  }
  .card_item.card-more .date-box {
    margin-top: 4px;
    height: 16px;
  }
  .card_item.card-more .img-box {
    margin-top: 0px;
  }
}

.card_item.card-less .card-inner {
  position: relative;
}

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

.card_item.card-less .img-area {
  position: relative;
  float: left;
  width: 50%;
  padding-right: 12px;
}

.card_item.card-less .typo-area {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 12px;
}

.card_item.card-less .img-box {
  position: relative;
}

.card_item.card-less .img-box img {
  width: 100%;
}

.card_item.card-less .date-box {
  height: 24px;
  color: rgba(0, 0, 0, 0.62);
}

.card_item.card-less .tit-box {
  margin-top: 12px;
  max-height: 64px;
}

.card_item.card-less .desc-box {
  margin-top: 24px;
  max-height: 112px;
}

.card_item.card-less .desc-box span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: rgba(0, 0, 0, 0.87);
}

.card_item.card-less .desc-box span:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1439px) {
  .card_item.card-less .img-box {
    position: relative;
  }
  .card_item.card-less .date-box {
    height: 20px;
  }
  .card_item.card-less .tit-box {
    margin-top: 8px;
    max-height: 48px;
  }
  .card_item.card-less .desc-box {
    margin-top: 16px;
    max-height: 96px;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-less .img-box {
    position: relative;
  }
  .card_item.card-less .date-box {
    height: 20px;
  }
  .card_item.card-less .tit-box {
    margin-top: 8px;
    max-height: 48px;
  }
  .card_item.card-less .desc-box {
    margin-top: 12px;
    max-height: 80px;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-less .img-area {
    float: none;
    width: 100%;
    padding-right: 0px;
  }
  .card_item.card-less .typo-area {
    float: none;
    width: 100%;
    padding-left: 0px;
    margin-top: 16px;
  }
  .card_item.card-less .img-box {
    position: relative;
  }
  .card_item.card-less .date-box {
    height: 16px;
  }
  .card_item.card-less .tit-box {
    margin-top: 4px;
    max-height: 40px;
  }
  .card_item.card-less .desc-box {
    margin-top: 8px;
    max-height: 80px;
  }
}

.card_item.card-news li {
  margin-top: 48px;
}

.card_item.card-news li:first-child {
  margin-top: 0;
}

@media screen and (max-width: 1439px) {
  .card_item.card-news li {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-news li {
    margin-top: 32px;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-news li {
    margin-top: 24px;
  }
}

.card_item.card-news .card-inner {
  position: relative;
}

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

.card_item.card-news .img-area {
  position: relative;
  float: left;
  width: 50%;
  padding-right: 12px;
}

.card_item.card-news .typo-area {
  position: relative;
  float: right;
  width: 50%;
  padding-left: 12px;
}

.card_item.card-news .img-box {
  position: relative;
  height: 242px;
}

@media screen and (max-width: 1439px) {
  .card_item.card-news .img-box {
    height: 16.11328vw;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-news .img-box {
    height: 23.82813vw;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-news .img-box {
    height: 69px;
  }
}

.card_item.card-news .img-box img {
  width: auto;
}

.card_item.card-news img {
  width: auto;
}

.card_item.card-news .date-box {
  margin-top: 12px;
  height: 24px;
  color: rgba(0, 0, 0, 0.62);
}

.card_item.card-news .tit-box {
  max-height: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card_item.card-news .desc-box {
  margin-top: 24px;
  max-height: 112px;
}

.card_item.card-news .desc-box span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: rgba(0, 0, 0, 0.87);
}

.card_item.card-news .desc-box span:after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 1439px) {
  .card_item.card-news .img-box {
    position: relative;
  }
  .card_item.card-news .date-box {
    margin-top: 8px;
    height: 20px;
  }
  .card_item.card-news .tit-box {
    max-height: 48px;
  }
  .card_item.card-news .desc-box {
    margin-top: 16px;
    max-height: 96px;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.card-news .img-box {
    position: relative;
  }
  .card_item.card-news .date-box {
    height: 20px;
  }
  .card_item.card-news .tit-box {
    max-height: 48px;
  }
  .card_item.card-news .desc-box {
    margin-top: 12px;
    max-height: 80px;
  }
}

@media screen and (max-width: 767px) {
  .card_item.card-news .img-area {
    float: none;
    width: 100%;
    padding-right: 0px;
  }
  .card_item.card-news .typo-area {
    float: none;
    width: 100%;
    padding-left: 0px;
    margin-top: 16px;
  }
  .card_item.card-news .img-box {
    position: relative;
  }
  .card_item.card-news .date-box {
    margin-top: 4px;
    height: 16px;
  }
  .card_item.card-news .tit-box {
    max-height: 40px;
  }
  .card_item.card-news .desc-box {
    margin-top: 8px;
    max-height: 80px;
  }
}

.card_item.col3 {
  margin-top: -48px;
}

.card_item.col3 li {
  margin-top: 48px;
}

.card_item.col3 li:first-child {
  margin-top: 48px;
}

.card_item.col3 li .img-area {
  margin-top: 124px;
  width: 100%;
}

.card_item.col3 li .typo-area {
  position: absolute;
  width: 100%;
  padding-left: 0;
}

.card_item.col3 li .typo-area .desc-box {
  display: none;
}

@media screen and (max-width: 1439px) {
  .card_item.col3 li {
    margin-top: 40px;
  }
  .card_item.col3 li:first-child {
    margin-top: 40px;
  }
  .card_item.col3 li .img-area {
    margin-top: 100px;
  }
}

@media screen and (max-width: 1023px) {
  .card_item.col3 {
    margin-top: 0;
  }
  .card_item.col3 li {
    margin-top: 32px;
    width: 100%;
  }
  .card_item.col3 li:first-child {
    margin-top: 0;
  }
  .card_item.col3 li .img-area {
    position: relative;
    float: left;
    width: 50%;
    padding-right: 12px;
    margin-top: 0;
  }
  .card_item.col3 li .typo-area {
    position: relative;
    float: right;
    width: 50%;
    padding-left: 12px;
  }
  .card_item.col3 li .typo-area .desc-box {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .card_item.col3 li {
    margin-top: 24px;
  }
  .card_item.col3 li .typo-area {
    margin-top: 0;
  }
  .card_item.col3 li .typo-area .desc-box {
    display: none;
  }
}

/* con-inner */
.con-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
}

.con-inner.type_full {
  padding: 0;
}

@media screen and (max-width: 1439px) {
  .con-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 48px;
  }
  .con-inner.type_full {
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  .con-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 48px;
  }
  .con-inner.type_full {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .con-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
  }
  .con-inner.type_full {
    padding: 0;
  }
}

/* top_title-section */
.top_title-section {
  padding-bottom: 0;
}

.top_title-section .con-header {
  position: relative;
  padding: 80px 0;
  background-color: #121212;
}

.top_title-section .con-header .sub_tit {
  padding-bottom: 6px;
  color: rgba(255, 255, 255, 0.62);
}

.top_title-section .con-header .title {
  color: #fff;
  text-align: left;
}

.top_title-section .con-header .sub_txt {
  width: 888px;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.87);
  min-height: 56px;
}

.top_title-section .con-header .sub_txt.date {
  min-height: auto;
}

.top_title-section .con-header .sns-link {
  margin-top: 48px;
}

.top_title-section .con-header .sns-link .sns_wrap {
  font-size: 0;
  line-height: 0;
}

.top_title-section .con-header .sns-link .sns_wrap > a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  color: rgba(255, 255, 255, 0.87);
}

.top_title-section .con-header .sns-link .sns_wrap > a:first-child {
  margin-left: 0;
}

.top_title-section .con-header .sns-link .sns_wrap > a i.spf {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

.top_title-section .con-header .sns-link .sns_wrap > a i.spf:before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

.top_title-section .con-header .sub_txt + .sns-link {
  margin-bottom: -32px;
}

.top_title-section.search .con-header .title {
  color: rgba(255, 255, 255, 0.3);
  padding-left: 82px;
}

.top_title-section.search .con-header .title span, .top_title-section.search .con-header .title em {
  vertical-align: top;
}

.top_title-section.search .con-header .title em {
  color: #fff;
  word-break: keep-all;
}

.top_title-section.search .con-header .title .spf.spf-action-search {
  margin-left: -82px;
  width: 72px;
  height: 72px;
  line-height: 72px;
  margin-right: 10px;
}

.top_title-section.search .con-header .title .spf.spf-action-search::before {
  font-size: 72px;
  height: 72px;
  width: 72px;
}

.top_title-section.search .con-header .search-noData {
  background: #1D1D1D;
  padding: 40px 42px;
  color: rgba(255, 255, 255, 0.87);
  margin-top: 50px;
}

.top_title-section.search .con-header .search-noData .mark_dot-list {
  margin-top: 0;
}

.top_title-section.search .con-header .search-noData .mark_dot-list li {
  margin-top: 6px;
}

.top_title-section.search .con-header .search-noData .mark_dot-list li:first-child {
  margin-top: 0;
}

.top_title-section.search .con-header .search-noData .mark_dot-list li::after {
  background: rgba(255, 255, 255, 0.87);
  top: 13px;
}

@media screen and (max-width: 1439px) {
  .top_title-section .con-header {
    padding: 64px 0;
  }
  .top_title-section .con-header .sub_tit {
    padding-bottom: 4px;
  }
  .top_title-section .con-header .sub_txt {
    width: 611px;
    margin-top: 12px;
    min-height: 48px;
  }
  .top_title-section .con-header .sns-link {
    margin-top: 32px;
  }
  .top_title-section .con-header .sub_txt + .sns-link {
    margin-bottom: -16px;
  }
  .top_title-section.search .con-header .title {
    padding-left: 70px;
  }
  .top_title-section.search .con-header .title .spf.spf-action-search {
    margin: -6px 6px 0 -70px;
    width: 64px;
    height: 64px;
    line-height: 64px;
  }
  .top_title-section.search .con-header .title .spf.spf-action-search::before {
    font-size: 64px;
    height: 64px;
    width: 64px;
  }
  .top_title-section.search .con-header .search-noData {
    margin-top: 40px;
  }
  .top_title-section.search .con-header .search-noData .mark_dot-list li::after {
    top: 11px;
  }
}

@media screen and (max-width: 1023px) {
  .top_title-section .con-header {
    padding: 48px 0;
  }
  .top_title-section .con-header .sub_tit {
    padding-bottom: 4px;
  }
  .top_title-section .con-header .sub_txt {
    width: 498px;
    margin-top: 10px;
    min-height: 40px;
  }
  .top_title-section.search .con-header .title {
    padding-left: 54px;
  }
  .top_title-section.search .con-header .title .spf.spf-action-search {
    margin-left: -54px;
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  .top_title-section.search .con-header .title .spf.spf-action-search::before {
    font-size: 48px;
    height: 48px;
    width: 48px;
  }
  .top_title-section.search .con-header .search-noData {
    padding: 30px 32px;
    margin-top: 24px;
  }
  .top_title-section.search .con-header .search-noData .mark_dot-list li::after {
    top: 9px;
  }
}

@media screen and (max-width: 767px) {
  .top_title-section .con-header {
    padding: 40px 0;
  }
  .top_title-section .con-header .sub_tit {
    padding-bottom: 4px;
  }
  .top_title-section .con-header .sub_txt {
    width: 100%;
    margin-top: 8px;
    display: inline-block;
  }
  .top_title-section .con-header .sub_txt + .sns-link {
    margin-bottom: -8px;
  }
  .top_title-section.search .con-header .title {
    padding-left: 38px;
  }
  .top_title-section.search .con-header .title .spf.spf-action-search {
    margin-left: -38px;
    margin-top: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  .top_title-section.search .con-header .title .spf.spf-action-search::before {
    font-size: 32px;
    height: 32px;
    width: 32px;
  }
  .top_title-section.search .con-header .search-noData {
    margin: 32px -24px 0;
  }
}

.top_title-section.pd .con-header {
  padding: 80px 0 120px;
}

@media screen and (max-width: 1439px) {
  .top_title-section.pd .con-header {
    padding: 64px 0 96px;
  }
}

@media screen and (max-width: 1023px) {
  .top_title-section.pd .con-header {
    padding: 48px 0 80px;
  }
}

@media screen and (max-width: 767px) {
  .top_title-section.pd .con-header {
    padding: 40px 0 64px;
  }
}

.top_title-section + .tap_cont-section {
  padding-top: 72px;
}

@media screen and (max-width: 1439px) {
  .top_title-section + .tap_cont-section {
    padding-top: 68px;
  }
}

@media screen and (max-width: 1023px) {
  .top_title-section + .tap_cont-section {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .top_title-section + .tap_cont-section {
    padding-top: 40px;
  }
}

/* breadcrumb TBU*/
.brand-panel .p-footer .btn_set {
  display: none;
}

.brand-panel .p-footer .btn_set .btn.btn-view_less {
  padding: 0;
  padding-top: 24px;
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .brand-panel .p-footer .btn_set {
    display: block;
  }
}

.brand-panel .brand-list {
  display: inline-block;
}

.brand-panel .brand-list li {
  float: left;
  box-sizing: border-box;
  width: 25%;
  border: 1px solid #dadada;
  background-color: #666;
}

.brand-panel .brand-list li a {
  display: block;
  padding: 20px;
}

@media screen and (max-width: 1023px) {
  .brand-panel .brand-list li {
    width: 33.33335%;
  }
  .brand-panel .brand-list li a {
    padding: 30px;
  }
}

.brand-panel .img-area .logo {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  padding: 30px;
}

.brand-panel .img-area .logo.tvn {
  background-image: url("../images/business/logo_tvN-x2.png");
}

.brand-panel .img-area .logo.tvnstory {
  background-image: url("../images/business/logo_tvNSTORY-x2.png");
}

.brand-panel .img-area .logo.otvn {
  background-image: url("../images/business/logo_OtvN-x2.png");
}

.brand-panel .img-area .logo.xtvn {
  background-image: url("../images/business/logo_XtvN-x2.png");
}

.brand-panel .img-area .logo.mnet {
  background-image: url("../images/business/logo_Mnet-x2.png");
}

.brand-panel .img-area .logo.ocn {
  background-image: url("../images/business/logo_OCN-x2.png");
}

.brand-panel .img-area .logo.ocnmovies {
  background-image: url("../images/business/logo_OCNMovies-x2.png");
}

.brand-panel .img-area .logo.ocnthrills {
  background-image: url("../images/business/logo_OCNThrills-x2.png");
}

.brand-panel .img-area .logo.olive {
  background-image: url("../images/business/logo_Olive-x2.png");
}

.brand-panel .img-area .logo.tooniverse {
  background-image: url("../images/business/logo_Tooniverse-x2.png");
}

.brand-panel .img-area .logo.catchon {
  background-image: url("../images/business/logo_CATCHON-x2.png");
}

.brand-panel .img-area .logo.uxn {
  background-image: url("../images/business/logo_UXN-x2.png");
}

.brand-panel .img-area .logo.chdia {
  background-image: url("../images/business/logo_CHDIA-x2.png");
}

.brand-panel .img-area .logo.china {
  background-image: url("../images/business/logo_chinaTV-x2.png");
}

.brand-panel .img-area .logo.ogn {
  background-image: url("../images/business/logo_OGN-x2.png");
}

.brand-panel .img-area .logo.tving {
  background-image: url("../images/business/logo_TVING-x2.png");
}

.brand-panel .img-area:hover {
  background-color: #dadada;
}

.brand-panel .img-area:hover .logo.tvn {
  background-image: url("../images/business/logo_tvN_on-x2.png");
}

.brand-panel .img-area:hover .logo.tvnstory {
  background-image: url("../images/business/logo_tvNSTORY_on-x2.png");
}

.brand-panel .img-area:hover .logo.otvn {
  background-image: url("../images/business/logo_OtvN_on-x2.png");
}

.brand-panel .img-area:hover .logo.xtvn {
  background-image: url("../images/business/logo_XtvN_on-x2.png");
}

.brand-panel .img-area:hover .logo.mnet {
  background-image: url("../images/business/logo_Mnet_on-x2.png");
}

.brand-panel .img-area:hover .logo.ocn {
  background-image: url("../images/business/logo_OCN_on-x2.png");
}

.brand-panel .img-area:hover .logo.ocnmovies {
  background-image: url("../images/business/logo_OCNMovies_on-x2.png");
}

.brand-panel .img-area:hover .logo.ocnthrills {
  background-image: url("../images/business/logo_OCNThrills_on-x2.png");
}

.brand-panel .img-area:hover .logo.olive {
  background-image: url("../images/business/logo_Olive_on-x2.png");
}

.brand-panel .img-area:hover .logo.tooniverse {
  background-image: url("../images/business/logo_Tooniverse_on-x2.png");
}

.brand-panel .img-area:hover .logo.catchon {
  background-image: url("../images/business/logo_CATCHON_on-x2.png");
}

.brand-panel .img-area:hover .logo.uxn {
  background-image: url("../images/business/logo_UXN_on-x2.png");
}

.brand-panel .img-area:hover .logo.chdia {
  background-image: url("../images/business/logo_CHDIA_on-x2.png");
}

.brand-panel .img-area:hover .logo.china {
  background-image: url("../images/business/logo_chinaTV_on-x2.png");
}

.brand-panel .img-area:hover .logo.ogn {
  background-image: url("../images/business/logo_OGN_on-x2.png");
}

.brand-panel .img-area:hover .logo.tving {
  background-image: url("../images/business/logo_TVING_on-x2.png");
}

/* // brandcrumb TBU*/
/* board */
.board ul {
  border-top: 2px solid #000;
}

.board ul li {
  display: table;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.board ul li.tit {
  text-align: center;
}

.board ul li > div {
  display: table-cell;
  height: 80px;
  padding: 26px 32px;
}

.board ul li > div.title {
  width: 80%;
}

.board ul li > div.date {
  width: 20%;
  text-align: center;
}

@media screen and (max-width: 1439px) {
  .board ul li > div {
    height: 60px;
    padding: 20px 24px;
  }
}

@media screen and (max-width: 1023px) {
  .board ul li {
    padding: 22px 0;
  }
  .board ul li.tit {
    display: none;
  }
  .board ul li > div {
    display: block;
    height: auto;
    padding: 0;
  }
  .board ul li > div.title {
    width: 100%;
    margin-bottom: 8px;
  }
  .board ul li > div.date {
    width: 100%;
    text-align: left;
  }
}

.card_board .lazyload-wrapper {
  height: 100%;
  width: 100%;
}

.card_board > ul {
  margin-top: -24px !important;
}

.card_board > ul li {
  margin-top: 24px !important;
}

.card_board > ul li .item_wrap {
  border: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
  height: 100%;
  padding-bottom: 110px;
}

@media screen and (max-width: 1440px) {
  .card_board > ul li .item_wrap {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 1023px) {
  .card_board > ul li .item_wrap {
    padding-bottom: 84px;
  }
}

.card_board > ul li .tag {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.card_board > ul li .tag .tag_inner {
  padding: 0 32px 0 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  width: calc(100% + 8px);
  margin: 0 -4px 24px;
  max-height: 92px;
  overflow: hidden;
}

@media screen and (max-width: 1439px) {
  .card_board > ul li .tag .tag_inner {
    padding: 0 24px 0;
    max-height: 84px;
  }
}

@media screen and (max-width: 1023px) {
  .card_board > ul li .tag .tag_inner {
    padding: 0 16px 0;
    margin-bottom: 16px;
    max-height: 100%;
  }
}

.card_board > ul li .tag a {
  float: left;
  margin: 8px 4px 0;
  padding: 4px 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.87);
  display: inline-block;
  background: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}

.card_board > ul li .tag a em {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.card_board > ul li .tag a:hover {
  color: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 767px) {
  .card_board > ul li .tag {
    max-height: none;
  }
}

.card_board > ul li .wrap {
  display: block;
  width: 100%;
}

.card_board > ul li .wrap .img-box {
  position: relative;
  overflow: hidden;
  margin: 0;
  height: 243px;
}

@media screen and (max-width: 1439px) {
  .card_board > ul li .wrap .img-box {
    height: 16.11328vw;
  }
}

@media screen and (max-width: 1023px) {
  .card_board > ul li .wrap .img-box {
    height: 23.82813vw;
  }
}

@media screen and (max-width: 767px) {
  .card_board > ul li .wrap .img-box {
    height: 48.88889vw;
  }
}

.card_board > ul li .wrap .img-box img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  object-fit: cover;
}

.card_board > ul li .wrap .txt-box {
  position: relative;
  padding: 24px 32px 24px;
}

.card_board > ul li .wrap .txt-box .cate {
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.62);
}

.card_board > ul li .wrap .txt-box .tit {
  height: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}

.card_board > ul li .wrap .txt-box .txt {
  margin-top: 8px;
  max-height: 50px;
  /* height:48px; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: rgba(0, 0, 0, 0.62);
  word-break: keep-all;
}

@media screen and (max-width: 1439px) {
  .card_board > ul li .wrap .txt-box {
    padding: 24px 24px;
  }
  .card_board > ul li .wrap .txt-box .tit {
    height: 56px;
  }
}

@media screen and (max-width: 1023px) {
  .card_board > ul li .wrap .txt-box {
    padding: 16px 16px;
  }
  .card_board > ul li .wrap .txt-box .tit {
    height: 48px;
  }
  .card_board > ul li .wrap .txt-box .tag {
    left: 16px;
    right: 16px;
    bottom: 16px;
    height: 76px;
  }
  .card_board > ul li .wrap .txt-box .tag > span {
    margin-right: 8px;
    margin-top: 8px;
  }
}

@media screen and (max-width: 767px) {
  .card_board > ul li .wrap .txt-box {
    padding-bottom: 16px;
  }
  .card_board > ul li .wrap .txt-box .tit {
    height: auto;
    -webkit-line-clamp: initial;
  }
  .card_board > ul li .wrap .txt-box .tag {
    position: static;
    margin-top: 8px;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .card_board > ul li .item_wrap {
    padding-bottom: 0;
  }
  .card_board > ul li .tag {
    position: static;
  }
}

.card_board.card_row > ul > li {
  height: 258px;
  margin-top: 32px;
  position: relative;
}

.card_board.card_row > ul > li .item_wrap {
  padding-bottom: 0;
  display: inline-block;
  width: 100%;
}

.card_board.card_row > ul > li .item_wrap .img-box {
  width: 35%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

.card_board.card_row > ul > li .item_wrap .img-box img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  object-fit: cover;
}

.card_board.card_row > ul > li .item_wrap .img-box + .row_in {
  margin-left: 35%;
  max-width: 888px;
}

.card_board.card_row > ul > li .item_wrap .row_in {
  position: relative;
  height: 100%;
  width: 100%;
}

.card_board.card_row > ul > li .tag .tag_inner {
  max-height: 46px;
}

.card_board.card_row > ul > li .tag .tag_inner.hlaf a {
  max-width: 49%;
}

@media screen and (max-width: 1439px) {
  .card_board.card_row > ul > li .tag .tag_inner {
    max-height: 42px;
  }
  .card_board.card_row > ul > li .tag .tag_inner.hlaf a {
    max-width: 48%;
  }
}

@media screen and (max-width: 1023px) {
  .card_board.card_row > ul > li .tag .tag_inner {
    max-height: 38px;
  }
}

@media screen and (max-width: 767px) {
  .card_board.card_row > ul > li .tag .tag_inner {
    max-height: none;
  }
  .card_board.card_row > ul > li .tag .tag_inner.hlaf a {
    max-width: none;
  }
}

.card_board.card_row > ul > li .tag a {
  float: left;
  margin: 8px 4px 0;
  padding: 4px 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.87);
  display: inline-block;
  background: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}

.card_board.card_row > ul > li .tag a em {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.card_board.card_row > ul > li .tag a:hover {
  color: rgba(0, 0, 0, 0.4);
}

.card_board.card_row > ul > li .wrap .txt-box {
  width: 100%;
  padding: 24px 32px;
}

@media screen and (max-width: 1439px) {
  .card_board.card_row > ul > li {
    height: 178px;
  }
  .card_board.card_row > ul > li .item_wrap .img-box {
    width: 317px;
    height: 100%;
  }
  .card_board.card_row > ul > li .item_wrap .img-box + .row_in {
    margin-left: 317px;
    max-width: calc(100% - 317px);
  }
  .card_board.card_row > ul > li .item_wrap .txt-box {
    padding: 24px 24px;
  }
  .card_board.card_row > ul > li .item_wrap .txt-box .txt {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .card_board.card_row > ul > li {
    height: 147px;
    margin-top: 24px;
  }
  .card_board.card_row > ul > li .item_wrap .img-box {
    width: 261px;
    height: 100%;
  }
  .card_board.card_row > ul > li .item_wrap .img-box + .row_in {
    margin-left: 261px;
    max-width: calc(100% - 261px);
  }
  .card_board.card_row > ul > li .item_wrap .txt-box {
    padding: 16px 16px 16px 16px;
  }
}

@media screen and (max-width: 767px) {
  .card_board.card_row > ul > li {
    height: auto;
    margin-top: 24px;
  }
  .card_board.card_row > ul > li .item_wrap {
    display: block;
    height: auto;
  }
  .card_board.card_row > ul > li .item_wrap .img-box {
    width: 100%;
    overflow: hidden;
    position: static;
    max-width: none;
    height: 48.88889vw;
  }
  .card_board.card_row > ul > li .item_wrap .img-box + .row_in {
    margin-left: 0;
    max-width: 100%;
  }
  .card_board.card_row > ul > li .item_wrap .txt-box {
    width: 100%;
    padding: 16px 16px 16px;
  }
  .card_board.card_row > ul > li .item_wrap .tag {
    position: static;
    margin-top: 8px;
    height: auto;
  }
}

.card_board.swiper-container .col3 {
  margin-top: 0 !important;
  width: calc(100% + 24px);
  margin-left: -12px;
}

.card_board.swiper-container .col3 li {
  width: 33.33335%;
  padding: 0 12px;
}

@media screen and (max-width: 1023px) {
  .card_board.swiper-container .col3 {
    margin-left: 0;
  }
  .card_board.swiper-container .col3 li {
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  .card_board.swiper-container {
    overflow: visible;
  }
}

@media screen and (max-width: 767px) {
  .card_board.swiper-container .item_wrap {
    padding-bottom: 84px;
  }
  .card_board.swiper-container .item_wrap .tag {
    position: absolute;
  }
  .card_board.swiper-container .item_wrap .txt-box .tag {
    margin-top: 0;
    position: absolute;
  }
  .card_board.swiper-container .item_wrap .txt-box .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 72px;
  }
}

/* //board */
/* 데이터가 없을때 */
.no_result {
  text-align: center;
  margin-top: 48px;
}

.no_result .btn_set {
  margin-top: 80px;
}

.no_result .btn_set .btn {
  width: 318px;
}

@media screen and (max-width: 1439px) {
  .no_result .btn_set {
    margin-top: 64px;
  }
  .no_result .btn_set .btn {
    width: 214px;
  }
}

@media screen and (max-width: 1023px) {
  .no_result {
    margin-top: 32px;
  }
  .no_result .btn_set {
    margin-top: 48px;
  }
  .no_result .btn_set .btn {
    width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .no_result .btn_set {
    margin-top: 40px;
  }
  .no_result .btn_set .btn {
    width: 148px;
  }
}

.img-box .lazyload-wrapper {
  width: 100%;
  height: 100%;
}

.img-box .lazyload-wrapper img {
  width: 100%;
  height: 100%;
}

.section_bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.section_bg.section_bg_type1 {
  height: 252px;
}

@media screen and (min-width: 1440px) {
  .section_bg.section_bg_type1 {
    height: 252px;
  }
}

@media screen and (max-width: 1439px) {
  .section_bg.section_bg_type1 {
    height: 16.99219vw;
  }
}

@media screen and (max-width: 1023px) {
  .section_bg.section_bg_type1 {
    height: 16.40625vw;
  }
}

@media screen and (max-width: 767px) {
  .section_bg.section_bg_type1 {
    height: 24.44444vw;
  }
}

/* =====================  에러페이지  =====================*/
.error-section {
  padding-bottom: 120px;
}

.error-section:last-child {
  padding-bottom: 200px;
}

.error-section .con-body {
  padding-top: 96px;
}

@media screen and (max-width: 1439px) {
  .error-section {
    padding-bottom: 96px;
  }
  .error-section:last-child {
    padding-bottom: 120px;
  }
  .error-section .con-body {
    padding-top: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .error-section {
    padding-bottom: 80px;
  }
  .error-section:last-child {
    padding-bottom: 120px;
  }
  .error-section .con-body {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .error-section {
    padding-bottom: 64px;
  }
  .error-section:last-child {
    padding-bottom: 80px;
  }
  .error-section .con-body {
    padding-top: 40px;
  }
}

.error-section.full {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
}

.error-section.full .error {
  min-width: 600px;
  margin: 0px;
  display: inline-block;
}

.error-section.full .error .error-inner {
  text-align: center;
}

.error-section.full .error .title {
  font-size: 38px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.02em;
  text-align: center;
  margin-top: 10px;
  color: #1D1D22;
}

.error-section.full .error .desc {
  margin: 20px auto 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.01em;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}

.error-section.full .error .btn_bottom {
  margin-top: 60px;
}

.error-section.full .error .btn_bottom .btn {
  width: 193px;
  padding: 19px 25px;
  min-width: 180px !important;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  border-radius: 6px;
  vertical-align: middle;
  text-align: center;
}

@media all and (max-width: 1023px) {
  .error-section.full {
    left: 16px;
    right: 16px;
    transform: translate(0, -50%);
  }
  .error-section.full .error {
    padding: 0;
    min-width: 100%;
  }
  .error-section.full .error .error-inner img {
    width: 110px;
    height: 110px;
  }
  .error-section.full .error .title {
    font-size: 24px;
    line-height: 38px;
  }
  .error-section.full .error .desc {
    margin: 12px auto 0;
    font-size: 14px;
    line-height: 22px;
  }
  .error-section.full .error .btn_bottom {
    margin-top: 40px;
  }
  .error-section.full .error .btn_bottom .btn {
    width: 180px;
    padding: 11px 12px;
    min-width: 48px !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    border-radius: 4px;
  }
}

.error_cont .error_txt {
  margin-top: 32px;
  width: 50%;
}

.error_cont .btn-area {
  margin-top: 80px;
}

@media screen and (max-width: 1439px) {
  .error_cont .error_txt {
    margin-top: 24px;
  }
  .error_cont .btn-area {
    margin-top: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .error_cont .error_txt {
    margin-top: 24px;
    width: 75%;
  }
  .error_cont .btn-area {
    margin-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .error_cont .error_txt {
    margin-top: 16px;
    width: 100%;
  }
  .error_cont .btn-area {
    margin-top: 40px;
  }
}

.error {
  height: 100%;
}

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

.error .title {
  margin-top: 15px;
  font-size: 32px;
  color: #000;
  font-weight: 700;
}

.error .desc {
  margin: 15px auto 0;
  font-size: 16px;
  max-width: 380px;
}

/* =====================  loading =====================*/
.page_loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 999999;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.page_loading .center_teable {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.page_loading .center_center {
  display: table-cell;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
}

.page_loading .center_center .img {
  display: inline-block;
  background-color: transparent;
}

.page_loading.in {
  display: block;
  position: static;
  background: none;
}

.page_loading.in .center_teable {
  padding: 2vw 0;
}

/* =====================  약관  =====================*/
.terms-section {
  overflow: hidden;
  /* inner */
}

.terms-section .con-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
}

.terms-section .con-inner.type_full {
  padding: 0;
}

.terms-section .con-inner .terms_contents article:first-child {
  padding-top: 0;
}

@media screen and (max-width: 1439px) {
  .terms-section .con-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 48px;
  }
  .terms-section .con-inner.type_full {
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  .terms-section .con-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 48px;
  }
  .terms-section .con-inner.type_full {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .terms-section .con-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
  }
  .terms-section .con-inner.type_full {
    padding: 0;
  }
}

.terms-section .con-wrap .con-header {
  position: relative;
  background-color: #121212;
}

.terms-section .con-wrap .con-header .title {
  padding: 120px 0;
}

.terms-section .con-wrap .con-header .title .td2 {
  color: #fff;
  line-height: 80px;
  display: inline-block;
  word-break: break-all;
}

.terms-section .con-wrap .con-body {
  padding-top: 72px;
}

@media screen and (max-width: 1439px) {
  .terms-section .con-wrap .con-body {
    padding-top: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .terms-section .con-wrap .con-body {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .terms-section .con-wrap .con-body {
    padding-top: 32px;
  }
}

@media screen and (max-width: 1439px) {
  .terms-section .con-wrap .con-header .title {
    padding: 64px 0;
  }
  .terms-section .con-wrap .con-header .title .td2 {
    line-height: 56px;
  }
}

@media screen and (max-width: 1023px) {
  .terms-section .con-wrap .con-header .title {
    padding: 48px 0;
  }
  .terms-section .con-wrap .con-header .title .td2 {
    line-height: 44px;
  }
  .terms-section .con-wrap .con-body {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .terms-section .con-wrap .con-header .title {
    padding: 40px 0;
  }
  .terms-section .con-wrap .con-header .title .td2 {
    line-height: 36px;
  }
  .terms-section .con-wrap .con-body {
    padding-top: 32px;
  }
}

.cookie-policy > ul > li {
  margin-bottom: 64px;
}

.cookie-policy > ul > li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1439px) {
  .cookie-policy > ul > li {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 1023px) {
  .cookie-policy > ul > li {
    margin-bottom: 32px;
  }
}

.cookie-policy > ul > li > h3 {
  margin-bottom: 16px;
}

@media screen and (max-width: 1439px) {
  .cookie-policy > ul > li > h3 {
    margin-bottom: 8px;
  }
}

.cookie_section {
  padding-top: 72px;
}

@media screen and (max-width: 1439px) {
  .cookie_section {
    padding-top: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .cookie_section {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .cookie_section {
    padding-top: 32px;
  }
}

.home {
  /* .mama-section */
  /* featuredworks-section */
  /* latest_news-section */
  /* our_business-section */
  /* message-section */
}

.home.dark-bg {
  background-image: url(../images/common/dark-bg.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 500px;
}

.home .kv-section + .thumbnail_list-section {
  padding-top: 0;
}

.home .kv-section {
  width: 100%;
  padding-bottom: 120px;
  overflow: hidden;
  background-image: url(../images/common/dark-bg.gif);
}

.home .kv-section {
  background-color: #121212;
}

@media screen and (max-width: 1439px) {
  .home .kv-section {
    padding-bottom: 96px;
  }
}

@media screen and (max-width: 1023px) {
  .home .kv-section {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .home .kv-section {
    padding-bottom: 64px;
  }
}

.home .kv-section .kv-wrap {
  position: relative;
}

.home .kv-section .kv-header {
  padding: 136px 0 48px;
  position: static !important;
}

.home .kv-section .kv-header .h-desc {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 35.84px;
  letter-spacing: 0.006em;
}

.home .kv-section .kv-header .h-desc + .h-title {
  margin-top: 10px;
}

.home .kv-section .kv-header .h-title {
  color: #FF5A00;
  font-size: 64px;
  font-weight: 700;
  line-height: 71.68px;
}

.home .kv-section .kv-header .spf.spf-glyph-gem {
  margin-left: 10px;
}

@media screen and (max-width: 1439px) {
  .home .kv-section .kv-header {
    padding: 96px 0 48px;
  }
  .home .kv-section .kv-header .h-desc {
    font-size: 24px;
    line-height: 1.12;
  }
  .home .kv-section .kv-header .h-desc + .h-title {
    margin-top: 10px;
  }
  .home .kv-section .kv-header .h-title {
    font-size: 48px;
    line-height: 1.1;
  }
  .home .kv-section .kv-header .spf.spf-glyph-gem {
    margin-left: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .home .kv-section .kv-header {
    padding: 80px 0 40px;
  }
  .home .kv-section .kv-header .h-desc {
    font-size: 18px;
    line-height: 1.10;
  }
  .home .kv-section .kv-header .h-desc + .h-title {
    margin-top: 4px;
  }
  .home .kv-section .kv-header .h-title {
    font-size: 36px;
    line-height: 1.1;
  }
  .home .kv-section .kv-header .spf.spf-glyph-gem {
    margin-left: 8px;
    width: 10px;
    height: 10px;
  }
  .home .kv-section .kv-header .spf.spf-glyph-gem::before {
    margin-top: -2px;
    width: 10px;
    height: 10px;
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) {
  .home .kv-section .kv-header {
    padding: 48px 0 32px;
  }
  .home .kv-section .kv-header .h-desc {
    font-size: 14px;
    line-height: 1.10;
  }
  .home .kv-section .kv-header .h-desc + .h-title {
    margin-top: 4px;
  }
  .home .kv-section .kv-header .h-title {
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -0.018em;
  }
  .home .kv-section .kv-header .spf.spf-glyph-gem {
    margin-left: 6px;
    width: 8px;
    height: 8px;
  }
  .home .kv-section .kv-header .spf.spf-glyph-gem::before {
    margin-top: -2px;
    margin-left: -1px;
    width: 10px;
    height: 10px;
    font-size: 8px;
  }
}

.home .kv-section .kv-body {
  position: relative;
  /* 레이아웃 */
  /* 비주얼 */
  /* 컨트롤 */
  /* 타이포 */
}

.home .kv-section .kv-body .kv_max-area, .home .kv-section .kv-body .kv_swiper-area {
  /* max media */
}

.home .kv-section .kv-body .kv_max-area .swiper-container, .home .kv-section .kv-body .kv_swiper-area .swiper-container {
  overflow: visible;
}

.home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide, .home .kv-section .kv-body .kv_swiper-area .swiper-container .swiper-slide {
  width: 90px;
  height: 52.5vw;
  overflow: hidden;
  margin-right: 24px;
}

.home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide::after, .home .kv-section .kv-body .kv_swiper-area .swiper-container .swiper-slide::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide.swiper-slide-active, .home .kv-section .kv-body .kv_swiper-area .swiper-container .swiper-slide.swiper-slide-active {
  width: 100%;
}

.home .kv-section .kv-body .kv_max-area .img-box, .home .kv-section .kv-body .kv_swiper-area .img-box {
  position: relative;
  width: 93.33333vw;
  background: none;
  padding-bottom: 56.2%;
}

.home .kv-section .kv-body .kv_max-area .img-box a, .home .kv-section .kv-body .kv_swiper-area .img-box a {
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.home .kv-section .kv-body .kv_max-area .img-box img, .home .kv-section .kv-body .kv_swiper-area .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media screen and (min-width: 1440px) {
  .home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide, .home .kv-section .kv-body .kv_swiper-area .swiper-container .swiper-slide {
    height: 756px;
  }
  .home .kv-section .kv-body .kv_max-area .img-box, .home .kv-section .kv-body .kv_swiper-area .img-box {
    width: 1344px;
  }
}

@media screen and (max-width: 1439px) {
  .home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide, .home .kv-section .kv-body .kv_swiper-area .swiper-container .swiper-slide {
    width: 62px;
    height: 50.97656vw;
    margin-right: 24px;
  }
  .home .kv-section .kv-body .kv_max-area .img-box, .home .kv-section .kv-body .kv_swiper-area .img-box {
    width: 92.28516vw;
  }
}

@media screen and (max-width: 1023px) {
  .home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide, .home .kv-section .kv-body .kv_swiper-area .swiper-container .swiper-slide {
    width: 45px;
    height: 49.21875vw;
    margin-right: 24px;
  }
}

@media screen and (max-width: 767px) {
  .home .kv-section .kv-body .kv_max-area, .home .kv-section .kv-body .kv_swiper-area {
    margin-left: -24px;
  }
  .home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide, .home .kv-section .kv-body .kv_swiper-area .swiper-container .swiper-slide {
    width: 22px;
    height: 52.5vw;
    margin-right: 16px;
  }
  .home .kv-section .kv-body .kv_max-area .img-box, .home .kv-section .kv-body .kv_swiper-area .img-box {
    width: 97.77778vw;
  }
}

.home .kv-section .kv-body .kv_max-area {
  /* display: none; */
}

.home .kv-section .kv-body .kv_max-area .swiper-container {
  overflow: visible;
}

.home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide {
  -webkit-transition: width 0.6s cubic-bezier(0.6, 0, 0.4, 1);
  -moz-transition: width 0.6s cubic-bezier(0.6, 0, 0.4, 1);
  -ms-transition: width 0.6s cubic-bezier(0.6, 0, 0.4, 1);
  -o-transition: width 0.6s cubic-bezier(0.6, 0, 0.4, 1);
  transition: width 0.6s cubic-bezier(0.6, 0, 0.4, 1);
}

.home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide .dim {
  z-index: 1;
}

.home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide img {
  margin-left: -50%;
  -webkit-transition: all 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -moz-transition: all 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -ms-transition: all 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -o-transition: all 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  transition: all 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  /*-webkit-transition: opacity .3s, margin .6s, cubic-bezier(0.6, 0, 0.4, 1);
              -moz-transition: opacity .3s, margin .6s, cubic-bezier(0.6, 0, 0.4, 1);
              -ms-transition: opacity .3s, margin .6s, cubic-bezier(0.6, 0, 0.4, 1);
              -o-transition: opacity .3s, margin .6s, cubic-bezier(0.6, 0, 0.4, 1);
              transition: opacity .3s, margin .6s, cubic-bezier(0.6, 0, 0.4, 1);*/
}

.home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide.swiper-slide-active .dim {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.home .kv-section .kv-body .kv_max-area .swiper-container .swiper-slide.swiper-slide-active img {
  margin-left: 0%;
}

.home .kv-section .kv-body .kv_swiper-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .swiper-slide {
  opacity: 0;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev, .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.62);
  z-index: 15;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev i, .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next i {
  width: 32px;
  height: 32px;
  margin-top: 8px;
  margin-left: 8px;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev i::before, .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next i::before {
  width: 32px;
  height: 32px;
  padding-top: 4px;
  font-size: 32px;
  color: #fff;
  box-sizing: border-box;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev:hover, .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next:hover {
  background-color: rgba(0, 0, 0, 0.87);
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev {
  left: 32px;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next {
  right: 32px;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination {
  position: absolute;
  bottom: 32px;
  right: 32px;
  left: auto;
  display: inline-block;
  padding: 4px 16px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.62);
  border-radius: 16px;
  z-index: 10;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination span, .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination i {
  display: inline-block;
  vertical-align: top;
  color: #fff;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination span {
  min-width: 17px;
  text-align: center;
  line-height: 24px;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .spf-action-slash, .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .tot {
  color: rgba(255, 255, 255, 0.42);
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .spf-action-slash {
  text-align: center;
  width: 8px;
  height: 14px;
  margin-top: 4px;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .spf-action-slash::before {
  margin-top: -3px;
  font-size: 14px;
  width: 8px;
  height: 14px;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause {
  margin-left: 4px;
  vertical-align: top;
}

.home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause i {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1439px) {
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev, .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next {
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev i, .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next i {
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-left: 8px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev i::before, .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next i::before {
    width: 24px;
    height: 24px;
    padding-top: 2px;
    font-size: 24px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev {
    left: 24px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next {
    right: 24px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination {
    bottom: 24px;
    right: 24px;
    padding: 4px 12px;
    border-radius: 14px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination span {
    min-width: 15px;
    line-height: 20px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .spf-action-slash {
    width: 8px;
    text-align: center;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .spf-action-slash::before {
    margin-top: -4px;
    font-size: 14px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause {
    margin-left: 2px;
    height: 20px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    background-size: 16px;
  }
}

@media screen and (max-width: 1439px) and (max-width: 1439px) {
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 1px;
  }
}

@media screen and (max-width: 1439px) and (max-width: 1023px) {
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 0;
  }
}

@media screen and (max-width: 1439px) {
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause.pause i {
    background-size: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev, .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next {
    margin-top: -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev i, .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next i {
    width: 20px;
    height: 20px;
    margin-top: 6px;
    margin-left: 6px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev i::before, .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next i::before {
    width: 20px;
    height: 20px;
    padding-top: 0;
    font-size: 20px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev {
    left: 16px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next {
    right: 16px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination {
    bottom: 16px;
    right: 16px;
  }
}

@media screen and (max-width: 767px) {
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-prev {
    display: none;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .button-next {
    display: none;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination {
    bottom: 12px;
    right: -12px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination span {
    min-width: 13px;
    line-height: 16px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .spf-action-slash {
    margin-top: 0px;
    width: 8px;
    text-align: center;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .spf-action-slash::before {
    margin-top: 0px;
    font-size: 14px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause {
    display: none;
    margin-left: 2px;
    margin-top: 2px;
    height: 14px;
    vertical-align: top;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause i {
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
  .home .kv-section .kv-body .kv_swiper-area .swiper-container .pagination .play_pause.pause i {
    background-size: 14px;
  }
}

.home .kv-section .kv-body .kv_typo-area .kv_typo-panel {
  padding: 24px 0 0;
  /* min-height: 120px; */
}

.home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header {
  position: relative;
  padding: 0;
  min-height: 0;
  height: 120px;
}

.home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header:after {
  content: '';
  display: block;
  clear: both;
}

.home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box {
  float: left;
  width: 398px;
  padding-right: 0;
}

.home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box .title {
  color: #fff;
}

.home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box .title span {
  display: inline-block;
  max-width: 320px;
}

.home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box .title .btn-hover {
  display: block;
}

.home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .desc-box {
  float: left;
  padding-top: 8px;
  padding-left: 24px;
  width: calc( 100% - 398px);
}

.home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .desc-box .desc {
  color: rgba(255, 255, 255, 0.87);
}

@media screen and (max-width: 1439px) {
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header {
    height: 100px;
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box {
    width: 291px;
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box .title span {
    max-width: 240px;
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .desc-box {
    padding-top: 4px;
    padding-left: 24px;
    width: calc( 100% - 291px);
  }
}

@media screen and (max-width: 1023px) {
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header {
    height: 108px;
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box {
    width: calc(100% - 30px);
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box .title span {
    max-width: none;
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .desc-box {
    padding-top: 12px;
    padding-left: 0px;
    width: 100%;
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

@media screen and (max-width: 767px) {
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel {
    padding: 16px 0 0;
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header {
    height: 100px;
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box {
    width: calc(100% - 30px);
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box .title span {
    max-width: initial;
  }
  .home .kv-section .kv-body .kv_typo-area .kv_typo-panel .p-header .desc-box {
    padding-top: 8px;
  }
}

.home .kv-section .kv-body .kv_typo-area li {
  display: none;
}

.home .kv-section .kv-body .kv_typo-area li.active {
  display: block;
}

.home .kv-section .kv-body .kv_typo-area li.active .kv_typo-panel .title-box, .home .kv-section .kv-body .kv_typo-area li.active .kv_typo-panel .desc-box {
  -webkit-animation-name: kv_typo_op;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards;
  /* Safari 4.0 - 8.0 */
  animation-name: kv_typo_op;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.home .kv-section .kv-body .kv_typo-area li.active .kv_typo-panel .title-box .spf, .home .kv-section .kv-body .kv_typo-area li.active .kv_typo-panel .desc-box .spf {
  -webkit-animation-name: kv_typo_x;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards;
  /* Safari 4.0 - 8.0 */
  animation-name: kv_typo_x;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@-webkit-keyframes kv_typo_x {
  0% {
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-webkit-keyframes kv_typo_op {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
  }
}

.home .kv-section.full_tit .kv-body {
  /* 타이포 */
}

.home .kv-section.full_tit .kv-body .kv_typo-area .kv_typo-panel .p-header {
  height: auto;
  display: flex;
}

.home .kv-section.full_tit .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box {
  width: auto;
  margin-right: 78px;
}

.home .kv-section.full_tit .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box .title span {
  max-width: 100%;
}

@media screen and (max-width: 1439px) {
  .home .kv-section.full_tit .kv-body .kv_typo-area .kv_typo-panel .p-header {
    height: auto;
  }
  .home .kv-section.full_tit .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box {
    width: auto;
    margin-right: 50px;
  }
}

@media screen and (max-width: 1023px) {
  .home .kv-section.full_tit .kv-body .kv_typo-area .kv_typo-panel .p-header {
    height: auto;
    flex-direction: column;
  }
  .home .kv-section.full_tit .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box {
    width: calc(100% - 30px);
  }
  .home .kv-section.full_tit .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box .title span {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .home .kv-section.full_tit .kv-body .kv_typo-area .kv_typo-panel .p-header {
    height: auto;
  }
  .home .kv-section.full_tit .kv-body .kv_typo-area .kv_typo-panel .p-header .title-box {
    width: calc(100% - 30px);
  }
}

.home .mama-section {
  padding-bottom: 120px;
  background-image: url(../images/common/dark-bg.gif);
}

.home .mama-section .mama-panle .p-body {
  position: relative;
}

.home .mama-section .mama-panle .p-body:after {
  content: '';
  display: block;
  clear: both;
}

.home .mama-section .mama-panle .p-body .image-area {
  position: absolute;
  right: 0;
  width: 660px;
}

.home .mama-section .mama-panle .p-body .image-area img {
  width: 100%;
}

.home .mama-section .mama-panle .p-body .typo-area {
  position: relative;
  float: left;
  width: calc( 100% - 660px);
  height: 372px;
  padding-right: 72px;
}

.home .mama-section .mama-panle .p-body .typo-area:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.home .mama-section .mama-panle .p-body .typo-area > div {
  display: inline-block;
  width: 98%;
  vertical-align: middle;
}

.home .mama-section .mama-panle .p-body .typo-area .title {
  color: #fff;
}

.home .mama-section .mama-panle .p-body .typo-area .title span {
  display: block;
}

.home .mama-section .mama-panle .p-body .typo-area .desc {
  color: rgba(255, 255, 255, 0.87);
  margin-top: 16px;
  font-size: 0;
}

.home .mama-section .mama-panle .p-body .typo-area .btn_set {
  color: #fff;
  margin-top: 48px;
}

.home .mama-section .mama-panle .p-body .typo-area .btn_set .btn {
  width: auto;
}

.home .mama-section .kv_swiper-area .swiper-container .pagination {
  position: relative;
  bottom: 0;
  display: inline-block;
  padding: 4px 16px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.62);
  border-radius: 16px;
  z-index: 10;
}

.home .mama-section .kv_swiper-area .swiper-container .pagination span, .home .mama-section .kv_swiper-area .swiper-container .pagination i {
  display: inline-block;
  vertical-align: top;
  color: #fff;
}

.home .mama-section .kv_swiper-area .swiper-container .pagination span {
  min-width: 17px;
  text-align: center;
  line-height: 24px;
}

.home .mama-section .kv_swiper-area .swiper-container .pagination .spf-action-slash, .home .mama-section .kv_swiper-area .swiper-container .pagination .tot {
  color: rgba(255, 255, 255, 0.42);
}

.home .mama-section .kv_swiper-area .swiper-container .pagination .spf-action-slash {
  text-align: center;
  width: 8px;
  height: 14px;
  margin-top: 4px;
}

.home .mama-section .kv_swiper-area .swiper-container .pagination .spf-action-slash::before {
  margin-top: -3px;
  font-size: 14px;
  width: 8px;
  height: 14px;
}

.home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause {
  margin-left: 4px;
  vertical-align: top;
}

.home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause i {
  width: 24px;
  height: 24px;
}

.home .mama-section .kv_swiper-area .swiper-container .swiper-bottom {
  display: flex;
  margin-top: 64px;
  align-items: center;
}

@media screen and (max-width: 1439px) {
  .home .mama-section .kv_swiper-area .swiper-container .swiper-bottom {
    margin-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .home .mama-section .kv_swiper-area .swiper-container .swiper-bottom {
    margin-top: 40px;
  }
}

.home .mama-section .kv_swiper-area .swiper-container .swiper-dot {
  display: inline-block;
  margin-left: 40px;
}

.home .mama-section .kv_swiper-area .swiper-container .swiper-dot .swiper-dot_item {
  cursor: pointer;
  float: left;
  width: 48px;
  height: 4px;
  margin-right: 14px;
  background-color: rgba(255, 255, 255, 0.42);
  font-size: 0;
  line-height: 0;
}

.home .mama-section .kv_swiper-area .swiper-container .swiper-dot .swiper-dot_item.active {
  background-color: rgba(255, 255, 255, 0.62);
}

@media screen and (max-width: 1439px) {
  .home .mama-section .kv_swiper-area .swiper-container .swiper-dot .swiper-dot_item {
    width: 40px;
    height: 4px;
    margin-right: 12px;
  }
}

@media screen and (max-width: 767px) {
  .home .mama-section .kv_swiper-area .swiper-container .swiper-dot .swiper-dot_item {
    width: 40px;
    height: 4px;
    margin-right: 8px;
  }
}

@media screen and (max-width: 1439px) {
  .home .mama-section .kv_swiper-area .swiper-container .swiper-dot {
    margin-left: 32px;
  }
}

@media screen and (max-width: 767px) {
  .home .mama-section .kv_swiper-area .swiper-container .swiper-dot {
    margin-left: 16px;
  }
}

@media screen and (max-width: 1439px) {
  .home .mama-section .kv_swiper-area .swiper-container .pagination {
    bottom: 0;
    right: 0;
    padding: 4px 12px;
    border-radius: 14px;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination span {
    min-width: 15px;
    line-height: 20px;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination .spf-action-slash {
    width: 8px;
    text-align: center;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination .spf-action-slash::before {
    margin-top: -4px;
    font-size: 14px;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause {
    margin-left: 2px;
    height: 20px;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    background-size: 16px;
  }
}

@media screen and (max-width: 1439px) and (max-width: 1439px) {
  .home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 1px;
  }
}

@media screen and (max-width: 1439px) and (max-width: 1023px) {
  .home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 0;
  }
}

@media screen and (max-width: 1439px) {
  .home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause.pause i {
    background-size: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .home .mama-section .kv_swiper-area .swiper-container .pagination {
    bottom: 0;
    right: 0;
  }
}

@media screen and (max-width: 767px) {
  .home .mama-section .kv_swiper-area .swiper-container .pagination {
    bottom: 0;
    right: 0;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination span {
    min-width: 13px;
    line-height: 16px;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination .spf-action-slash {
    margin-top: 0px;
    width: 8px;
    text-align: center;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination .spf-action-slash::before {
    margin-top: 0px;
    font-size: 14px;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause {
    display: none;
    margin-left: 2px;
    margin-top: 2px;
    height: 14px;
    vertical-align: top;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause i {
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
  .home .mama-section .kv_swiper-area .swiper-container .pagination .play_pause.pause i {
    background-size: 14px;
  }
}

@media screen and (max-width: 1439px) {
  .home .mama-section {
    padding-bottom: 96px;
  }
  .home .mama-section .mama-panle .p-body .image-area {
    width: 453px;
  }
  .home .mama-section .mama-panle .p-body .typo-area {
    width: calc( 100% - 453px);
    padding-right: 64px;
    height: 255px;
  }
  .home .mama-section .mama-panle .p-body .typo-area .btn_set {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .home .mama-section {
    padding-bottom: 80px;
  }
  .home .mama-section .mama-panle .p-body .image-area {
    width: 324px;
  }
  .home .mama-section .mama-panle .p-body .typo-area {
    width: calc( 100% - 324px);
    padding-right: 32px;
    height: 183px;
  }
  .home .mama-section .mama-panle .p-body .typo-area .desc {
    margin-top: 8px;
  }
  .home .mama-section .mama-panle .p-body .typo-area .btn_set {
    margin-top: 32px;
  }
}

@media screen and (max-width: 767px) {
  .home .mama-section {
    padding-bottom: 64px;
  }
  .home .mama-section .mama-panle .p-body .image-area {
    position: relative;
    right: auto;
    width: 100%;
  }
  .home .mama-section .mama-panle .p-body .typo-area {
    margin-top: 24px;
    width: 100%;
    padding-right: 0px;
    height: auto;
  }
  .home .mama-section .mama-panle .p-body .typo-area .desc {
    margin-top: 8px;
  }
  .home .mama-section .mama-panle .p-body .typo-area .btn_set {
    margin-top: 24px;
  }
}

.home .featuredworks-section {
  background-image: url(../images/common/dark-bg.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 27.5vw;
  overflow: hidden;
}

@media screen and (min-width: 1440px) {
  .home .featuredworks-section {
    background-size: 100% 396px;
  }
}

@media screen and (max-width: 1439px) {
  .home .featuredworks-section {
    background-size: 100% 28.41797vw;
  }
}

@media screen and (max-width: 1023px) {
  .home .featuredworks-section {
    background-size: 100% 36.19792vw;
  }
}

@media screen and (max-width: 767px) {
  .home .featuredworks-section {
    background-size: 100% 48.88889vw;
  }
}

.home .featuredworks-section .col_slider-area .swiper-container {
  overflow: visible;
}

@media screen and (max-width: 767px) {
  .home .featuredworks-section .col_slider-area .swiper-container .swiper-slide {
    width: 176px;
    /*display: inline-block; margin-left: 16px; */
  }
}

.home .latest_news-section {
  padding-bottom: 120px;
}

@media screen and (max-width: 1439px) {
  .home .latest_news-section {
    padding-bottom: 96px;
  }
}

@media screen and (max-width: 1023px) {
  .home .latest_news-section {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .home .latest_news-section {
    padding-bottom: 64px;
  }
  .home .latest_news-section .itmes-panel .card_item.card-more a .typo-area {
    padding-top: 0;
  }
  .home .latest_news-section.open .itmes-panel .p-body .col3 li {
    display: block;
  }
}

.home .our_business-section {
  background-image: url(../images/common/dark-bg.gif);
  padding: 120px 0 0;
}

@media screen and (max-width: 1439px) {
  .home .our_business-section {
    padding-top: 96px;
  }
}

@media screen and (max-width: 1023px) {
  .home .our_business-section {
    padding-top: 80px;
  }
}

@media screen and (max-width: 767px) {
  .home .our_business-section {
    padding-top: 64px;
  }
}

.home .our_business-section .our_business-area li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.home .our_business-section .our_business-area li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.home .our_business-section .our_business-area .li-inner {
  position: relative;
  padding: 16px 0;
}

.home .our_business-section .our_business-area .li-inner:after {
  content: '';
  display: block;
  clear: both;
}

.home .our_business-section .our_business-area .title-box {
  width: 660px;
  float: right;
  text-align: right;
}

.home .our_business-section .our_business-area .title-box span {
  display: inline-block;
  font-size: 64px;
  line-height: 80px;
  font-weight: 300;
}

.home .our_business-section .our_business-area .desc-box {
  width: 546px;
}

.home .our_business-section .our_business-area .desc-box em {
  display: inline-block;
  margin-right: 8px;
  font-size: 32px;
  line-height: 80px;
  font-weight: 700;
}

.home .our_business-section .our_business-area .desc-box span {
  display: inline-block;
  font-size: 24px;
  line-height: 80px;
  font-weight: 400;
}

@media screen and (max-width: 1439px) {
  .home .our_business-section .our_business-area .li-inner {
    padding: 16px 0;
  }
  .home .our_business-section .our_business-area .title-box {
    width: 50%;
    /* width: 452px; */
  }
  .home .our_business-section .our_business-area .title-box span {
    font-size: 48px;
    line-height: 56px;
    font-weight: 300;
  }
  .home .our_business-section .our_business-area .desc-box {
    width: 45%;
    /* width: 374px; */
  }
  .home .our_business-section .our_business-area .desc-box em {
    margin-right: 8px;
    font-size: 24px;
    line-height: 56px;
    font-weight: 700;
  }
  .home .our_business-section .our_business-area .desc-box span {
    font-size: 16px;
    line-height: 56px;
    font-weight: 400;
  }
}

@media screen and (max-width: 1023px) {
  .home .our_business-section .our_business-area .li-inner {
    padding: 8px 0;
  }
  .home .our_business-section .our_business-area .title-box {
    /* width: 324px; */
  }
  .home .our_business-section .our_business-area .title-box span {
    font-size: 32px;
    line-height: 38px;
    font-weight: 300;
  }
  .home .our_business-section .our_business-area .desc-box {
    /* width: 235px; */
  }
  .home .our_business-section .our_business-area .desc-box em {
    margin-right: 8px;
    font-size: 16px;
    line-height: 38px;
    font-weight: 700;
  }
  .home .our_business-section .our_business-area .desc-box span {
    font-size: 14px;
    line-height: 38px;
    font-weight: 400;
  }
}

@media screen and (max-width: 767px) {
  .home .our_business-section .our_business-area .li-inner {
    padding: 12px 0;
  }
  .home .our_business-section .our_business-area .title-box {
    float: none;
    width: 100%;
  }
  .home .our_business-section .our_business-area .title-box span {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
  }
  .home .our_business-section .our_business-area .desc-box {
    margin-top: 0;
    width: 100%;
    text-align: right;
  }
  .home .our_business-section .our_business-area .desc-box em {
    margin-right: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .home .our_business-section .our_business-area .desc-box span {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    float: right;
  }
}

.home .message-section {
  background-image: url(../images/common/dark-bg.gif);
  padding: 120px 0 200px;
}

.home .message-section .message-box {
  font-size: 60px;
  line-height: 110%;
  font-weight: 700;
  color: #fff;
}

.home .message-section .message-box em {
  color: #FF5A00;
}

.home .message-section .message-box .br {
  display: block;
}

.home .message-section .message-box .br-pc {
  display: block;
}

.home .message-section .message-box .br-sm {
  display: none;
}

@media screen and (max-width: 1439px) {
  .home .message-section {
    padding: 96px 0 120px;
  }
  .home .message-section .message-box {
    font-size: 40px;
    line-height: 124%;
  }
}

@media screen and (max-width: 1023px) {
  .home .message-section {
    padding: 80px 0 120px;
  }
  .home .message-section .message-box {
    font-size: 32px;
    line-height: 110%;
  }
}

@media screen and (max-width: 767px) {
  .home .message-section {
    padding: 64px 0 80px;
  }
  .home .message-section .message-box {
    font-size: 25px;
    line-height: 116%;
    letter-spacing: -0.01em;
  }
  .home .message-section .message-box .br-pc {
    display: none;
  }
  .home .message-section .message-box .br-sm {
    display: block;
  }
}

.br {
  display: block;
}

.br-pc {
  display: block;
}

.br-mb {
  display: none;
}

.br-sm {
  display: none;
}

@media screen and (max-width: 1439px) {
  .br-pc {
    display: none;
  }
  .br-mb {
    display: block;
  }
  .br-sm {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .br-pc {
    display: none;
  }
  .br-mb {
    display: none;
  }
  .br-sm {
    display: block;
  }
}

.story-section {
  padding-top: 96px;
  overflow: hidden;
}

.story-section .p-header {
  text-align: center;
}

.story-section .p-header .desc {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 35.84px;
  letter-spacing: 0.006em;
}

.story-section .p-header .title {
  margin-top: 10px;
  color: #FF5A00;
  font-size: 64px;
  font-weight: 700;
  line-height: 71.68px;
}

.story-section .p-header .icon {
  margin-top: 40px;
}

.story-section .p-header .icon .spf {
  width: 40px;
  height: 40px;
  color: #FF5A00;
  line-height: 40px;
}

.story-section .p-header .icon .spf::before {
  width: 40px;
  height: 40px;
  font-size: 40px;
}

@media screen and (max-width: 1439px) {
  .story-section .p-header .desc {
    font-size: 24px;
    line-height: 26.88px;
  }
  .story-section .p-header .title {
    font-size: 48px;
    line-height: 52.8px;
  }
  .story-section .p-header .icon {
    margin-top: 24px;
  }
  .story-section .p-header .icon .spf {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .story-section .p-header .icon .spf::before {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .story-section .p-header .desc {
    font-size: 18px;
    line-height: 19.8px;
    letter-spacing: 0.04em;
  }
  .story-section .p-header .title {
    margin-top: 4px;
    font-size: 36px;
    line-height: 39.6px;
  }
  .story-section .p-header .icon {
    margin-top: 16px;
  }
  .story-section .p-header .icon .spf {
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
  .story-section .p-header .icon .spf::before {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .story-section .p-header .desc {
    font-size: 14px;
    line-height: 15.4px;
    letter-spacing: 0.02em;
  }
  .story-section .p-header .title {
    margin-top: 4px;
    font-size: 30px;
    line-height: 33px;
    letter-spacing: -0.018em;
  }
}

.story-section .p-body {
  width: 1116px;
  margin: 0 auto;
  margin-top: 40px;
}

.story-section .p-body .story-inner {
  position: relative;
}

.story-section .p-body .story-inner .text-area {
  color: rgba(255, 255, 255, 0.87);
  text-align: center;
}

.story-section .p-body .story-inner .end_text-area {
  position: relative;
  width: 888px;
  margin: 0 auto;
  padding-top: 176px;
  color: rgba(255, 255, 255, 0.87);
  text-align: center;
}

.story-section .p-body .story-inner .end_text-area::before {
  content: '';
  position: absolute;
  top: 56px;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 64px;
  background-color: #555;
}

@media screen and (max-width: 1439px) {
  .story-section .p-body {
    width: 83%;
    margin-top: 24px;
  }
  .story-section .p-body .story-inner .end_text-area {
    width: 80%;
    padding-top: 128px;
  }
  .story-section .p-body .story-inner .end_text-area::before {
    content: '';
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 48px;
    background-color: #555;
  }
}

@media screen and (max-width: 1023px) {
  .story-section .p-body {
    margin-top: 16px;
  }
  .story-section .p-body .story-inner .end_text-area {
    width: 80%;
    padding-top: 88px;
  }
  .story-section .p-body .story-inner .end_text-area::before {
    content: '';
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 40px;
    background-color: #555;
  }
}

@media screen and (max-width: 767px) {
  .story-section .p-body {
    width: 100%;
  }
  .story-section .p-body .story-inner .end_text-area {
    width: 100%;
    padding-top: 80px;
  }
  .story-section .p-body .story-inner .end_text-area::before {
    content: '';
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 32px;
    background-color: #555;
  }
}

@media screen and (max-width: 1439px) {
  .story-section {
    padding-top: 80px;
  }
}

@media screen and (max-width: 1023px) {
  .story-section {
    padding-top: 64px;
  }
}

@media screen and (max-width: 767px) {
  .story-section {
    padding-top: 40px;
  }
}

.title-section {
  padding: 0 0 72px;
}

.title-section .con-header {
  overflow: hidden;
  padding: 72px 0px 56px;
}

.title-section .con-header .td4 {
  width: 33%;
  display: inline-block;
  float: left;
}

.title-section .con-header .tb1 {
  width: 65%;
  display: inline-block;
  float: right;
  font-weight: 400;
}

@media screen and (max-width: 1439px) {
  .title-section {
    padding-bottom: 64px;
  }
  .title-section .con-header {
    padding: 64px 0 32px;
  }
}

@media screen and (max-width: 1023px) {
  .title-section {
    padding-bottom: 48px;
  }
  .title-section .con-header {
    padding: 48px 0px 32px;
  }
  .title-section .con-header .td4 {
    width: 100%;
    display: block;
    float: none;
  }
  .title-section .con-header .tb1 {
    width: 75%;
    display: block;
    float: none;
    margin-top: 8px;
  }
}

@media screen and (max-width: 767px) {
  .title-section {
    padding-bottom: 32px;
  }
  .title-section .con-header {
    padding: 32px 0px;
  }
  .title-section .con-header .tb1 {
    width: 100%;
  }
}

.kv-section {
  width: 100%;
  overflow: hidden;
  background-image: url(../images/common/dark-bg.gif);
}

.kv-section {
  background-color: #121212;
}

.kv-section.business {
  padding-bottom: 48px;
}

@media screen and (max-width: 1439px) {
  .kv-section.business {
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .kv-section.business {
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  .kv-section.business {
    padding-bottom: 16px;
  }
}

.kv-section.business_desc {
  padding-bottom: 0;
}

.kv-section.business_desc .kv-desc {
  padding: 115px 48px 115px;
  text-align: center;
}

.kv-section.business_desc .kv-desc span {
  color: #fff;
}

@media screen and (max-width: 1439px) {
  .kv-section.business_desc {
    padding-bottom: 0;
  }
  .kv-section.business_desc .kv-desc {
    padding: 80px 48px 80px;
  }
}

@media screen and (max-width: 1023px) {
  .kv-section.business_desc {
    padding-bottom: 0px;
  }
  .kv-section.business_desc .kv-desc {
    padding: 70px 48px 70px;
  }
}

@media screen and (max-width: 767px) {
  .kv-section.business_desc {
    padding-bottom: 0px;
  }
  .kv-section.business_desc .kv-desc {
    padding: 44px 24px 44px;
  }
}

.kv-section .kv-wrap {
  position: relative;
}

.kv-section .kv-wrap .kv-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.kv-section .kv-wrap .kv-header:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.kv-section .kv-wrap .kv-header > .header-box {
  display: inline-block;
  width: calc(100% - 1px);
  padding: 0 127px 0 48px;
  vertical-align: middle;
}

.kv-section .kv-wrap .kv-header .h-title {
  color: #fff;
}

.kv-section .kv-wrap .kv-header .h-desc {
  width: 888px;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.87);
}

.kv-section .kv-wrap .kv-header .h-btnarea {
  margin-top: 40px;
}

.kv-section .kv-wrap .kv-header .h-btnarea .btn {
  width: auto;
}

.kv-section .kv-wrap .kv-header .h-btnarea .btn.ko {
  font-family: "CJ ONLYONE NEW title";
}

.kv-section .kv-wrap .kv-header .h-btnarea .btn.en {
  font-family: "Circular Std";
  font-weight: 700;
}

.kv-section .kv-wrap .kv-header .h-btnarea .btn.tt5 {
  padding: 15px 35px;
}

@media screen and (max-width: 1439px) {
  .kv-section .kv-wrap .kv-header .h-btnarea .btn.tt5 {
    padding: 9px 24px;
  }
}

.kv-section .kv-wrap .kv-body .kv-bg {
  width: 100%;
  height: 0;
  padding-bottom: 35.1388%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1439px) {
  .kv-section .kv-wrap .kv-header > .header-box {
    padding: 0 127px 0 48px;
  }
  .kv-section .kv-wrap .kv-header .h-desc {
    width: 611px;
    margin-top: 16px;
  }
  .kv-section .kv-wrap .kv-header .h-btnarea {
    margin-top: 32px;
  }
  .kv-section .kv-wrap .kv-body .kv-bg {
    padding-bottom: 35.1562%;
  }
}

@media screen and (max-width: 1023px) {
  .kv-section .kv-wrap .kv-header > .header-box {
    padding: 0 135px 0 48px;
  }
  .kv-section .kv-wrap .kv-header .h-desc {
    width: 510px;
    margin-top: 8px;
  }
  .kv-section .kv-wrap .kv-body .kv-bg {
    padding-bottom: 46.875%;
  }
}

@media screen and (max-width: 767px) {
  .kv-section .kv-wrap .kv-header > .header-box {
    padding: 0 24px 48px 24px;
    vertical-align: bottom;
  }
  .kv-section .kv-wrap .kv-header .h-desc {
    width: 100%;
    margin-top: 8px;
  }
  .kv-section .kv-wrap .kv-header .h-btnarea {
    margin-top: 24px;
  }
  .kv-section .kv-wrap .kv-body .kv-bg {
    padding-bottom: 116.6666%;
  }
}

.kv-section + .thumbnail_list-section {
  padding-top: 72px;
}

@media screen and (max-width: 1439px) {
  .kv-section + .thumbnail_list-section {
    padding-top: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .kv-section + .thumbnail_list-section {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .kv-section + .thumbnail_list-section {
    padding-top: 48px;
  }
}

.kv-section + .breadcrumb-section {
  padding-top: 72px;
}

@media screen and (max-width: 1439px) {
  .kv-section + .breadcrumb-section {
    padding-top: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .kv-section + .breadcrumb-section {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .kv-section + .breadcrumb-section {
    padding-top: 48px;
  }
}

.top_title-section + .thumbnail_list-section.col4_list {
  padding-top: 72px;
}

@media screen and (max-width: 1439px) {
  .top_title-section + .thumbnail_list-section.col4_list {
    padding-top: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .top_title-section + .thumbnail_list-section.col4_list {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .top_title-section + .thumbnail_list-section.col4_list {
    padding-top: 48px;
  }
}

.breadcrumb-section .business-content-section .p-body > ul > li {
  margin-bottom: 120px;
  text-align: left;
}

@media screen and (max-width: 1439px) {
  .breadcrumb-section .business-content-section .p-body > ul > li {
    margin-bottom: 96px;
  }
}

@media screen and (max-width: 1023px) {
  .breadcrumb-section .business-content-section .p-body > ul > li {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumb-section .business-content-section .p-body > ul > li {
    margin-bottom: 64px;
  }
}

.breadcrumb-section .business-content-section .p-body > ul > li:last-child {
  margin-bottom: 0;
}

.breadcrumb-section .business-content-section .p-body > ul > li .imgbox {
  overflow: hidden;
  position: relative;
}

.breadcrumb-section .business-content-section .p-body > ul > li .imgbox img {
  max-width: 100%;
  max-height: 504px;
}

@media screen and (max-width: 767px) {
  .breadcrumb-section .business-content-section .p-body > ul > li .imgbox {
    min-height: 47vw;
  }
  .breadcrumb-section .business-content-section .p-body > ul > li .imgbox img {
    max-width: none;
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.breadcrumb-section .business-content-section .p-body > ul > li .business-cont {
  padding-top: 40px;
}

.breadcrumb-section .business-content-section .p-body > ul > li .business-cont h3 {
  position: relative;
  padding-right: 25%;
}

.breadcrumb-section .business-content-section .p-body > ul > li .business-cont h3 > .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}

.breadcrumb-section .business-content-section .p-body > ul > li .business-cont h3 > .arrow::before {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
}

.breadcrumb-section .business-content-section .p-body > ul > li .business-cont p {
  width: 75%;
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1439px) {
  .breadcrumb-section .business-content-section .p-body > ul > li .business-cont {
    padding-top: 32px;
  }
  .breadcrumb-section .business-content-section .p-body > ul > li .business-cont h3 {
    padding-right: 10%;
  }
  .breadcrumb-section .business-content-section .p-body > ul > li .business-cont h3 > .arrow {
    width: 32px;
    height: 32px;
    margin-top: -16px;
  }
  .breadcrumb-section .business-content-section .p-body > ul > li .business-cont h3 > .arrow::before {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .breadcrumb-section .business-content-section .p-body > ul > li .business-cont {
    padding-top: 24px;
  }
  .breadcrumb-section .business-content-section .p-body > ul > li .business-cont h3 > .arrow {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  .breadcrumb-section .business-content-section .p-body > ul > li .business-cont h3 > .arrow::before {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumb-section .business-content-section .p-body > ul > li .business-cont h3 > .arrow {
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
  .breadcrumb-section .business-content-section .p-body > ul > li .business-cont h3 > .arrow::before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
  }
  .breadcrumb-section .business-content-section .p-body > ul > li .business-cont p {
    width: 100%;
  }
}

.brand-section .brand-container.open .brand-wrap {
  max-height: 100%;
}

.brand-section .brand-container .brand-wrap {
  height: auto;
}

@media screen and (max-width: 767px) {
  .brand-section .brand-container .brand-wrap {
    overflow: hidden;
  }
}

.brand-section .brand-container .brand-wrap > ul {
  border-left: 1px solid #e9e9e9;
}

.brand-section .brand-container .brand-wrap > ul:after {
  content: '';
  clear: both;
  display: block;
}

.brand-section .brand-container .brand-wrap > ul:nth-child(n+2) > li > a {
  border-top: 0;
}

@media screen and (max-width: 767px) {
  .brand-section .brand-container .brand-wrap > ul:first-child > li:not(:first-child) a {
    border-top: 0;
  }
}

.brand-section .brand-container .brand-wrap > ul li {
  float: left;
  width: 25%;
  height: 160px;
  border: 1px solid #e9e9e9;
  border-left: 0;
  border-top: 0;
}

.brand-section .brand-container .brand-wrap > ul li:nth-child(1), .brand-section .brand-container .brand-wrap > ul li:nth-child(2), .brand-section .brand-container .brand-wrap > ul li:nth-child(3), .brand-section .brand-container .brand-wrap > ul li:nth-child(4) {
  border-top: 1px solid #e9e9e9;
}

@media screen and (max-width: 1439px) {
  .brand-section .brand-container .brand-wrap > ul li {
    height: 112px;
  }
}

@media screen and (max-width: 1023px) {
  .brand-section .brand-container .brand-wrap > ul li {
    height: 80px;
  }
}

@media screen and (max-width: 767px) {
  .brand-section .brand-container .brand-wrap > ul li {
    float: none;
    width: 100%;
    border-right: 0;
    display: none;
  }
  .brand-section .brand-container .brand-wrap > ul li.on {
    display: block;
  }
  .brand-section .brand-container .brand-wrap > ul li:nth-child(2), .brand-section .brand-container .brand-wrap > ul li:nth-child(3), .brand-section .brand-container .brand-wrap > ul li:nth-child(4) {
    border-top: none;
  }
}

.brand-section .brand-container .brand-wrap > ul li > a {
  display: block;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .brand-section .brand-container .brand-wrap > ul li > a {
    position: relative;
    border-right: 1px solid #e9e9e9;
  }
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img {
  display: flex;
  height: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img {
    flex-direction: row;
  }
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img {
  position: relative;
  width: 100%;
  height: 40px;
  background-position: top !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: all .3s ease;
  font-size: 0;
  text-align: center;
}

@media screen and (max-width: 1439px) {
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img {
    width: 145px;
    height: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img {
    height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img {
    display: flex;
    align-items: center;
    margin: 0 16px;
  }
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img img {
  height: 40px;
}

@media screen and (max-width: 1439px) {
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img img {
    height: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img img {
    height: 24px;
  }
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tvn {
  background: url("../images/logo/img_logo_1_new.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tvnstory {
  background: url("../images/logo/img_logo_2.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.otvn {
  background: url("../images/logo/img_logo_3.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.xtvn {
  background: url("../images/logo/img_logo_4.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.mnet {
  background: url("../images/logo/img_logo_17.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.ocn {
  background: url("../images/logo/img_logo_6.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.ocnmovies {
  background: url("../images/logo/img_logo_7.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.ocnthrills {
  background: url("../images/logo/img_logo_8.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.olive {
  background: url("../images/logo/img_logo_9.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tooniverse {
  background: url("../images/logo/img_logo_15.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.chtchon {
  background: url("../images/logo/img_logo_10.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.uxn {
  background: url("../images/logo/img_logo_11.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.zhtv {
  background: url("../images/logo/img_logo_13.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tving {
  background: url("../images/logo/img_logo_16.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tvndrame {
  background: url("../images/logo/img_logo_32.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tvnshow {
  background: url("../images/logo/img_logo_33.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.studio_dragon {
  background: url("../images/logo/img_logo_23.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.bazooka {
  background: url("../images/logo/img_logo_24.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.m2 {
  background: url("../images/logo/brand_img18.png");
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.studiodia {
  background: url("../images/logo/brand_img16.png");
}

@media screen and (max-width: 767px) {
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tvn {
    background: url("../images/logo/img_logo_1_new_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tvnstory {
    background: url("../images/logo/img_logo_2_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.otvn {
    background: url("../images/logo/img_logo_3_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.xtvn {
    background: url("../images/logo/img_logo_4_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.mnet {
    background: url("../images/logo/img_logo_17_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.ocn {
    background: url("../images/logo/img_logo_6_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.ocnmovies {
    background: url("../images/logo/img_logo_7_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.ocnthrills {
    background: url("../images/logo/img_logo_8_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.olive {
    background: url("../images/logo/img_logo_9_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tooniverse {
    background: url("../images/logo/img_logo_15_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.chtchon {
    background: url("../images/logo/img_logo_10_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.uxn {
    background: url("../images/logo/img_logo_11_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.zhtv {
    background: url("../images/logo/img_logo_13_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tving {
    background: url("../images/logo/img_logo_16_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tvndrame {
    background: url("../images/logo/img_logo_32_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.tvnshow {
    background: url("../images/logo/img_logo_33_on.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.studio_dragon {
    background: url("../images/logo/img_logo_23.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.bazooka {
    background: url("../images/logo/img_logo_24.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.m2 {
    background: url("../images/logo/brand_img18.png");
  }
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img .img.studiodia {
    background: url("../images/logo/brand_img16.png");
  }
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img > .text {
  width: 100%;
  height: 0;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.87);
  transform: translateY(-50%);
  transition: all .3s ease;
  padding: 0 24px;
}

@media screen and (max-width: 767px) {
  .brand-section .brand-container .brand-wrap > ul li > a .brand-img > .text {
    text-align: left;
    margin-right: 16px;
    padding: 0;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}

.brand-section .brand-container .brand-wrap > ul li > a .brand-img > .text > span {
  display: block;
}

.brand-section .brand-container .brand-wrap > ul li > a:hover {
  background: #f7f7f7;
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.tvn {
  background: url("../images/logo/img_logo_1_new_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.tvnstory {
  background: url("../images/logo/img_logo_2_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.otvn {
  background: url("../images/logo/img_logo_3_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.xtvn {
  background: url("../images/logo/img_logo_4_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.mnet {
  background: url("../images/logo/img_logo_17_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.ocn {
  background: url("../images/logo/img_logo_6_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.ocnmovies {
  background: url("../images/logo/img_logo_7_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.ocnthrills {
  background: url("../images/logo/img_logo_8_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.olive {
  background: url("../images/logo/img_logo_9_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.tooniverse {
  background: url("../images/logo/img_logo_15_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.chtchon {
  background: url("../images/logo/img_logo_10_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.uxn {
  background: url("../images/logo/img_logo_11_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.zhtv {
  background: url("../images/logo/img_logo_13_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.tving {
  background: url("../images/logo/img_logo_16_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.tvndrame {
  background: url("../images/logo/img_logo_32_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.tvnshow {
  background: url("../images/logo/img_logo_33_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.studio_dragon {
  background: url("../images/logo/img_logo_23_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.bazooka {
  background: url("../images/logo/img_logo_24_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.m2 {
  background: url("../images/logo/brand_img18_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img > .img.studiodia {
  background: url("../images/logo/brand_img16_on.png");
}

.brand-section .brand-container .brand-wrap > ul li > a:hover > .brand-img .text {
  height: auto;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 1023px) {
  .brand-section .brand-container .brand-wrap > ul li > a .text {
    display: none;
  }
}

.brand-section .brand-container .brand-wrap > ul li.empty {
  border: 0;
}

.brand-section .brand-container .brand-more-box {
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}

.brand-section .brand-container .brand-more-box .btn {
  padding: 0 23px;
}

.brand-section .brand-container .brand-more-box .spf::before {
  transform: rotate(180deg);
}

.brand-section .brand-container .brand-more-box.more .spf::before {
  transform: rotate(0deg);
}

@media screen and (max-width: 767px) {
  .brand-section .brand-container .brand-more-box {
    display: flex;
  }
}

.colslider_brands-section {
  overflow: hidden;
}

.colslider_brands-section .p-header .title .spf {
  display: none;
}

.colslider_brands-section .col3.col_slider-area {
  margin-top: 0;
}

.colslider_brands-section .swiper-container {
  overflow: visible;
}

.colslider_brands-section .swiper-container .swiper-slide {
  width: 33.33335%;
}

.colslider_brands-section .swiper-container .card_item.card-brand {
  height: 243px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.colslider_brands-section .swiper-container .card_item.card-brand a {
  display: block;
  padding: 40px 40px;
}

.colslider_brands-section .swiper-container .card_item.card-brand a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.colslider_brands-section .swiper-container .card_item.card-brand a .brand-box {
  position: relative;
}

.colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .logo-box img {
  height: 64px;
}

.colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .txt-box {
  width: 288px;
  min-height: 84px;
  margin-top: 16px;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .txt-box span {
  display: block;
}

.colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .icon-box {
  position: absolute;
  bottom: 0;
  right: 0;
}

.colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .icon-box .spf {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .icon-box .spf::before {
  width: 40px;
  height: 40px;
  font-size: 40px;
}

@media screen and (max-width: 1439px) {
  .colslider_brands-section .swiper-container .card_item.card-brand {
    height: 176px;
  }
  .colslider_brands-section .swiper-container .card_item.card-brand a {
    padding: 24px 24px;
  }
  .colslider_brands-section .swiper-container .card_item.card-brand a .brand-box {
    position: relative;
  }
  .colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .logo-box img {
    height: 48px;
  }
  .colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .txt-box {
    min-height: 72px;
    width: calc(100% - 40px);
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .icon-box .spf {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .icon-box .spf::before {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .colslider_brands-section .swiper-container .card_item.card-brand {
    height: 164px;
  }
  .colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .logo-box img {
    height: 48px;
  }
  .colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .txt-box {
    min-height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .colslider_brands-section .swiper-container .card_item.card-brand {
    height: 156px;
  }
  .colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .logo-box img {
    height: 40px;
  }
  .colslider_brands-section .swiper-container .card_item.card-brand a .brand-box .txt-box {
    min-height: 60px;
  }
  .colslider_brands-section .swiper-container .swiper-slide {
    width: 80%;
  }
}

.brand_title-section {
  padding-top: 80px;
  overflow: hidden;
  background-image: url(../images/common/dark-bg.gif);
  background-position: 0 0;
  color: #fff;
}

.brand_title-section .con-header {
  position: relative;
  background-color: #121212;
}

.brand_title-section .con-header .con-inner {
  position: relative;
}

.brand_title-section .con-header .con-inner .brand_site_btn {
  position: relative;
}

.brand_title-section .con-header .con-inner .in {
  position: relative;
}

.brand_title-section .con-header .con-inner .logo img {
  height: 144px;
}

.brand_title-section .con-header .con-inner .sub_tit {
  color: rgba(255, 255, 255, 0.62);
}

.brand_title-section .con-header .con-inner .title {
  margin-top: 24px;
}

.brand_title-section .con-header .con-inner .sub_txt {
  width: 888px;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.87);
}

.brand_title-section .con-header .con-inner .sub_txt .tb1 {
  font-weight: 400;
}

.brand_title-section .con-header .con-inner .link {
  position: absolute;
  top: 44px;
  right: 0;
}

.brand_title-section .con-header .con-inner .link .btn {
  width: auto;
}

.brand_title-section .con-header .con-inner .sns-link {
  margin-top: 48px;
}

.brand_title-section .con-header .con-inner .sns-link .sns_wrap {
  font-size: 0;
  line-height: 0;
}

.brand_title-section .con-header .con-inner .sns-link .sns_wrap > a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  color: rgba(255, 255, 255, 0.87);
}

.brand_title-section .con-header .con-inner .sns-link .sns_wrap > a:first-child {
  margin-left: 0;
}

.brand_title-section .con-header .con-inner .sns-link .sns_wrap > a i.spf {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

.brand_title-section .con-header .con-inner .sns-link .sns_wrap > a i.spf:before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

@media screen and (max-width: 1439px) {
  .brand_title-section {
    padding-top: 80px;
  }
  .brand_title-section .con-header .con-inner .logo img {
    height: 96px;
  }
  .brand_title-section .con-header .con-inner .title {
    margin-top: 16px;
  }
  .brand_title-section .con-header .con-inner .sub_txt {
    width: 611px;
    margin-top: 12px;
  }
  .brand_title-section .con-header .con-inner .link {
    top: 28px;
  }
  .brand_title-section .con-header .con-inner .sns-link {
    margin-top: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .brand_title-section {
    padding-top: 60px;
  }
  .brand_title-section .con-header .con-inner .logo img {
    height: 72px;
  }
  .brand_title-section .con-header .con-inner .title {
    margin-top: 16px;
  }
  .brand_title-section .con-header .con-inner .link {
    top: 16px;
  }
  .brand_title-section .con-header .con-inner .sub_txt {
    width: 498px;
    margin-top: 10px;
  }
  .brand_title-section .con-header .con-inner .sns-link {
    margin-top: 32px;
  }
}

@media screen and (max-width: 767px) {
  .brand_title-section {
    padding-top: 40px;
  }
  .brand_title-section .con-header .con-inner .logo img {
    height: 48px;
  }
  .brand_title-section .con-header .con-inner .title {
    margin-top: 12px;
  }
  .brand_title-section .con-header .con-inner .sub_txt {
    width: 100%;
    margin-top: 8px;
  }
  .brand_title-section .con-header .con-inner .link {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 32px;
  }
  .brand_title-section .con-header .con-inner .sns-link {
    margin-top: 24px;
  }
}

.add_desc-section {
  overflow: hidden;
}

.add_desc-section .add_help-panel .add_help-header {
  width: 1344px;
  padding: 115px 0 84px;
  text-align: center;
}

.add_desc-section .add_help-panel .add_help-header .desc {
  margin-top: 8px;
}

@media screen and (max-width: 1439px) {
  .add_desc-section .add_help-panel .add_help-header {
    width: 100%;
    padding: 80px 0 70px;
  }
}

@media screen and (max-width: 1023px) {
  .add_desc-section .add_help-panel .add_help-header {
    width: 100%;
    padding: 70px 0 60px;
  }
}

@media screen and (max-width: 767px) {
  .add_desc-section .add_help-panel .add_help-header {
    width: 100%;
    padding: 44px 0 50px;
  }
}

.add_desc-section .add_help-panel .add_help-body .btn_bottom .btn {
  padding: 16px 36px;
  width: auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1023px) {
  .add_desc-section .add_help-panel .add_help-body .btn_bottom .btn_set {
    text-align: center;
  }
  .add_desc-section .add_help-panel .add_help-body .btn_bottom .btn_set .btn.btng-r {
    float: none;
    padding: 10px 24px;
  }
}

.add_desc-section .add_help-panel ul.help-list {
  display: flex;
  justify-content: center;
}

.add_desc-section .add_help-panel ul.help-list > li {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.add_desc-section .add_help-panel ul.help-list > li::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FF5A00;
  opacity: 10%;
}

.add_desc-section .add_help-panel ul.help-list > li .item-title {
  position: relative;
}

.add_desc-section .add_help-panel ul.help-list > li .item-title::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -20px;
  background-color: #FF5A00;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(1) {
  width: 334px;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(1)::before {
  background-color: #FF5A00;
  opacity: 10%;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(1) .item-title {
  width: 192px;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(1) .item-title::before {
  background-color: #FF5A00;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(2) {
  width: 386px;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(2)::before {
  background-color: #D6B475;
  opacity: 10%;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(2) .item-title {
  width: 264px;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(2) .item-title::before {
  background-color: #D6B475;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(3) {
  width: 352px;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(3)::before {
  background-color: #00BCC9;
  opacity: 10%;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(3) .item-title {
  width: 175px;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(3) .item-title::before {
  background-color: #00BCC9;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(4) {
  width: 278px;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(4)::before {
  background-color: #00780C;
  opacity: 10%;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(4) .item-title {
  width: 258px;
}

.add_desc-section .add_help-panel ul.help-list > li:nth-child(4) .item-title::before {
  background-color: #00780C;
}

@media screen and (max-width: 1439px) {
  .add_desc-section .add_help-panel ul.help-list > li {
    position: relative;
    padding-left: 17px;
    padding-right: 17px;
  }
  .add_desc-section .add_help-panel ul.help-list > li .item-title::before {
    left: -17px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) {
    width: 244px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) .item-title {
    width: 133px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) {
    width: 257px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) .item-title {
    width: 171px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) {
    width: 240px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) .item-title {
    width: 116px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) {
    width: 195px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) .item-title {
    width: 178px;
  }
}

@media screen and (max-width: 1023px) {
  .add_desc-section .add_help-panel ul.help-list > li {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
  }
  .add_desc-section .add_help-panel ul.help-list > li .item-title::before {
    left: -15px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) {
    width: 179px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) .item-title {
    width: 101px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) {
    width: 182px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) .item-title {
    width: 131px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) {
    width: 163px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) .item-title {
    width: 83px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) {
    width: 146px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) .item-title {
    width: 131px;
  }
}

@media screen and (max-width: 767px) {
  .add_desc-section .add_help-panel ul.help-list {
    flex-direction: column;
  }
  .add_desc-section .add_help-panel ul.help-list > li {
    position: relative;
    padding-left: 14px;
    padding-right: 14px;
  }
  .add_desc-section .add_help-panel ul.help-list > li .item-title::before {
    left: -14px;
  }
  .add_desc-section .add_help-panel ul.help-list > li + li {
    margin-top: 40px;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) {
    width: 100%;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) .item-title {
    width: 100%;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) {
    width: 100%;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) .item-title {
    width: 100%;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) {
    width: 100%;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) .item-title {
    width: 100%;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) {
    width: 100%;
  }
  .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) .item-title {
    width: 100%;
  }
}

.add_desc-section .add_help-panel ul.desc-list {
  margin-top: 38px;
}

.add_desc-section .add_help-panel ul.desc-list > li + li {
  margin-top: 20px;
}

.add_desc-section .add_help-panel ul.desc-list > li {
  padding-left: 0.5em;
  text-indent: -0.5em;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1439px) {
  .add_desc-section .add_help-panel ul.desc-list {
    margin-top: 39px;
  }
}

@media screen and (max-width: 1023px) {
  .add_desc-section .add_help-panel ul.desc-list {
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .add_desc-section .add_help-panel ul.desc-list {
    margin-top: 19px;
  }
  .add_desc-section .add_help-panel ul.desc-list > li + li {
    margin-top: 18px;
  }
}

.add_desc-section .add_help-panel .help_cont-scroll .shot_w {
  width: 7.813%;
}

.add_desc-section .add_help-panel .help_cont-scroll .normal_w {
  width: 20.834%;
  margin-left: 2.21275%;
}

.add_desc-section .add_help-panel .help_cont-scroll .normal_l {
  width: 43.88075%;
}

@media screen and (max-width: 1023px) {
  .add_desc-section .add_help-panel .help_cont-scroll {
    overflow-x: auto;
    padding-bottom: 10px;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .cont_size {
    min-width: 760px;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .shot_w {
    width: 9%;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .normal_w {
    width: 20.53725%;
    margin-left: 2.21275%;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .normal_l {
    width: 43.28725%;
  }
}

.add_desc-section .add_help-panel .help_cont-scroll .item-title {
  display: inline-block;
  width: 100%;
}

.add_desc-section .add_help-panel .help_cont-scroll .item-title li {
  float: left;
  text-align: center;
  padding-bottom: 1.935%;
  position: relative;
}

.add_desc-section .add_help-panel .help_cont-scroll .item-title li::before {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #333333;
}

.add_desc-section .add_help-panel .help_cont-scroll .item-title li:first-child {
  margin-left: 0;
}

.add_desc-section .add_help-panel .help_cont-scroll .item-title li:nth-child(2)::before {
  background-color: #FF5A00;
}

.add_desc-section .add_help-panel .help_cont-scroll .item-title li:nth-child(3)::before {
  background-color: #D6B475;
}

.add_desc-section .add_help-panel .help_cont-scroll .item-title li:nth-child(4)::before {
  background-color: #00BCC9;
}

.add_desc-section .add_help-panel .help_cont-scroll .item-title li:nth-child(5)::before {
  background-color: #00780C;
}

@media screen and (max-width: 1023px) {
  .add_desc-section .add_help-panel .help_cont-scroll .item-title li:first-child::before {
    left: 50%;
    width: 23px;
    transform: translate(-50%, 0);
  }
}

.add_desc-section .add_help-panel .help_cont-scroll .help_list {
  margin-top: -10px;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_list li {
  border: 1px solid #E4E4E4;
  border-radius: 3px;
  background: #fff;
  width: 46%;
  margin: 10px 2% 0;
  float: left;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_list li span {
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_list li.fr {
  float: right !important;
}

@media screen and (max-width: 1023px) {
  .add_desc-section .add_help-panel .help_cont-scroll .help_list li span {
    min-height: 70px;
  }
}

.add_desc-section .add_help-panel .help_cont-scroll .tv_digital, .add_desc-section .add_help-panel .help_cont-scroll .live_commerce {
  padding: 10px;
  background: url("../images/about/bg_adSeles.png") no-repeat center top;
  background-size: cover;
}

.add_desc-section .add_help-panel .help_cont-scroll .tv_digital dt, .add_desc-section .add_help-panel .help_cont-scroll .live_commerce dt {
  text-align: center;
}

.add_desc-section .add_help-panel .help_cont-scroll .tv_digital dd .help_list, .add_desc-section .add_help-panel .help_cont-scroll .live_commerce dd .help_list {
  display: inline-block;
  width: calc( 100% + 2%);
  margin-left: -1%;
  vertical-align: top;
  margin-top: 0;
}

.add_desc-section .add_help-panel .help_cont-scroll .tv_digital dd .help_list li, .add_desc-section .add_help-panel .help_cont-scroll .live_commerce dd .help_list li {
  float: left;
  border: 0px;
  width: 23%;
  margin: 0px 1%;
}

.add_desc-section .add_help-panel .help_cont-scroll .tv_digital dd .help_list li span, .add_desc-section .add_help-panel .help_cont-scroll .live_commerce dd .help_list li span {
  min-height: 62px;
}

@media screen and (max-width: 1439px) {
  .add_desc-section .add_help-panel .help_cont-scroll .tv_digital dd .help_list li span, .add_desc-section .add_help-panel .help_cont-scroll .live_commerce dd .help_list li span {
    min-height: 48px;
  }
}

@media screen and (max-width: 1023px) {
  .add_desc-section .add_help-panel .help_cont-scroll .tv_digital, .add_desc-section .add_help-panel .help_cont-scroll .live_commerce {
    padding: 10px 10px 5px 10px;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .tv_digital dd .help_list, .add_desc-section .add_help-panel .help_cont-scroll .live_commerce dd .help_list {
    margin-left: 0;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .tv_digital dd .help_list li span, .add_desc-section .add_help-panel .help_cont-scroll .live_commerce dd .help_list li span {
    min-height: 38px;
  }
}

.add_desc-section .add_help-panel .help_cont-scroll .live_commerce dd .help_list {
  display: flex;
  justify-content: space-around;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box {
  background: #fff;
  margin-top: 20px;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap {
  position: relative;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_top, .add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_bottom {
  display: flex;
  align-items: stretch;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_top .sub-item-title, .add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_bottom .sub-item-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_top .sub-item-title {
  margin-bottom: 52px;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_bottom {
  margin-top: 52px;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_bottom .sub-item-title::before {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.2);
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_bottom .sub-item-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #333;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_bottom .normal_w {
  margin-top: 100px;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .r_fixed {
  position: absolute;
  right: 0;
  bottom: 15.8%;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .r_fixed .live_commerce {
  margin-top: 32px;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .r_fixed .live_commerce + .help_list {
  margin-top: 10px;
  width: calc( 100% + 2%);
  margin-left: -1%;
}

.add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .r_fixed .live_commerce + .help_list li {
  width: 23%;
  margin: 0px 1%;
}

@media screen and (max-width: 1023px) {
  .add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_bottom {
    margin-top: 16px;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_bottom .sub-item-title::before, .add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_bottom .sub-item-title:after {
    left: 50%;
    width: 23px;
    transform: translate(-50%, 0);
  }
  .add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .item_bottom .normal_w {
    margin-top: 42px;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .r_fixed {
    bottom: 18.5%;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .r_fixed .live_commerce {
    margin-top: 20px;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .r_fixed .live_commerce + .help_list {
    margin-top: 10px;
    width: calc( 100% + 2%);
    margin-left: -1%;
  }
  .add_desc-section .add_help-panel .help_cont-scroll .help_box .sub_item-wrap .r_fixed .live_commerce + .help_list li {
    width: 23%;
    margin: 0px 1%;
  }
}

.culture-section .culture-panel + .culture-panel {
  margin-top: -50px;
}

.culture-section .culture-panel:last-child .con-body {
  padding-bottom: 0;
}

.culture-section .culture-panel .con-header {
  padding: 120px 0 80px;
}

.culture-section .culture-panel .con-header .title {
  text-align: center;
}

.culture-section .culture-panel .con-header .desc {
  text-align: center;
  margin-top: 20px;
  max-width: 932px;
  margin: 20px auto 0;
}

.culture-section .culture-panel .con-header .desc.ko {
  max-width: none;
}

@media screen and (max-width: 1439px) {
  .culture-section .culture-panel .con-header {
    padding: 100px 0 60px;
  }
  .culture-section .culture-panel .con-header .desc {
    max-width: 635px;
  }
}

@media screen and (max-width: 1023px) {
  .culture-section .culture-panel .con-header {
    padding: 80px 0 52px;
  }
  .culture-section .culture-panel .con-header .desc {
    max-width: 650px;
  }
}

@media screen and (max-width: 767px) {
  .culture-section .culture-panel .con-header {
    padding: 64px 0 48px;
  }
}

.culture-section .culture-panel .power-wrap {
  overflow: hidden;
  width: calc( 100% + 88px);
  margin-left: -44px;
  padding: 50px 0;
  margin-top: -50px;
}

.culture-section .culture-panel .power-wrap .power-area {
  position: relative;
  width: calc( 100% - 88px);
  margin-left: 44px;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container {
  overflow: visible;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide {
  width: 33.33335%;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  background: #fff;
  box-shadow: 10px 10px 35px rgba(0, 0, 0, 0.24);
  text-align: center;
  height: 542px;
  transition: all .3s ease;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-bg_on, .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-bg_over {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  border-radius: 30px;
  overflow: hidden;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box.card1 .card-bg_on {
  background: url("../images/about/img_culture_card1_on.png");
  background-size: cover;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box.card1 .card-bg_over {
  background: url("../images/about/img_culture_card1_over.png");
  background-size: cover;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box.card2 .card-bg_on {
  background: url("../images/about/img_culture_card2_on.png");
  background-size: cover;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box.card2 .card-bg_over {
  background: url("../images/about/img_culture_card2_over.png");
  background-size: cover;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box.card3 .card-bg_on {
  background: url("../images/about/img_culture_card3_on.png");
  background-size: cover;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box.card3 .card-bg_over {
  background: url("../images/about/img_culture_card3_over.png");
  background-size: cover;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .cont {
  position: absolute;
  bottom: 43%;
  left: 0;
  right: 0;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-head {
  color: #999;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-head span {
  display: block;
  margin-bottom: 8px;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-body {
  margin: 48px 0 0;
  padding: 0 36px;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-open {
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  display: inline-block;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-open .icon {
  background: url("../images/common/culture_more.png") no-repeat center;
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
  font-size: 0;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-body, .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-open {
  display: none;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.swiper-slide-active .card-box .card-bg_on {
  opacity: 1;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.swiper-slide-active .card-box .cont {
  bottom: 82px;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.swiper-slide-active .card-box .card-head {
  color: #fff;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.swiper-slide-active .card-box .card-open {
  display: block;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .card-bg_over {
  opacity: 1;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .cont {
  bottom: auto;
  top: 100px;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .card-head.color1 {
  color: #FF5A00;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .card-head.color2 {
  color: #DECBA5;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .card-head.color3 {
  color: #00BCC9;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .card-body {
  color: #fff;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .card-open .icon {
  background: url("../images/common/culture_less.png") no-repeat center;
  background-size: cover;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .card-body, .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .card-open {
  display: block;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-prev, .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-next {
  z-index: 1000;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-prev .spf, .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-next .spf {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-prev .spf::before, .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-next .spf::before {
  font-size: 32px;
  width: 32px;
  height: 32px;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-prev {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 31%;
}

.culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-next {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 31%;
}

@media screen and (max-width: 1439px) {
  .culture-section .culture-panel .power-wrap {
    width: calc( 100% + 96px);
    margin-left: -48px;
  }
  .culture-section .culture-panel .power-wrap .power-area {
    width: calc( 100% - 48px);
    margin-left: 22px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box {
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    height: 480px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .cont {
    bottom: 44%;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-head span {
    margin-bottom: 4px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-body {
    margin: 48px 0 0;
    padding: 0 24px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-open {
    bottom: 28px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.swiper-slide-active .card-box .cont {
    bottom: 72px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.swiper-slide-active .card-box .card-head {
    color: #fff;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.swiper-slide-active .card-box .card-open {
    display: block;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .cont {
    bottom: auto;
    top: 88px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .card-head {
    color: #FF5A00;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .card-body {
    color: #fff;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area {
    width: 37%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -19%;
    margin-top: -12px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-prev .spf, .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-next .spf {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-prev .spf::before, .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-next .spf::before {
    font-size: 24px;
    width: 24px;
    height: 24px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-prev {
    margin-top: -12px;
    left: 0;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-next {
    margin-top: -12px;
    right: 0;
  }
}

@media screen and (max-width: 1023px) {
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide {
    width: 39%;
    max-width: 280px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box {
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.24);
    height: 440px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box .card-body {
    margin: 48px 0 0;
    padding: 0 14px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.swiper-slide-active .card-box .cont {
    bottom: 72px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area {
    width: 350px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -12px;
  }
}

@media screen and (max-width: 767px) {
  .culture-section .culture-panel .power-wrap {
    width: 100%;
    margin-left: 0;
    overflow: visible;
  }
  .culture-section .culture-panel .power-wrap .power-area {
    width: 100%;
    margin-left: 0;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide {
    width: 260px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide .card-box {
    height: 436px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .swiper-slide.over .card-box .cont {
    bottom: auto;
    top: 88px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area {
    width: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -8px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-prev .spf, .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-next .spf {
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-prev .spf::before, .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-next .spf::before {
    font-size: 16px;
    width: 16px;
    height: 16px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-prev {
    margin-top: -8px;
  }
  .culture-section .culture-panel .power-wrap .power-area .swiper-container .button_area .button-next {
    margin-top: -8px;
  }
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide .card-box .card-head span {
  margin-bottom: 2px;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide .card-box .card-head i {
  display: block;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide .card-box .card-head .over_tit {
  display: none;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide .card-box .card-body {
  margin: 26px 0 0;
  padding: 0 36px;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide.swiper-slide-active .card-box .cont {
  bottom: 66px;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide.swiper-slide-active .card-box .card-head .over {
  display: none;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide.over .card-box .cont {
  bottom: auto;
  top: 50%;
  transform: translate(0, -50%);
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide.over .card-box .card-head {
  color: #FF5A00;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide.over .card-box .card-head .active_tit {
  display: none;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide.over .card-box .card-head .over_tit {
  display: block;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide.over .card-box .card-head .over_tit.color1 {
  color: #FF5A00;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide.over .card-box .card-head .over_tit.color2 {
  color: #DECBA5;
}

.culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide.over .card-box .card-head .over_tit.color3 {
  color: #00BCC9;
}

@media screen and (max-width: 1439px) {
  .culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide .card-box .card-head span {
    margin-bottom: 1px;
  }
  .culture-section .culture-panel .power-wrap.en .power-area .swiper-container .swiper-slide .card-box .card-body {
    margin: 15px 0 0;
    padding: 0 36px;
  }
}

.culture-section .culture-panel .work-area .work-tab {
  text-align: center;
  margin-bottom: 80px;
}

.culture-section .culture-panel .work-area .work-tab ul li {
  display: inline-block;
  margin: 0 20px;
}

.culture-section .culture-panel .work-area .work-tab ul li a {
  display: block;
  width: 160px;
  height: 116px;
  line-height: 116px;
  color: #999;
  border-radius: 24px;
  background: #FFFFFF;
  box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.08);
}

.culture-section .culture-panel .work-area .work-tab ul li.active a {
  background: #333333;
  color: #fff;
}

@media screen and (max-width: 1439px) {
  .culture-section .culture-panel .work-area .work-tab {
    margin-bottom: 60px;
  }
  .culture-section .culture-panel .work-area .work-tab ul li {
    margin: 0 16px;
  }
  .culture-section .culture-panel .work-area .work-tab ul li a {
    width: 140px;
    height: 108px;
    line-height: 108px;
  }
}

@media screen and (max-width: 1023px) {
  .culture-section .culture-panel .work-area .work-tab {
    margin-bottom: 52px;
  }
  .culture-section .culture-panel .work-area .work-tab ul li {
    margin: 0 14px;
  }
  .culture-section .culture-panel .work-area .work-tab ul li a {
    width: 120px;
    height: 100px;
    line-height: 100px;
  }
}

@media screen and (max-width: 767px) {
  .culture-section .culture-panel .work-area .work-tab {
    margin-bottom: 48px;
    width: calc( 100% + 12px);
    margin-left: -6px;
  }
  .culture-section .culture-panel .work-area .work-tab ul li {
    margin: 0 6px;
  }
  .culture-section .culture-panel .work-area .work-tab ul li a {
    width: 90px;
    height: 84px;
    line-height: 84px;
  }
}

.culture-section .culture-panel .work-area .work-cont-swiper .swiper-slide {
  opacity: 0 !important;
}

.culture-section .culture-panel .work-area .work-cont-swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.culture-section .culture-panel .work-area .work-cont {
  overflow: hidden;
  background: #fff;
}

.culture-section .culture-panel .work-area .work-cont dl {
  float: left;
  display: inline-block;
  width: 21.5%;
  vertical-align: top;
  padding-left: 4.6%;
}

.culture-section .culture-panel .work-area .work-cont dl dt {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 2px solid #000;
}

.culture-section .culture-panel .work-area .work-cont dl:first-child {
  padding-left: 0;
}

@media screen and (max-width: 1439px) {
  .culture-section .culture-panel .work-area .work-cont dl dt {
    padding-bottom: 28px;
    margin-bottom: 28px;
  }
}

@media screen and (max-width: 1023px) {
  .culture-section .culture-panel .work-area .work-cont dl {
    width: 47.6%;
  }
  .culture-section .culture-panel .work-area .work-cont dl dt {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
  .culture-section .culture-panel .work-area .work-cont dl:nth-child(odd) {
    padding-left: 0;
  }
  .culture-section .culture-panel .work-area .work-cont dl:nth-child(1), .culture-section .culture-panel .work-area .work-cont dl:nth-child(2) {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .culture-section .culture-panel .work-area .work-cont dl {
    width: 100%;
    padding-left: 0;
    margin-bottom: 40px;
  }
  .culture-section .culture-panel .work-area .work-cont dl dt {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-color: #D9D9D9;
  }
  .culture-section .culture-panel .work-area .work-cont dl:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .culture-section {
    overflow: hidden;
  }
}

.ir_top_section {
  overflow: hidden;
  background-image: url(../images/common/dark-bg.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1440px) {
  .ir_top_section {
    background-size: 100% 303px;
  }
}

@media screen and (max-width: 1439px) {
  .ir_top_section {
    background-size: 100% 20.01953vw;
  }
}

@media screen and (max-width: 1023px) {
  .ir_top_section {
    background-size: 100% 8.85417vw;
  }
}

@media screen and (max-width: 767px) {
  .ir_top_section {
    background-size: 100% 18.33333vw;
  }
}

.ir_top_section .ir_imgbox {
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 606px;
  background-color: #fff;
}

.ir_top_section .ir_imgbox .ir_right {
  background: url(../images/about/img_ir_bg.png) no-repeat center left;
  background-size: 100%;
  padding: 56px;
  height: 100%;
  width: 432px;
  float: left;
  position: relative;
}

.ir_top_section .ir_imgbox .ir_right .tb1 {
  display: block;
  margin-top: 32px;
}

.ir_top_section .ir_imgbox .ir_right .spf {
  width: 27px;
  height: 27px;
  line-height: 27px;
}

.ir_top_section .ir_imgbox .ir_right .spf.spf-nav-arrow_right {
  position: absolute;
  left: 56px;
  bottom: 56px;
}

.ir_top_section .ir_imgbox .ir_right .spf.spf-nav-arrow_right::before {
  font-size: 27px;
  width: 27px;
  height: 27px;
  font-weight: 700;
}

.ir_top_section .ir_imgbox .ir_left {
  padding: 96px 56px 56px;
  float: left;
  width: calc( 100% - 432px);
  height: 100%;
  position: relative;
}

.ir_top_section .ir_imgbox .ir_left .tit {
  border-top: 2px solid #000;
  font-size: 32px;
  font-weight: 700;
  padding-top: 30px;
}

.ir_top_section .ir_imgbox .ir_left .date {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.62);
  display: inline-block;
}

.ir_top_section .ir_imgbox .ir_left .down_btn {
  position: absolute;
  left: 56px;
  bottom: 56px;
}

.ir_top_section .ir_imgbox .ir_left .down_btn .btn {
  width: auto;
}

@media screen and (max-width: 1439px) {
  .ir_top_section .ir_imgbox {
    height: 410px;
  }
  .ir_top_section .ir_imgbox .ir_right {
    padding: 32px;
    width: 293px;
  }
  .ir_top_section .ir_imgbox .ir_right .tb1 {
    margin-top: 16px;
    font-size: 14px;
  }
  .ir_top_section .ir_imgbox .ir_right .spf.spf-nav-arrow_right {
    position: absolute;
    left: 32px;
    bottom: 32px;
  }
  .ir_top_section .ir_imgbox .ir_left {
    padding: 64px 32px 32px;
    width: calc( 100% - 293px);
  }
  .ir_top_section .ir_imgbox .ir_left .tit {
    font-size: 28px;
    padding-top: 30px;
  }
  .ir_top_section .ir_imgbox .ir_left .down_btn {
    position: absolute;
    left: 32px;
    bottom: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .ir_top_section .ir_imgbox {
    height: auto;
    overflow: hidden;
  }
  .ir_top_section .ir_imgbox .ir_right {
    padding: 24px 24px 24px 24px;
    width: 100%;
    background: #F7F7F7;
    min-height: 136px;
  }
  .ir_top_section .ir_imgbox .ir_right .tb1 {
    margin-top: 12px;
    font-size: 13px;
  }
  .ir_top_section .ir_imgbox .ir_right .spf {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .ir_top_section .ir_imgbox .ir_right .spf.spf-nav-arrow_right {
    position: absolute;
    left: auto;
    bottom: auto;
    top: 33px;
    right: 25px;
  }
  .ir_top_section .ir_imgbox .ir_right .spf.spf-nav-arrow_right::before {
    font-size: 20px;
    width: 20px;
    height: 20px;
    font-weight: 400;
  }
  .ir_top_section .ir_imgbox .ir_left {
    padding: 24px 24px 24px;
    width: 100%;
    min-height: 208px;
  }
  .ir_top_section .ir_imgbox .ir_left .tit {
    font-size: 22px;
    padding-top: 10px;
  }
  .ir_top_section .ir_imgbox .ir_left .down_btn {
    position: absolute;
    left: 24px;
    bottom: 24px;
  }
}

@media screen and (max-width: 767px) {
  .ir_top_section .ir_imgbox .ir_right {
    min-height: 132px;
  }
  .ir_top_section .ir_imgbox .ir_left {
    min-height: 196px;
  }
  .ir_top_section .ir_imgbox .ir_left .tit {
    font-size: 18px;
  }
}

.ir_section .row {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.ir_section .row .cont_head {
  background: #f7f7f7;
  padding: 32px 128px 32px 56px;
  position: relative;
  display: block;
}

.ir_section .row .cont_head a {
  display: block;
}

.ir_section .row .cont_head .spf {
  position: absolute;
  top: 50%;
  right: 63px;
  margin-top: -13px;
  width: 27px;
  height: 27px;
  line-height: 27px;
}

.ir_section .row .cont_head .spf.spf-nav-arrow_right::before {
  font-size: 27px;
  width: 27px;
  height: 27px;
  font-weight: 700;
}

.ir_section .row .cont_body {
  padding: 40px 56px;
  overflow: hidden;
  min-height: 66px;
}

.ir_section .row .cont_body .tit {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  float: left;
  width: 50%;
  vertical-align: top;
}

.ir_section .row .cont_body .tit .date {
  margin-top: 8px;
  display: block;
  color: rgba(0, 0, 0, 0.62);
}

.ir_section .row .cont_body .ir_download {
  float: right;
  width: 50%;
  text-align: right;
  padding-top: 10px;
}

.ir_section .row .cont_body .ir_download .btn {
  width: auto;
  margin-left: 12px;
}

@media screen and (max-width: 1023px) {
  .ir_section .row .cont_body .ir_download .btn {
    margin-left: 8px;
    padding: 10px 12px 10px 16px;
  }
}

@media screen and (max-width: 767px) {
  .ir_section .row .cont_body .ir_download .btn {
    padding: 10px 10px 10px 12px;
  }
}

@media screen and (max-width: 1439px) {
  .ir_section .row .cont_head {
    padding: 24px 96px 24px 32px;
  }
  .ir_section .row .cont_head .spf {
    right: 30px;
    margin-top: -13px;
  }
  .ir_section .row .cont_body {
    padding: 32px 32px;
    overflow: hidden;
    min-height: 56px;
  }
  .ir_section .row .cont_body .tit {
    font-size: 18px;
    line-height: 28px;
  }
  .ir_section .row .cont_body .ir_download {
    padding-top: 7px;
  }
}

@media screen and (max-width: 1023px) {
  .ir_section .row .cont_head {
    padding: 24px 72px 24px 24px;
  }
  .ir_section .row .cont_head .spf {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: -11px;
    right: 27px;
  }
  .ir_section .row .cont_head .spf.spf-nav-arrow_right::before {
    font-size: 20px;
    width: 20px;
    height: 20px;
    font-weight: 400;
  }
  .ir_section .row .cont_body {
    padding: 24px;
    overflow: hidden;
    min-height: 196px;
    position: relative;
  }
  .ir_section .row .cont_body .tit {
    font-size: 18px;
    line-height: 28px;
    width: 100%;
    float: none;
    min-height: 100px;
    padding-bottom: 20px;
  }
  .ir_section .row .cont_body .ir_download {
    padding-top: 0;
    float: none;
    width: 100%;
    text-align: left;
  }
  .ir_section .row .cont_body .ir_download .hide_txt {
    font-size: 0;
  }
}

@media screen and (max-width: 767px) {
  .ir_section .row .cont_body {
    min-height: 184px;
  }
  .ir_section .row .cont_body .tit {
    font-size: 16px;
    line-height: 24px;
    min-height: 98px;
  }
}

.custom_select {
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 2;
}

.custom_select .select_value {
  cursor: pointer;
  margin-bottom: 8px;
}

.custom_select .select_value .select_text, .custom_select .select_value .spf {
  vertical-align: middle;
}

.custom_select .select_value .select_text {
  position: relative;
  display: inline-block;
  min-width: 50px;
}

.custom_select .select_value .spf {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.custom_select .select_value .spf::before {
  font-size: 32px;
  width: 32px;
  height: 32px;
}

.custom_select .select_value .spf.size24 {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.custom_select .select_value .spf.size24::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1023px) {
  .custom_select .select_value .spf.size24 {
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
  .custom_select .select_value .spf.size24::before {
    font-size: 16px;
    width: 16px;
    height: 16px;
  }
}

.custom_select .select_value.active .spf {
  transform: rotate(180deg);
}

.custom_select .select_value.active .select_text:after {
  transform: rotate(180deg);
}

.custom_select .select_value.active + .select_list {
  display: block;
}

.custom_select .select_list {
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  padding: 12px 0;
}

.custom_select .select_list ul li > a {
  position: relative;
  display: block;
  padding: 12px 44px 12px 16px;
}

.custom_select .select_list ul li:hover {
  background: #f7f7f7;
}

.custom_select .select_list ul li.active > a:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background-image: url(../images/common/icon_select_check_dk.png);
  background-size: cover;
}

@media screen and (max-width: 1023px) {
  .custom_select .select_value .select_text {
    width: auto;
  }
  .custom_select .select_value .spf {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .custom_select .select_value .spf::before {
    font-size: 24px;
    width: 24px;
    height: 24px;
  }
  .custom_select .select_list ul li.active > a:after {
    width: 20px;
    height: 20px;
    margin-top: -12px;
  }
}

.custom_select.dk .select_value .select_text:after {
  background-image: url(../images/common/icon_select_custom_w_lg.png);
}

.custom_select.dk .select_list {
  border: 0;
  right: auto;
  padding: 0;
  background: transparent;
}

.custom_select.dk .select_list .in_box {
  background: #262626;
  margin-top: 8px;
  padding: 12px 0;
}

.custom_select.dk .select_list ul li:hover {
  background: #121212;
}

.custom_select.dk .select_list ul li.active > a:after {
  background-image: url(../images/common/icon_select_check_w.png);
}

.select-box .select_list {
  width: 318px;
}

@media screen and (max-width: 1439px) {
  .select-box .select_list {
    width: 214px;
  }
}

@media screen and (max-width: 1023px) {
  .select-box .select_list {
    width: 237px;
  }
}

@media screen and (max-width: 767px) {
  .select-box .select_list {
    width: 230px;
  }
}

.history-section {
  position: relative;
  background-color: #121212;
  color: #fff;
}

.history-section .section-inner {
  overflow: hidden;
}

.history-section .sticky-element {
  height: 239px;
}

@media screen and (max-width: 1439px) {
  .history-section .sticky-element {
    height: 189px;
  }
}

@media screen and (max-width: 1023px) {
  .history-section .sticky-element {
    height: 169px;
  }
}

@media screen and (max-width: 767px) {
  .history-section .sticky-element {
    height: 135px;
  }
}

.history-section .js-sticky-element {
  background-color: #121212;
}

.history-section .js-sticky-element.year_fixed {
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  z-index: 1;
}

@media screen and (max-width: 1439px) {
  .history-section .js-sticky-element.year_fixed {
    top: 56px;
  }
}

@media screen and (max-width: 767px) {
  .history-section .js-sticky-element.year_fixed {
    top: 48px;
  }
}

.history-section .js-sticky-element.year_fixed_up {
  position: fixed;
  top: 143px;
  left: 0;
  right: 0;
  z-index: 1;
}

@media screen and (max-width: 1439px) {
  .history-section .js-sticky-element.year_fixed_up {
    top: 128px;
  }
}

@media screen and (max-width: 767px) {
  .history-section .js-sticky-element.year_fixed_up {
    top: 104px;
  }
}

.history-section .pagination {
  display: flex;
  justify-content: space-evenly;
  padding-top: 40px;
}

.history-section .pagination li {
  width: 16.666667%;
  text-align: center;
  color: #555;
  border-bottom: 3px solid #555;
}

.history-section .pagination li a {
  height: 28px;
  line-height: 28px;
  display: block;
}

.history-section .pagination li.active {
  color: #FF5A00;
  border-color: #FF5A00;
}

@media screen and (max-width: 1439px) {
  .history-section .pagination {
    padding-top: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .history-section .pagination {
    padding-top: 32px;
  }
  .history-section .pagination li a {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .history-section .pagination {
    padding-top: 20px;
  }
  .history-section .pagination li a {
    line-height: 20px;
  }
  .history-section .pagination li a span {
    display: block;
  }
  .history-section .pagination li a span:nth-child(2) {
    margin-left: -7px;
  }
}

.history-section .year_warp {
  position: relative;
  padding: 24px 0;
  text-align: center;
}

@media screen and (max-width: 1439px) {
  .history-section .year_warp {
    padding: 20px 0;
  }
}

@media screen and (max-width: 1023px) {
  .history-section .year_warp {
    padding: 16px 0;
  }
}

@media screen and (max-width: 767px) {
  .history-section .year_warp {
    padding: 8px 0;
  }
}

.history-section .year_warp .year_glyphs {
  position: absolute;
  top: 0;
  bottom: 24px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.history-section .year_warp .year_glyphs .back_img {
  height: 100%;
  width: 100%;
  display: none;
  position: relative;
  height: 1000000px;
  margin-top: 17%;
}

.history-section .year_warp .year_glyphs .back_img.bg_xlg {
  background: url("../images/common/img_history_deco_xlg.png") center 17% repeat-y;
  background-size: contain;
}

.history-section .year_warp .year_glyphs .back_img.bg_lg {
  background: url("../images/common/img_history_deco_lg.png") center top repeat-y;
  background-size: contain;
}

.history-section .year_warp .year_glyphs .back_img.bg_md {
  background: url("../images/common/img_history_deco_md.png") center top repeat-y;
  background-size: contain;
}

.history-section .year_warp .year_glyphs .back_img.bg_sm {
  background: url("../images/common/img_history_deco_sm.png") center top repeat-y;
  background-size: contain;
}

.history-section .year_warp .year_glyphs.back_motion .back_img {
  transition-duration: 4.2s;
  transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
}

.history-section .year_warp .year__centuries {
  display: flex;
  justify-content: space-around;
  overflow: hidden;
  margin: 0 auto;
}

.history-section .year_warp .year__centuries .year__digit {
  display: flex;
  flex-direction: column;
  transition-timing-function: cubic-bezier(0.37, 0.01, 0, 0.98);
  transition-duration: 1s,1.2s;
  transition-property: transform,opacity;
}

.history-section .year_warp .year__centuries .year__digit.num0, .history-section .year_warp .year__centuries .year__digit[data-num="0"] {
  transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
}

.history-section .year_warp .year__centuries .year__digit.num1, .history-section .year_warp .year__centuries .year__digit[data-num="1"] {
  transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0);
}

.history-section .year_warp .year__centuries .year__digit.num2, .history-section .year_warp .year__centuries .year__digit[data-num="2"] {
  transform: translate(0%, -200%) matrix(1, 0, 0, 1, 0, 0);
}

.history-section .year_warp .year__centuries .year__digit.num3, .history-section .year_warp .year__centuries .year__digit[data-num="3"] {
  transform: translate(0%, -300%) matrix(1, 0, 0, 1, 0, 0);
}

.history-section .year_warp .year__centuries .year__digit.num4, .history-section .year_warp .year__centuries .year__digit[data-num="4"] {
  transform: translate(0%, -400%) matrix(1, 0, 0, 1, 0, 0);
}

.history-section .year_warp .year__centuries .year__digit.num5, .history-section .year_warp .year__centuries .year__digit[data-num="5"] {
  transform: translate(0%, -500%) matrix(1, 0, 0, 1, 0, 0);
}

.history-section .year_warp .year__centuries .year__digit.num6, .history-section .year_warp .year__centuries .year__digit[data-num="6"] {
  transform: translate(0%, -600%) matrix(1, 0, 0, 1, 0, 0);
}

.history-section .year_warp .year__centuries .year__digit.num7, .history-section .year_warp .year__centuries .year__digit[data-num="7"] {
  transform: translate(0%, -700%) matrix(1, 0, 0, 1, 0, 0);
}

.history-section .year_warp .year__centuries .year__digit.num8, .history-section .year_warp .year__centuries .year__digit[data-num="8"] {
  transform: translate(0%, -800%) matrix(1, 0, 0, 1, 0, 0);
}

.history-section .year_warp .year__centuries .year__digit.num9, .history-section .year_warp .year__centuries .year__digit[data-num="9"] {
  transform: translate(0%, -900%) matrix(1, 0, 0, 1, 0, 0);
}

@media screen and (min-width: 1440px) {
  .history-section .year_warp .year_glyphs {
    bottom: 24px;
  }
  .history-section .year_warp .year_glyphs .back_img.bg_xlg {
    display: block;
  }
  .history-section .year_warp .year_glyphs .back_img.bg_lg, .history-section .year_warp .year_glyphs .back_img.bg_md, .history-section .year_warp .year_glyphs .back_img.bg_sm {
    display: none;
  }
  .history-section .year_warp .year__centuries {
    width: 162px;
    height: 120px;
  }
  .history-section .year_warp .year__centuries .year__digit {
    height: 120px;
    line-height: 120px;
  }
}

@media screen and (max-width: 1439px) {
  .history-section .year_warp .year_glyphs {
    bottom: 20px;
  }
  .history-section .year_warp .year_glyphs .back_img.bg_lg {
    display: block;
  }
  .history-section .year_warp .year_glyphs .back_img.bg_xlg, .history-section .year_warp .year_glyphs .back_img.bg_md, .history-section .year_warp .year_glyphs .back_img.bg_sm {
    display: none;
  }
  .history-section .year_warp .year__centuries {
    width: 122px;
    height: 86px;
  }
  .history-section .year_warp .year__centuries .year__digit {
    height: 86px;
    line-height: 86px;
  }
}

@media screen and (max-width: 1023px) {
  .history-section .year_warp .year_glyphs {
    bottom: 16px;
  }
  .history-section .year_warp .year_glyphs .back_img.bg_md {
    display: block;
  }
  .history-section .year_warp .year_glyphs .back_img.bg_xlg, .history-section .year_warp .year_glyphs .back_img.bg_lg, .history-section .year_warp .year_glyphs .back_img.bg_sm {
    display: none;
  }
  .history-section .year_warp .year__centuries {
    width: 98px;
    height: 74px;
  }
  .history-section .year_warp .year__centuries .year__digit {
    height: 74px;
    line-height: 74px;
  }
}

@media screen and (max-width: 767px) {
  .history-section .year_warp .year_glyphs {
    bottom: 8px;
  }
  .history-section .year_warp .year_glyphs .back_img.bg_sm {
    display: block;
  }
  .history-section .year_warp .year_glyphs .back_img.bg_xlg, .history-section .year_warp .year_glyphs .back_img.bg_lg, .history-section .year_warp .year_glyphs .back_img.bg_md {
    display: none;
  }
  .history-section .year_warp .year__centuries {
    width: 88px;
    height: 56px;
  }
  .history-section .year_warp .year__centuries .year__digit {
    height: 56px;
    line-height: 56px;
  }
}

.history-section .hestory_view {
  /* .history_content_list + .history_content_list { margin-top: 80px;
      @media screen and (max-width:$G-wTablet)  { padding-top: 60px;}
      @media screen and (max-width:$G-wMobile)  { padding-top: 60px;}
      @media screen and (max-width:$G-minWidth) { padding-top: 48px;}
    } */
}

.history-section .hestory_view .section-inner {
  max-width: 1120px;
  margin: 0 auto;
}

@media screen and (max-width: 1439px) {
  .history-section .hestory_view .section-inner {
    max-width: 100%;
  }
}

.history-section .hestory_view .history_content_list {
  padding-bottom: 80px;
}

@media screen and (max-width: 1439px) {
  .history-section .hestory_view .history_content_list {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .history-section .hestory_view .history_content_list {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .history-section .hestory_view .history_content_list {
    padding-bottom: 48px;
  }
}

.history-section .hestory_view .history_content_list:last-child {
  padding-bottom: 0;
}

.history-section .hestory_view .history_content_list .history_year {
  position: relative;
}

.history-section .hestory_view .history_content_list .history_year span {
  display: inline-block;
  width: 80px;
}

.history-section .hestory_view .history_content_list .history_year::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 80px;
  right: 0;
  display: inline-block;
  height: 1px;
  background: #333;
}

@media screen and (max-width: 1439px) {
  .history-section .hestory_view .history_content_list .history_year span {
    width: 67px;
  }
  .history-section .hestory_view .history_content_list .history_year::before {
    left: 67px;
  }
}

@media screen and (max-width: 1023px) {
  .history-section .hestory_view .history_content_list .history_year span {
    width: 62px;
  }
  .history-section .hestory_view .history_content_list .history_year::before {
    left: 62px;
  }
}

@media screen and (max-width: 767px) {
  .history-section .hestory_view .history_content_list .history_year span {
    width: 58px;
  }
  .history-section .hestory_view .history_content_list .history_year::before {
    left: 58px;
  }
}

.history-section .hestory_view .history_content_list .history_box dl {
  margin-top: 48px;
}

.history-section .hestory_view .history_content_list .history_box dl dt {
  margin-bottom: 12px;
}

.history-section .hestory_view .history_content_list .history_box dl dd {
  padding-left: 20px;
  margin: 4px 0;
  background: url("../images/common/icon_dot_star.svg") no-repeat;
  background-position: 2px 8px;
}

@media screen and (max-width: 1439px) {
  .history-section .hestory_view .history_content_list .history_box dl {
    margin-top: 36px;
  }
  .history-section .hestory_view .history_content_list .history_box dl dd {
    padding-left: 18px;
    background-size: 10px;
    background-position-y: 5px;
  }
}

@media screen and (max-width: 1023px) {
  .history-section .hestory_view .history_content_list .history_box dl dd {
    padding-left: 16px;
    background-size: 9px;
  }
}

@media screen and (max-width: 767px) {
  .history-section .hestory_view .history_content_list .history_box dl {
    margin-top: 28px;
  }
  .history-section .hestory_view .history_content_list .history_box dl dt {
    margin-bottom: 8px;
  }
}

.history-section .hestory_view .history_content_list .history_year + .history > .history_box {
  margin-top: -8px;
}

@media screen and (max-width: 1439px) {
  .history-section .hestory_view .history_content_list .history_year + .history > .history_box {
    margin-top: -4px;
  }
}

@media screen and (max-width: 1023px) {
  .history-section .hestory_view .history_content_list .history_year + .history > .history_box {
    margin-top: -4px;
  }
}

@media screen and (max-width: 767px) {
  .history-section .hestory_view .history_content_list .history_year + .history > .history_box {
    margin-top: -8px;
  }
}

.about_ocean-section .story-inner .text-area {
  padding-right: 18%;
}

.about_ocean-section .story-inner .end_text-area {
  padding-right: 17%;
  margin-top: 40px;
}

@media screen and (max-width: 1439px) {
  .about_ocean-section .story-inner .end_text-area {
    padding-right: 10%;
    margin-top: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .about_ocean-section .story-inner .end_text-area {
    padding-right: 0%;
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .about_ocean-section .story-inner .text-area {
    padding-right: 4%;
  }
  .about_ocean-section .story-inner .end_text-area {
    margin-top: 24px;
  }
}

.ocean_swiper {
  position: relative;
  height: auto;
  z-index: 0;
  margin: 100px 0;
  padding: 0 90px;
  transition-property: transform;
  --swiper-theme-color: #222;
  overflow: hidden;
  list-style: none;
}

.ocean_swiper .swiper-slide {
  width: 660px;
}

.ocean_swiper .swiper-slide .img-box {
  transform: scale(0.5);
  position: relative;
  background: none;
}

.ocean_swiper .swiper-slide .img-box::before {
  content: '';
  display: inline-blcok;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}

.ocean_swiper .swiper-slide.swiper-slide-prev .img-box, .ocean_swiper .swiper-slide.swiper-slide-next .img-box {
  transform: scale(0.8);
}

.ocean_swiper .swiper-slide.swiper-slide-prev .img-box::before, .ocean_swiper .swiper-slide.swiper-slide-next .img-box::before {
  background: rgba(0, 0, 0, 0.4);
}

.ocean_swiper .swiper-slide.swiper-slide-active .img-box {
  transform: scale(1);
}

.ocean_swiper .swiper-slide.swiper-slide-active .img-box::before {
  background: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 1439px) {
  .ocean_swiper {
    padding: 0 55px;
    margin: 96px 0;
  }
  .ocean_swiper .swiper-slide {
    width: 452px;
  }
}

@media screen and (max-width: 1023px) {
  .ocean_swiper {
    padding: 0 0;
    margin: 88px 0;
  }
  .ocean_swiper .swiper-slide {
    width: 372px;
  }
}

@media screen and (max-width: 767px) {
  .ocean_swiper {
    padding: 0 0;
    margin: 76px 0;
  }
  .ocean_swiper .swiper-slide {
    width: 180px;
  }
}

html.lang-ko .add_desc-section .add_help-panel .add_help-header {
  width: 1344px;
  padding: 115px 0 86px;
  text-align: center;
}

html.lang-ko .add_desc-section .add_help-panel .add_help-header .desc {
  margin-top: 8px;
}

@media screen and (max-width: 1439px) {
  html.lang-ko .add_desc-section .add_help-panel .add_help-header {
    width: 100%;
    padding: 80px 0 70px;
  }
}

@media screen and (max-width: 1023px) {
  html.lang-ko .add_desc-section .add_help-panel .add_help-header {
    width: 100%;
    padding: 70px 0 60px;
  }
}

@media screen and (max-width: 767px) {
  html.lang-ko .add_desc-section .add_help-panel .add_help-header {
    width: 100%;
    padding: 44px 0 50px;
  }
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list {
  display: flex;
  justify-content: center;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li {
  position: relative;
  padding-left: 19px;
  padding-right: 19px;
  box-sizing: border-box;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FF5A00;
  opacity: 10%;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li .item-title {
  position: relative;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li .item-title .tt2 {
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li .item-title::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -19px;
  background-color: #FF5A00;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) {
  width: 347px;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(1)::before {
  background-color: #FF5A00;
  opacity: 10%;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) .item-title {
  width: 192px;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) .item-title::before {
  background-color: #FF5A00;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) {
  width: 372px;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(2)::before {
  background-color: #D6B475;
  opacity: 10%;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) .item-title {
  width: 264px;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) .item-title::before {
  background-color: #D6B475;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) {
  width: 350px;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(3)::before {
  background-color: #00BCC9;
  opacity: 10%;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) .item-title {
  width: 175px;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) .item-title::before {
  background-color: #00BCC9;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) {
  width: 300px;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(4)::before {
  background-color: #00780C;
  opacity: 10%;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) .item-title {
  width: 258px;
}

html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) .item-title::before {
  background-color: #00780C;
}

@media screen and (max-width: 1439px) {
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li {
    position: relative;
    padding-left: 19px;
    padding-right: 19px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li .item-title::before {
    left: -19px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li .item-title .tt2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) {
    width: 208px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) .item-title {
    width: 100%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) {
    width: 288px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) .item-title {
    width: 100%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) {
    width: 230px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) .item-title {
    width: 100%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) {
    width: 188px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) .item-title {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li .item-title::before {
    left: -15px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li .item-title .tt2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) {
    width: 157px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) {
    width: 194px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) {
    width: 186px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) {
    width: 127px;
  }
}

@media screen and (max-width: 767px) {
  html.lang-ko .add_desc-section .add_help-panel ul.help-list {
    flex-direction: column;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li {
    position: relative;
    padding-left: 14px;
    padding-right: 11px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li .item-title::before {
    left: -14px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li + li {
    margin-top: 43px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) {
    width: 100%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(1) .item-title {
    width: 100%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) {
    width: 100%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(2) .item-title {
    width: 100%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) {
    width: 100%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(3) .item-title {
    width: 100%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) {
    width: 100%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.help-list > li:nth-child(4) .item-title {
    width: 100%;
  }
}

html.lang-ko .add_desc-section .add_help-panel ul.desc-list {
  margin-top: 40px;
}

html.lang-ko .add_desc-section .add_help-panel ul.desc-list:after {
  content: '';
  display: block;
  clear: both;
}

html.lang-ko .add_desc-section .add_help-panel ul.desc-list > li + li {
  margin-top: 20px;
}

html.lang-ko .add_desc-section .add_help-panel ul.desc-list > li {
  position: relative;
  padding-left: 0em;
  text-indent: 0em;
  word-wrap: break-word;
  word-break: keep-all;
}

html.lang-ko .add_desc-section .add_help-panel ul.desc-list > li:after {
  content: '';
  display: block;
  clear: both;
}

html.lang-ko .add_desc-section .add_help-panel ul.desc-list .title {
  float: left;
  display: block;
  width: 69px;
  font-weight: bold;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 0.015em;
}

html.lang-ko .add_desc-section .add_help-panel ul.desc-list .tb5 {
  float: left;
  display: block;
  width: calc( 100% - 69px);
  padding-left: 30px;
  margin-top: 0px;
  font-weight: normal;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 0.015em;
  box-sizing: border-box;
}

@media screen and (max-width: 1439px) {
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list {
    margin-top: 49px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list > li + li {
    margin-top: 30px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list > li:first-child .tb5 {
    min-height: 120px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list .title {
    width: 61px;
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list .tb5 {
    width: calc( 100% - 61px);
    padding-left: 18px;
    font-weight: normal;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.015em;
  }
}

@media screen and (max-width: 1023px) {
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list {
    margin-top: 38px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list > li + li {
    margin-top: 15px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list > li:first-child .tb5 {
    min-height: 80px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list .title {
    float: none;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list .tb5 {
    float: none;
    width: 100%;
    padding-left: 0px;
    margin-top: 5px;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.01em;
  }
}

@media screen and (max-width: 767px) {
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list {
    margin-top: 15px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list > li:nth-child(odd) {
    float: left;
    width: 50%;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list > li:nth-child(even) {
    float: left;
    width: 50%;
    padding-left: 23px;
    margin-top: 0px;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list > li:first-child .tb5 {
    min-height: auto;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list .title {
    float: none;
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.01em;
  }
  html.lang-ko .add_desc-section .add_help-panel ul.desc-list .tb5 {
    float: none;
    width: 100%;
    padding-left: 0px;
    margin-top: 5;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.01em;
  }
}

.card_contents-area {
  position: relative;
}

.card_contents-area .contents_center {
  position: relative;
  overflow: hidden;
}

.card_contents-area .contents_center .swiper-wrapper .swiper-slide {
  width: 204px;
  vertical-align: top;
}

.card_contents-area .contents_center .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.card_contents-area .contents_center .swiper-wrapper .swiper-slide .desc-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1023px) {
  .card_contents-area .contents_center {
    overflow: visible;
  }
}

.card_contents-area .hide_btn {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.62);
  width: 102px;
  height: 286px;
}

.card_contents-area .hide_btn a {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.card_contents-area .hide_btn span {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #555;
  z-index: 15;
  margin: 0 auto;
}

.card_contents-area .hide_btn span i {
  width: 32px;
  height: 32px;
}

.card_contents-area .hide_btn span i::before {
  width: 100%;
  height: 100%;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}

.card_contents-area .hide_btn em {
  margin-top: 4px;
  color: #fff;
  display: block;
  line-height: 24px;
  font-weight: 400;
}

@media screen and (max-width: 1439px) {
  .card_contents-area .hide_btn {
    width: 68px;
  }
  .card_contents-area .hide_btn span {
    width: 24px;
    height: 24px;
  }
  .card_contents-area .hide_btn span i {
    width: 24px;
    height: 24px;
  }
  .card_contents-area .hide_btn span i::before {
    line-height: 24px;
    font-size: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .card_contents-area .hide_btn {
    width: 75px;
  }
}

@media screen and (max-width: 767px) {
  .card_contents-area .hide_btn {
    width: 74px;
  }
}

.card_contents-area .cont_button-prev, .card_contents-area .cont_button-next {
  position: absolute;
  top: 122px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.62);
  z-index: 15;
}

.card_contents-area .cont_button-prev i, .card_contents-area .cont_button-next i {
  width: 30px;
  height: 30px;
  margin-top: 12px;
}

.card_contents-area .cont_button-prev i::before, .card_contents-area .cont_button-next i::before {
  margin-top: 0px;
  font-size: 30px;
  color: #fff;
}

.card_contents-area .cont_button-prev.swiper-button-disabled, .card_contents-area .cont_button-next.swiper-button-disabled {
  display: none;
}

.card_contents-area .cont_button-prev:hover, .card_contents-area .cont_button-next:hover {
  background-color: rgba(0, 0, 0, 0.87);
}

.card_contents-area .cont_button-prev {
  left: -24px;
}

.card_contents-area .cont_button-prev i {
  margin-left: 8px;
}

.card_contents-area .cont_button-next {
  right: -24px;
}

.card_contents-area .cont_button-next i {
  margin-left: 9px;
}

@media screen and (max-width: 1439px) {
  .card_contents-area .cont_button-prev, .card_contents-area .cont_button-next {
    margin-top: -40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .card_contents-area .cont_button-prev i, .card_contents-area .cont_button-next i {
    width: 24px;
    height: 24px;
    margin-top: 10px;
    margin-left: 8px;
  }
  .card_contents-area .cont_button-prev i::before, .card_contents-area .cont_button-next i::before {
    margin-left: 0px;
    font-size: 24px;
  }
  .card_contents-area .cont_button-prev {
    left: -20px;
  }
  .card_contents-area .cont_button-next {
    right: -20px;
  }
  .card_contents-area .pagination {
    bottom: 24px;
    right: 24px;
    padding: 4px 12px;
    border-radius: 14px;
  }
  .card_contents-area .pagination span {
    min-width: 15px;
    line-height: 20px;
  }
  .card_contents-area .pagination .spf-action-slash {
    width: 20px;
    text-align: center;
  }
  .card_contents-area .pagination .spf-action-slash::before {
    margin-top: 0px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1023px) {
  .card_contents-area .cont_button-prev, .card_contents-area .cont_button-next {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .card_contents-area .cont_button-prev {
    display: none;
  }
  .card_contents-area .cont_button-next {
    display: none;
  }
  .card_contents-area .pagination {
    bottom: 12px;
    right: 12px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0;
  }
  .card_contents-area .pagination span {
    min-width: 13px;
    line-height: 16px;
  }
  .card_contents-area .pagination .spf-action-slash {
    width: 15px;
    text-align: center;
  }
  .card_contents-area .pagination .spf-action-slash::before {
    margin-top: 0px;
    font-size: 14px;
  }
}

.detailbanner-section {
  margin-bottom: 120px;
  background-image: url(../images/common/dark-bg.gif);
}

.detailbanner-section .mainbanner-panel .title {
  padding-top: 120px;
}

@media screen and (max-width: 1439px) {
  .detailbanner-section .mainbanner-panel .title {
    padding-top: 88px;
  }
}

@media screen and (max-width: 1023px) {
  .detailbanner-section .mainbanner-panel .title {
    padding-top: 56px;
  }
}

@media screen and (max-width: 767px) {
  .detailbanner-section .mainbanner-panel .title {
    padding-top: 48px;
  }
}

.detailbanner-section .mainbanner-panel .block-list > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.detailbanner-section .mainbanner-panel .block-list li:last-child {
  padding-bottom: 0;
}

.detailbanner-section .mainbanner-panel .btn_set {
  font-size: 0;
}

.detailbanner-section .mainbanner-panel .btn_set .btn {
  width: auto;
}

.detailbanner-section .mainbanner-panel .btn_set .btn:hover {
  background-color: rgba(255, 255, 255, 0.14);
}

.detailbanner-section .mainbanner-panel .sns_wrap {
  display: inline;
  vertical-align: middle;
  margin-left: 32px;
  font-size: 0;
  line-height: 0;
}

.detailbanner-section .mainbanner-panel .sns_wrap > a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  color: rgba(255, 255, 255, 0.87);
}

.detailbanner-section .mainbanner-panel .sns_wrap > a:first-child {
  margin-left: 0;
}

.detailbanner-section .mainbanner-panel .sns_wrap > a i.spf {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

.detailbanner-section .mainbanner-panel .sns_wrap > a i.spf:before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

@media screen and (max-width: 1439px) {
  .detailbanner-section .mainbanner-panel .sns_wrap {
    margin-left: 24px;
  }
}

@media screen and (max-width: 767px) {
  .detailbanner-section .mainbanner-panel .sns_wrap {
    display: block;
    margin-top: 24px;
    margin-left: 0;
  }
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .img-box {
  width: 660px;
  height: 950px;
  max-height: 950px;
}

@media screen and (max-width: 1439px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .img-box {
    width: 44.14063vw;
    max-width: 452px;
    height: 63.47656vw;
    max-height: 650px;
  }
}

@media screen and (max-width: 1023px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .img-box {
    width: 42.1875vw;
    max-width: 324px;
    height: 60.67708vw;
    max-height: 466px;
  }
}

@media screen and (max-width: 767px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .img-box {
    width: 100%;
    max-width: 100%;
    min-height: 449px;
    max-height: 100%;
    height: 124vw;
  }
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area {
  overflow: hidden;
}

@media screen and (max-width: 1023px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area {
    overflow: visible;
  }
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #F7F7F7;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .noimg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .img-box {
  width: 660px;
  height: 950px;
  max-height: 950px;
}

@media screen and (max-width: 1439px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .img-box {
    width: 44.14063vw;
    max-width: 452px;
    height: 63.47656vw;
    max-height: 630px;
  }
}

@media screen and (max-width: 1023px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .img-box {
    width: 42.1875vw;
    max-width: 324px;
    height: 60.67708vw;
    max-height: 466px;
  }
}

@media screen and (max-width: 767px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .img-box {
    width: 100%;
    max-width: 100%;
    min-height: 449px;
    max-height: 100%;
    height: 124vw;
  }
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .img-box .lazyload-wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .img-box .lazyload-wrapper img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .img-box img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -48px;
  margin-left: -48px;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.62);
  z-index: 15;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev:hover, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next:hover {
  background-color: rgba(0, 0, 0, 0.87);
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev i, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next i {
  width: 32px;
  height: 32px;
  margin-top: 8px;
  margin-left: 8px;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev i::before, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next i::before {
  width: 32px;
  height: 32px;
  padding-top: 4px;
  font-size: 32px;
  color: #fff;
  box-sizing: border-box;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev.swiper-button-disabled:hover, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next.swiper-button-disabled:hover {
  background-color: rgba(0, 0, 0, 0.62);
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev.swiper-button-disabled i::before, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next.swiper-button-disabled i::before {
  color: rgba(255, 255, 255, 0.42);
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev {
  left: 32px;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next {
  right: 32px;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination {
  position: absolute;
  bottom: 32px;
  right: 32px;
  left: auto;
  display: inline-block;
  padding: 4px 16px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.62);
  border-radius: 16px;
  z-index: 10;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination span, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination i {
  display: inline-block;
  vertical-align: top;
  color: #fff;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination span {
  min-width: 17px;
  text-align: center;
  line-height: 24px;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .spf-action-slash, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .tot {
  color: rgba(255, 255, 255, 0.42);
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .spf-action-slash {
  text-align: center;
  width: 8px;
  height: 14px;
  margin-top: 4px;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .spf-action-slash::before {
  margin-top: -3px;
  font-size: 14px;
  width: 8px;
  height: 14px;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause {
  margin-left: 4px;
  vertical-align: top;
}

.detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause i {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1439px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .play-btn {
    margin-top: -32px;
    margin-left: -32px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .play-btn > img {
    width: 64px;
    height: 64px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next {
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev i, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next i {
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-left: 8px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev i::before, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next i::before {
    width: 24px;
    height: 24px;
    padding-top: 2px;
    font-size: 24px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev {
    left: 24px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next {
    right: 24px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination {
    bottom: 24px;
    right: 24px;
    padding: 4px 12px;
    border-radius: 14px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination span {
    min-width: 15px;
    line-height: 20px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .spf-action-slash {
    width: 8px;
    text-align: center;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .spf-action-slash::before {
    margin-top: -4px;
    font-size: 14px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause {
    margin-left: 2px;
    height: 20px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    background-size: 16px;
  }
}

@media screen and (max-width: 1439px) and (max-width: 1439px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 1px;
  }
}

@media screen and (max-width: 1439px) and (max-width: 1023px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 0;
  }
}

@media screen and (max-width: 1439px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause.pause i {
    background-size: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next {
    margin-top: -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev i, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next i {
    width: 20px;
    height: 20px;
    margin-top: 6px;
    margin-left: 6px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev i::before, .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next i::before {
    width: 20px;
    height: 20px;
    padding-top: 0;
    font-size: 20px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev {
    left: 16px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next {
    right: 16px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination {
    bottom: 16px;
    right: 16px;
  }
}

@media screen and (max-width: 767px) {
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container {
    overflow: visible;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .play-btn {
    margin-top: -24px;
    margin-left: -24px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .swiper-slide .play-btn > img {
    width: 48px;
    height: 48px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-prev {
    display: none;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .button-next {
    display: none;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination {
    bottom: 12px;
    right: 12px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination span {
    min-width: 13px;
    line-height: 16px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .spf-action-slash {
    margin-top: 0px;
    width: 8px;
    text-align: center;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .spf-action-slash::before {
    margin-top: 0px;
    font-size: 14px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause {
    display: none;
    margin-left: 2px;
    margin-top: 2px;
    height: 14px;
    vertical-align: top;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause i {
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
  .detailbanner-section .mainbanner-panel .p-body .poster .img-area .poster_swiper-area .swiper-container .pagination .play_pause.pause i {
    background-size: 14px;
  }
}

@media screen and (max-width: 1439px) {
  .detailbanner-section {
    margin-bottom: 96px;
  }
}

@media screen and (max-width: 1023px) {
  .detailbanner-section {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .detailbanner-section {
    margin-bottom: 48px;
  }
  .detailbanner-section .section-inner {
    overflow: hidden;
  }
}

.character-section .character_list li {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 24px 0;
}

.character-section .character_list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.character-section .character_list li:last-child {
  padding-bottom: 0;
}

.character-section .character_list li dl {
  padding-left: 34px;
  position: relative;
}

.character-section .character_list li dl dt {
  margin-bottom: 14px;
}

.character-section .character_list li dl dt::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 4px;
  background: url("../images/common/blt_gem.svg") no-repeat center;
  width: 24px;
  height: 24px;
  background-size: cover;
}

@media screen and (max-width: 1439px) {
  .character-section .character_list li {
    padding: 20px 0;
  }
  .character-section .character_list li dl {
    padding-left: 30px;
  }
  .character-section .character_list li dl dt {
    margin-bottom: 10px;
  }
  .character-section .character_list li dl dt::before {
    top: 2px;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 767px) {
  .character-section .character_list li {
    padding: 24px 0;
  }
  .character-section .character_list li dl {
    padding-left: 22px;
  }
  .character-section .character_list li dl dt {
    margin-bottom: 14px;
  }
  .character-section .character_list li dl dt::before {
    top: 3px;
    width: 14px;
    height: 14px;
  }
}

.accordion-section,
.location-section,
.contact-section,
.simple-section,
.download-section {
  padding-top: 96px;
}

@media screen and (max-width: 1439px) {
  .accordion-section,
  .location-section,
  .contact-section,
  .simple-section,
  .download-section {
    padding-top: 72px;
  }
}

@media screen and (max-width: 1023px) {
  .accordion-section,
  .location-section,
  .contact-section,
  .simple-section,
  .download-section {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .accordion-section,
  .location-section,
  .contact-section,
  .simple-section,
  .download-section {
    padding-top: 48px;
  }
}

.download-section {
  padding-bottom: 200px;
}

@media screen and (max-width: 1439px) {
  .download-section {
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 1023px) {
  .download-section {
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 767px) {
  .download-section {
    padding-bottom: 80px;
  }
}

.accordion-section .p-body {
  padding-bottom: 40px;
}

.accordion-section .p-footer {
  padding-top: 64px;
}

.accordion-section .p-footer .btn_set {
  display: none;
}

.accordion-section .p-footer .paging-area {
  margin: 0;
}

@media screen and (max-width: 1439px) {
  .accordion-section .p-body {
    padding-bottom: 24px;
  }
  .accordion-section .p-footer {
    padding-top: 48px;
  }
}

@media screen and (max-width: 1023px) {
  .accordion-section .p-body {
    padding-bottom: 16px;
  }
  .accordion-section .p-footer {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .accordion-section .p-body {
    padding-bottom: 8px;
  }
  .accordion-section .p-footer {
    padding-top: 0;
  }
  .accordion-section .p-footer .paging-area {
    display: none;
  }
  .accordion-section .p-footer .btn_set {
    display: block;
  }
}

.location-section .p-body .location:after {
  content: '';
  display: block;
  clear: both;
}

.location-section .p-body .location .map-area {
  float: left;
  width: 50%;
  padding-right: 20px;
  box-sizing: border-box;
}

.location-section .p-body .location .map-area .img-box {
  position: relative;
}

.location-section .p-body .location .map-area .img-box img {
  width: 100%;
}

.location-section .p-body .location .map-area .img-box img.is_mo {
  display: none;
}

.location-section .p-body .location .map-area .img-box img.is_pc {
  display: block;
}

@media screen and (max-width: 1023px) {
  .location-section .p-body .location .map-area .img-box img.is_mo {
    display: block;
  }
  .location-section .p-body .location .map-area .img-box img.is_pc {
    display: none;
  }
}

.location-section .p-body .location .info-area {
  float: left;
  width: 50%;
  padding-left: 20px;
  box-sizing: border-box;
}

.location-section .p-body .location .info-area .block-list {
  padding-bottom: 96px;
  border-top: 2px solid #000;
}

.location-section .p-body .location .info-area .block-list > li {
  padding-top: 48px;
}

.location-section .p-body .location .info-area .block-list .link_btn {
  margin-right: 25px;
}

.location-section .p-body .location .info-area .block-list .link_btn i {
  vertical-align: top;
  margin-top: -2px;
}

.location-section .p-body .location .info-area .block-list dl:after {
  content: '';
  display: block;
  clear: both;
}

.location-section .p-body .location .info-area .block-list dl dt, .location-section .p-body .location .info-area .block-list dl dd {
  width: 100%;
}

.location-section .p-body .location .info-area .block-list dl dd {
  margin-top: 8px;
}

@media screen and (max-width: 1439px) {
  .location-section .p-body .location .info-area .block-list {
    padding-bottom: 80px;
  }
  .location-section .p-body .location .info-area .block-list > li {
    padding-top: 32px;
  }
  .location-section .p-body .location .info-area .block-list .link_btn {
    margin-right: 20px;
  }
}

@media screen and (max-width: 1023px) {
  .location-section .p-body .location .info-area .block-list {
    margin-top: 40px;
    padding-bottom: 56px;
  }
}

@media screen and (max-width: 767px) {
  .location-section .p-body .location .info-area .block-list {
    margin-top: 24px;
  }
  .location-section .p-body .location .info-area .block-list > li {
    padding-top: 24px;
  }
}

.location-section .p-body .location .info-area .map-btn .btn_item:first-child {
  padding-right: 12px;
}

.location-section .p-body .location .info-area .map-btn .btn_item:last-child {
  padding-left: 12px;
}

@media screen and (max-width: 767px) {
  .location-section .p-body .location .info-area .map-btn .btn_item:first-child {
    padding-right: 8px;
  }
  .location-section .p-body .location .info-area .map-btn .btn_item:last-child {
    padding-left: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .location-section .p-body .location .map-area {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .location-section .p-body .location .info-area {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}

.simple-section .text {
  padding-top: 24px;
  text-align: center;
}

.simple-section .con-footer {
  padding-top: 80px;
}

@media screen and (max-width: 1439px) {
  .simple-section .con-footer {
    padding-top: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .simple-section .text {
    padding-top: 16px;
  }
  .simple-section .con-footer {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .simple-section .con-footer {
    padding-top: 40px;
  }
  .simple-section .con-footer .btn {
    padding: 9px;
  }
}

.download-section .con-body {
  border-top: 2px solid #000;
}

.download-section .con-body .download_table {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 48px;
  margin: 56px 0 0;
}

.download-section .con-body .download_table dl {
  margin-bottom: 80px;
}

.download-section .con-body .download_table dl dd {
  margin-top: 16px;
  color: rgba(0, 0, 0, 0.87);
}

.download-section .con-body .download_table dl dd span {
  display: block;
  color: rgba(0, 0, 0, 0.62);
  margin-top: 8px;
}

.download-section .con-body .download_table .down_btn a {
  margin-right: 20px;
  padding: 10px 36px 12px;
  width: auto;
}

@media screen and (max-width: 1439px) {
  .download-section .con-body .download_table {
    padding: 40px;
    margin: 48px 0;
  }
  .download-section .con-body .download_table dl {
    margin-bottom: 76px;
  }
  .download-section .con-body .download_table .down_btn a {
    margin-right: 11px;
  }
}

@media screen and (max-width: 1023px) {
  .download-section .con-body .download_table {
    padding: 32px;
    margin: 40px 0;
  }
  .download-section .con-body .download_table dl {
    margin-bottom: 68px;
  }
  .download-section .con-body .download_table .down_btn a {
    margin-right: 11px;
    padding: 10px 23px 12px;
  }
}

@media screen and (max-width: 767px) {
  .download-section .con-body .download_table {
    padding: 24px;
    margin: 32px 0;
  }
  .download-section .con-body .download_table dl {
    margin-bottom: 40px;
  }
  .download-section .con-body .download_table .down_btn a {
    margin-top: 16px;
    display: table;
  }
  .download-section .con-body .download_table .down_btn a:first-child {
    margin-top: 0;
  }
}

.contact-section .top-description {
  padding-bottom: 24px;
  text-align: right;
}

.contact-section .top-description p {
  position: relative;
  color: rgba(0, 0, 0, 0.62);
}

.contact-section .top-description .fe-req {
  margin-left: 0;
  margin-right: 8px;
  color: #FF5A00;
  vertical-align: middle;
}

.contact-section .top-description .fe-req_bk {
  margin-left: 0;
  margin-right: 8px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .contact-section .top-description {
    padding-bottom: 16px;
  }
}

.contact-section .lable_hide {
  display: none;
}

.contact-section .fe-req_bk {
  margin-left: 8px;
  vertical-align: text-bottom;
}

.contact-section .fe-req {
  color: #FF5A00;
  margin-left: 8px;
  vertical-align: text-bottom;
}

.contact-section .fe-row {
  border-top: 2px solid #000;
}

.contact-section .fe-row > ul > li {
  padding-top: 40px;
}

.contact-section .fe-row + .fe-row {
  margin-top: 96px;
}

.contact-section .textarea-area .input-box {
  padding-bottom: 40px;
}

.contact-section .textarea-area .textarea-box textarea {
  height: 200px;
}

.contact-section .select-box {
  width: 100%;
}

.contact-section .select-box + .select-box {
  padding-left: 24px;
}

.contact-section .input-box {
  width: 100%;
}

.contact-section .input-box + .input-box {
  padding-left: 24px;
}

.contact-section .input-container + .input-container {
  margin-left: 24px;
}

.contact-section .fe_set-double {
  display: flex;
}

.contact-section .fe_set-double .input-box {
  width: 50%;
}

.contact-section .fe_set-double .input-container {
  width: 50%;
}

.contact-section .fe_set-double.call {
  position: relative;
}

.contact-section .fe_set-double.call .select-box {
  width: 430px;
}

.contact-section .fe_set-double.call .input-box {
  position: absolute;
  right: 0;
  width: calc(100% - 430px);
  padding-left: 24px;
}

.contact-section .fe_set-double.call .input-container {
  position: absolute;
  right: 0;
  width: calc(100% - 454px);
}

.contact-section .fe_set-double.call .input-container.select {
  position: relative;
  margin-left: 0;
  width: 430px;
}

.contact-section .agree-box {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.contact-section .agree-box .text-box {
  padding: 40px;
}

.contact-section .agree-box .chk-box {
  padding: 24px 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.contact-section .agree-box li .tb5 {
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  font-family: 'CircularXXWeb-Regular';
  margin-top: 4px;
}

.contact-section .agree-box li + li {
  padding-top: 24px;
}

.contact-section .con-footer {
  padding-top: 80px;
}

@media screen and (max-width: 1439px) {
  .contact-section .fe-row > ul > li {
    padding-top: 32px;
  }
  .contact-section .fe_set-double.call .select-box {
    width: 294px;
  }
  .contact-section .fe_set-double.call .input-box {
    width: calc(100% - 294px);
  }
  .contact-section .fe_set-double.call .input-container {
    width: calc(100% - 318px);
  }
  .contact-section .fe_set-double.call .input-container.select {
    width: 294px;
  }
  .contact-section .textarea-area .input-box {
    padding-bottom: 36px;
  }
  .contact-section .textarea-area .textarea-box textarea {
    height: 176px;
  }
  .contact-section .fe-row + .fe-row {
    margin-top: 72px;
  }
  .contact-section .con-footer {
    padding-top: 72px;
  }
}

@media screen and (max-width: 1023px) {
  .contact-section .fe_set-double.call .select-box {
    width: 236px;
  }
  .contact-section .fe_set-double.call .input-box {
    width: calc(100% - 236px);
  }
  .contact-section .fe_set-double.call .input-container {
    width: calc(100% - 260px);
  }
  .contact-section .fe_set-double.call .input-container.select {
    width: 236px;
  }
  .contact-section .textarea-area .input-box {
    padding-bottom: 24px;
  }
  .contact-section .textarea-area .textarea-box textarea {
    height: 168px;
  }
  .contact-section .fe-row + .fe-row {
    margin-top: 48px;
  }
  .contact-section .con-footer {
    padding-top: 64px;
  }
  .contact-section .agree-box .text-box {
    padding: 30px;
  }
  .contact-section .agree-box .chk-box {
    padding: 16px 30px;
  }
}

@media screen and (max-width: 767px) {
  .contact-section .fe_set-double .input-container {
    position: relative;
    width: 100%;
    margin: 0;
  }
  .contact-section .fe_set-double .input-container + .input-container {
    margin-top: 32px;
  }
  .contact-section .fe_set-double.call .select-box {
    width: 100%;
  }
  .contact-section .fe_set-double.call .input-box {
    position: static;
    width: 100%;
    padding-left: 0;
    margin-top: 32px;
  }
  .contact-section .fe_set-double.call .input-container {
    position: relative;
    width: 100%;
    margin: 0;
  }
  .contact-section .fe_set-double.call .input-container.select {
    width: 100%;
    margin-bottom: 32px;
  }
  .contact-section .fe_set-double {
    display: initial;
  }
  .contact-section .fe_set-double .input-box {
    width: 100%;
  }
  .contact-section .select-box {
    width: 100%;
  }
  .contact-section .select-box + .select-box {
    padding-left: 0;
    padding-top: 24px;
  }
  .contact-section .input-box + .input-box {
    padding-left: 0px;
    padding-top: 24px;
  }
  .contact-section .fe-row + .fe-row {
    margin-top: 48px;
  }
  .contact-section .con-footer {
    padding-top: 48px;
  }
}

body.is_pc .select_layer.is_mb, body.is_tb .select_layer.is_mb {
  display: none;
}

body.is_mb .select_layer.is_pc, body.is_ms .select_layer.is_pc {
  display: none;
}

/* ================== filter (content, newslist ) */
.filter-section {
  padding: 28px 0;
  transition: all 0.25s ease-in-out;
  background: #fff;
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 1439px) {
  .filter-section {
    padding: 30px 0;
  }
}

@media screen and (max-width: 1023px) {
  .filter-section {
    padding: 26px 0;
  }
}

@media screen and (max-width: 767px) {
  .filter-section {
    padding: 16px 0;
  }
}

.filter-section.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 18;
}

@media screen and (max-width: 767px) {
  .filter-section.fixed .search_filter-wrap {
    display: none;
  }
  .filter-section.fixed .filter-wrap {
    margin-top: 0 !important;
  }
}

.filter-section.fixed_up {
  position: fixed;
  left: 0;
  right: 0;
  top: 72px;
  z-index: 18;
}

@media screen and (max-width: 767px) {
  .filter-section.fixed_up {
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    z-index: 18;
  }
}

@media screen and (max-width: 767px) {
  .filter-section.fixed_up .search_filter-wrap + .filter-wrap {
    margin-top: 24px !important;
  }
}

.filter-section.fixed .filter-in, .filter-section.fixed_up .filter-in {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
}

@media screen and (max-width: 1439px) {
  .filter-section.fixed .filter-in, .filter-section.fixed_up .filter-in {
    padding: 0 48px;
  }
}

@media screen and (max-width: 1023px) {
  .filter-section.fixed .filter-in, .filter-section.fixed_up .filter-in {
    padding: 0 48px;
  }
}

@media screen and (max-width: 767px) {
  .filter-section.fixed .filter-in, .filter-section.fixed_up .filter-in {
    padding: 0 24px;
  }
}

.filter-section .filter-wrap {
  position: relative;
  display: inline-block;
}

.filter-section .filter-wrap .filter_tit {
  float: left;
  cursor: pointer;
}

.filter-section .filter-wrap .filter_tit span, .filter-section .filter-wrap .filter_tit i {
  vertical-align: middle;
}

.filter-section .filter-wrap .filter_tit.active .spf {
  transform: rotate(180deg);
}

.filter-section .filter-wrap .filter_list {
  position: absolute;
  top: 28px;
  background: #fff;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 32px;
  width: 462px;
  display: none;
}

.filter-section .filter-wrap .filter_list .scroll {
  display: block;
}

.filter-section .filter-wrap .filter_list .scroll::after {
  content: '';
  display: block;
  clear: both;
}

@media screen and (max-width: 767px) {
  .filter-section .filter-wrap .filter_list .scroll {
    max-height: 280px;
    margin-right: -16px;
  }
}

.filter-section .filter-wrap .filter_list dl {
  display: inline-block;
  width: 100%;
}

.filter-section .filter-wrap .filter_list dl dd ul {
  display: flex;
  flex-wrap: wrap;
}

.filter-section .filter-wrap .filter_list dl dd ul li {
  width: 50%;
  float: left;
  margin-top: 16px;
  padding: 4px 0;
}

.filter-section .filter-wrap .filter_list dl dd ul li:nth-child(odd) .trp.checkbox-box label {
  margin-right: 32px;
}

.filter-section .filter-wrap .filter_list dl dd ul li:nth-child(odd) .trp.radio-box label {
  margin-right: 32px;
}

.filter-section .filter-wrap .filter_list dl + dl {
  margin-top: 32px;
}

@media screen and (max-width: 1439px) {
  .filter-section .filter-wrap .filter_list dl + dl {
    margin-top: 24px;
  }
}

.filter-section .filter-wrap .filter_list .fliter_close {
  position: absolute;
  right: 32px;
  top: 32px;
}

.filter-section .filter-wrap .filter_list .fliter_close a {
  display: block;
}

.filter-section .filter-wrap .filter_list .fliter_close a .spf {
  width: 24px;
  height: 24px;
}

.filter-section .filter-wrap .filter_list .fliter_close a .spf::before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

@media screen and (max-width: 1439px) {
  .filter-section .filter-wrap .filter_list {
    padding: 24px;
    width: 400px;
  }
  .filter-section .filter-wrap .filter_list .fliter_close {
    right: 24px;
    top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .filter-section .filter-wrap .filter_list {
    padding: 16px;
    width: 204px;
    top: 26px;
  }
  .filter-section .filter-wrap .filter_list dl {
    display: block;
  }
  .filter-section .filter-wrap .filter_list dl dt {
    padding-bottom: 12px;
  }
  .filter-section .filter-wrap .filter_list dl dd {
    overflow-y: scroll;
    max-height: 260px;
  }
  .filter-section .filter-wrap .filter_list dl dd ul li {
    width: 100%;
    float: none;
    margin-top: 12px;
  }
  .filter-section .filter-wrap .filter_list dl dd ul li:first-child {
    margin-top: 0;
  }
  .filter-section .filter-wrap .filter_list dl dd ul li:nth-child(odd) .trp.checkbox-box label {
    margin-right: 0;
  }
  .filter-section .filter-wrap .filter_list dl dd ul li:nth-child(odd) .trp.radio-box label {
    margin-right: 0;
  }
  .filter-section .filter-wrap .filter_list .fliter_close {
    right: 16px;
    top: 16px;
  }
}

.filter-section .filter-wrap .filter_tit.active + .filter_list {
  display: block;
}

.filter-section .filter-wrap .trp.checkbox-box {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  min-height: 16px;
  display: block;
}

.filter-section .filter-wrap .trp.checkbox-box label {
  line-height: normal;
  margin-left: 0;
  display: block;
  word-break: break-all;
}

.filter-section .filter-wrap .trp.checkbox-box em {
  height: 16px;
}

.filter-section .filter-wrap .trp.checkbox-box input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

.filter-section .filter-wrap .trp.checkbox-box input[type="checkbox"] + i {
  margin-top: -8px;
}

.filter-section .filter-wrap .trp.checkbox-box input[type="checkbox"] + i:after {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
}

.filter-section .filter-wrap .trp.radio-box {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  min-height: 16px;
  display: block;
}

.filter-section .filter-wrap .trp.radio-box label {
  line-height: normal;
  margin-left: 0;
  display: block;
}

.filter-section .filter-wrap .trp.radio-box em {
  height: 16px;
}

.filter-section .filter-wrap .trp.radio-box input[type="radio"] {
  width: 16px;
  height: 16px;
}

.filter-section .filter-wrap .trp.radio-box input[type="radio"] + i {
  margin-top: -8px;
}

.filter-section .filter-wrap .trp.radio-box input[type="radio"] + i:after {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
}

.filter-section .filter-wrap .disabled {
  position: relative;
}

.filter-section .filter-wrap .disabled::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}

.filter-section .filter-wrap .disabled .select_filter {
  opacity: 0.42;
}

.filter-section .filter-wrap .disabled .tt1, .filter-section .filter-wrap .disabled .tit, .filter-section .filter-wrap .disabled .select_list {
  opacity: 0.42;
}

.filter-section .filter-wrap .btn_set-center {
  text-align: right;
  margin-top: 32px;
}

.filter-section .filter-wrap .btn_set-center .btn {
  width: auto;
  padding: 11px 24px;
}

.filter-section .filter-wrap .btn_set-center .btn.btn_refresh {
  padding: 11px;
  margin-right: 13px;
  border: 1px solid #000;
}

.filter-section .filter-wrap .btn_set-center .btn.btn_refresh .spf {
  width: 24px;
  height: 24px;
}

.filter-section .filter-wrap .btn_set-center .btn.btn_refresh .spf::before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

@media screen and (max-width: 1439px) {
  .filter-section .filter-wrap .btn_set-center {
    margin-top: 24px;
  }
  .filter-section .filter-wrap .btn_set-center .btn {
    padding: 9px 22px 9px;
  }
  .filter-section .filter-wrap .btn_set-center .btn.btn_refresh {
    padding: 7px;
  }
}

@media screen and (max-width: 767px) {
  .filter-section .filter-wrap .btn_set-center .btn.btn_refresh {
    padding: 7px;
    margin-right: 5px;
  }
  .filter-section .filter-wrap .btn_set-center .btn.btn_refresh .spf {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .filter-section .filter-wrap .btn_set-center .btn.btn_refresh .spf::before {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
  }
}

.filter-section .select-box {
  float: right;
}

.filter-section .select-box .custom_select .select_value {
  margin-bottom: 0;
}

.filter-section .select-box .select_list {
  left: auto;
  right: 0;
}

.serch_field {
  display: block;
  padding: 0 64px 0 24px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.serch_field .btn {
  position: absolute;
  right: 12px;
  top: 0;
  width: auto;
  height: 46px;
  width: 46px;
  padding: 0;
}

.serch_field .btn .spf {
  width: 24px;
  height: 24px;
}

.serch_field .btn .spf::before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}

.serch_field input {
  height: 46px;
  padding: 0;
  border: 0;
}

@media screen and (max-width: 1439px) {
  .serch_field {
    padding: 0 56px 0 16px;
  }
  .serch_field .btn {
    height: 38px;
    width: 38px;
    right: 6px;
  }
  .serch_field input {
    height: 38px;
  }
}

@media screen and (max-width: 1023px) {
  .serch_field {
    padding: 0 48px 0 16px;
  }
  .serch_field .btn .spf {
    width: 20px;
    height: 20px;
  }
  .serch_field .btn .spf::before {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
  }
}

.filter-section_wrap.news .filter-section {
  padding: 16px 0;
}

.filter-section_wrap.news .filter-section::after {
  content: '';
  display: block;
  clear: both;
}

.filter-section_wrap.news .filter-section .title-box {
  float: left;
}

.filter-section_wrap.news .filter-section .search_filter-wrap {
  float: right;
  width: 432px;
}

@media screen and (max-width: 1439px) {
  .filter-section_wrap.news .filter-section .search_filter-wrap {
    width: 293px;
  }
}

@media screen and (max-width: 1023px) {
  .filter-section_wrap.news .filter-section .search_filter-wrap {
    width: 308px;
  }
}

@media screen and (max-width: 767px) {
  .filter-section_wrap.news .filter-section .search_filter-wrap {
    width: 100%;
  }
}

.filter-section_wrap.news .filter-section .title-box + .search_filter-wrap {
  margin-top: 12px;
}

@media screen and (max-width: 1440px) {
  .filter-section_wrap.news .filter-section .title-box + .search_filter-wrap {
    margin-top: 12px;
  }
}

@media screen and (max-width: 1439px) {
  .filter-section_wrap.news .filter-section .title-box + .search_filter-wrap {
    margin-top: 0;
    width: 293px;
  }
}

@media screen and (max-width: 1023px) {
  .filter-section_wrap.news .filter-section .title-box + .search_filter-wrap {
    width: 308px;
  }
}

@media screen and (max-width: 767px) {
  .filter-section_wrap.news .filter-section .title-box + .search_filter-wrap {
    width: 100%;
    margin-top: 24px;
  }
}

.filter-section_wrap.news .filter-section .filter-wrap {
  float: left;
  margin-top: 13px;
}

.filter-section_wrap.news .filter-section.tit {
  padding: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 1439px) {
  .filter-section_wrap.news .filter-section.tit {
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  .filter-section_wrap.news .filter-section.tit {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .filter-section_wrap.news .filter-section.tit {
    padding: 0;
  }
}

.filter-section_wrap.news .filter-section.tit.fixed {
  position: static;
}

.filter-section_wrap.news .filter-section.tit.fixed .filter-in {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .filter-section_wrap.news .filter-section.tit.fixed {
    position: fixed;
    padding: 0;
    top: -140px;
  }
  .filter-section_wrap.news .filter-section.tit.fixed .filter-in {
    padding: 0 24px;
  }
}

.filter-section_wrap.news .filter-section.tit.fixed_up {
  position: static;
}

.filter-section_wrap.news .filter-section.tit.fixed_up .filter-in {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .filter-section_wrap.news .filter-section.tit.fixed_up {
    position: fixed;
    padding: 16px 0;
  }
  .filter-section_wrap.news .filter-section.tit.fixed_up .filter-in {
    padding: 0 24px;
  }
  .filter-section_wrap.news .filter-section.tit.fixed_up .title-box {
    display: none;
  }
  .filter-section_wrap.news .filter-section.tit.fixed_up .search_filter-wrap {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .filter-section_wrap.news .filter-section .filter-wrap .filter_list .scroll {
    overflow-y: scroll;
  }
}

/*----------- esg 관련 컨텐츠 */
.esg .p-header {
  margin-top: 32px;
}

@media screen and (max-width: 1023px) {
  .esg .p-header {
    margin-top: 24px;
  }
}

.subordinateness .tb5 {
  color: rgba(0, 0, 0, 0.87);
}

.subordinateness .row {
  margin-bottom: 48px;
}

.subordinateness .row > h3 {
  margin-bottom: 8px;
}

@media screen and (max-width: 1439px) {
  .subordinateness .row {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .subordinateness .row {
    margin-bottom: 32px;
  }
  .subordinateness .row > h3 {
    margin-bottom: 16px;
  }
}

.subordinateness .row:last-child {
  margin-bottom: 0;
}

.visionary-section-wrap .items-panel .custom_select .select_value {
  margin-bottom: 0;
}

.visionary-section-wrap .items-panel .custom_select .select_list {
  margin-top: 8px;
}

.visionary-section-wrap .select-cont-warp {
  border-top: 2px solid #000;
}

.visionary-section-wrap .select-cont-warp .select-cont + .select-cont {
  display: none;
}

.visionary-section-wrap .select-cont-warp .visionary-section {
  margin-bottom: 48px;
}

.visionary-section-wrap .select-cont-warp .visionary-section:last-child {
  margin-bottom: 0;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-header {
  padding: 72px 0 48px;
}

@media screen and (max-width: 1439px) {
  .visionary-section-wrap .select-cont-warp .visionary-section {
    margin-bottom: 32px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-header {
    padding: 64px 0 40px;
  }
}

@media screen and (max-width: 1023px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-header {
    padding: 48px 0 32px;
  }
}

@media screen and (max-width: 767px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-header {
    padding: 32px 0 24px;
  }
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 {
  margin-top: -56px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li {
  margin-top: 56px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .img-area {
  border: 1px solid #d8d8d8;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .img-box {
  height: 318px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .typo-area dl dt span {
  display: block;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .typo-area dl dt .tb3 {
  color: rgba(0, 0, 0, 0.62);
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .typo-area dl dd {
  margin-top: 16px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .typo-area dl dd.tb1 {
  font-weight: 400;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .typo-area dl dd .tb3 {
  color: rgba(0, 0, 0, 0.87);
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li:nth-child(4n) + li {
  clear: both;
}

@media screen and (max-width: 1440px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .img-box {
    height: 318px;
  }
}

@media screen and (max-width: 1439px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .typo-area {
    margin-bottom: 0;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .typo-area dl dd {
    margin-top: 12px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .img-box {
    height: 20.89844vw;
  }
}

@media screen and (max-width: 1023px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 {
    margin-top: -32px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li {
    margin-top: 32px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .img-box {
    height: 19.53125vw;
  }
}

@media screen and (max-width: 767px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li:nth-child(odd) {
    clear: both;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col4.col-4_4_4_2 li .img-box {
    height: 41.11111vw;
  }
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 {
  margin-top: -56px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li {
  margin-top: 56px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li .img-area {
  border: 1px solid #d8d8d8;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li .typo-area dl dt span {
  display: block;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li .typo-area dl dt .tb3 {
  color: rgba(0, 0, 0, 0.62);
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li .typo-area dl dd {
  margin-top: 16px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li .typo-area dl dd.tb1 {
  font-weight: 400;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li .typo-area dl dd .tb3 {
  color: rgba(0, 0, 0, 0.87);
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li:nth-child(3n) + li {
  clear: both;
}

@media screen and (max-width: 1439px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li .typo-area {
    margin-bottom: 0;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li .typo-area dl dd {
    margin-top: 12px;
  }
}

@media screen and (max-width: 1023px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 {
    margin-top: -32px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li {
    margin-top: 32px;
  }
}

@media screen and (max-width: 767px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li:nth-child(3n) + li {
    clear: inherit;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li:nth-child(odd) {
    clear: both;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .col3.col-3_3_3_2 li .img-box {
    height: 41.11111vw;
  }
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt {
  width: 888px;
  margin: 0 auto;
  padding-top: 40px;
  text-align: center;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt .desc {
  margin-bottom: 24px;
  color: #0BBCC9;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt .icon_box .spf {
  color: #0BBCC9;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt .icon_box .spf::before {
  width: 32px;
  height: 32px;
  font-size: 32px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt dl {
  margin-top: 24px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt dl dt {
  margin-bottom: 24px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt dl dd {
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1439px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt {
    width: 610px;
    padding-top: 24px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt .desc {
    margin-bottom: 16px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt dl {
    margin-top: 16px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt dl dt {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt {
    width: 498px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt .desc {
    margin-bottom: 12px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt .icon_box > .spf {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt .icon_box > .spf::before {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt dl {
    margin-top: 12px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt dl dt {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 767px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt {
    width: 100%;
    padding-top: 16px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt .icon_box > .spf {
    width: 24px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .Keywords_txt .icon_box > .spf::before {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li {
  margin-top: 120px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li:first-child {
  margin-top: 80px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li .card-inner .img-box {
  overflow: hidden;
  position: relative;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li .card-inner .img-box img {
  max-width: 100%;
  max-height: 504px;
}

@media screen and (max-width: 767px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li .card-inner .img-box {
    min-height: 47vw;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li .card-inner .img-box img {
    max-width: none;
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li .card-inner .typo-area {
  margin-top: 40px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li .card-inner .typo-area dl dt {
  margin-bottom: 8px;
}

.visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li .card-inner .typo-area dl dd {
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1439px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li {
    margin-top: 96px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li:first-child {
    margin-top: 64px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li .card-inner .typo-area {
    margin-top: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li {
    margin-top: 80px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li:first-child {
    margin-top: 48px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li .card-inner .typo-area {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li {
    margin-top: 64px;
  }
  .visionary-section-wrap .select-cont-warp .visionary-section .p-body .keyword_card ul li:first-child {
    margin-top: 32px;
  }
}

.esg_mission {
  margin-top: 24px;
}

.esg_mission .long_box {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 32px;
  text-align: center;
}

.esg_mission .row_box {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 32px;
}

.esg_mission .row_box .box {
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  width: 47%;
  float: right;
}

.esg_mission .row_box .box .in {
  padding: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.esg_mission .row_box .box .in span {
  display: block;
}

.esg_mission .row_box .box .in .tb4 {
  color: rgba(0, 0, 0, 0.62);
}

.esg_mission .row_box .box .line {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  width: 12px;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
}

.esg_mission .row_box .box .tb3 {
  padding: 24px 10px;
  text-align: center;
}

.esg_mission .row_box .box:nth-child(1) {
  float: left;
}

.esg_mission .row_box .icon {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}

.esg_mission .row_box .icon .spf {
  width: 40px;
  height: 40px;
}

.esg_mission .row_box .icon .spf::before {
  font-size: 40px;
  height: 40px;
  width: 40px;
  line-height: 40px;
}

@media screen and (max-width: 1439px) {
  .esg_mission .long_box {
    padding: 24px;
  }
  .esg_mission .row_box {
    margin-top: 24px;
  }
  .esg_mission .row_box .box .in {
    padding: 24px;
  }
  .esg_mission .row_box .icon {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
  }
  .esg_mission .row_box .icon .spf {
    width: 32px;
    height: 32px;
  }
  .esg_mission .row_box .icon .spf::before {
    font-size: 32px;
    height: 32px;
    width: 32px;
    line-height: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .esg_mission {
    margin-top: 16px;
  }
  .esg_mission .row_box .box {
    float: none;
    width: 100%;
  }
  .esg_mission .row_box .box .in {
    padding: 24px;
  }
  .esg_mission .row_box .box .line {
    width: 10px;
  }
  .esg_mission .row_box .box:nth-child(1) {
    float: none;
  }
  .esg_mission .row_box .icon {
    width: 100%;
    height: 100%;
    position: static;
    left: 50%;
    top: 50%;
    margin: 8px 0;
    text-align: center;
  }
  .esg_mission .row_box .icon .spf {
    width: 24px;
    height: 24px;
  }
  .esg_mission .row_box .icon .spf::before {
    font-size: 24px;
    height: 24px;
    width: 24px;
    line-height: 24px;
  }
}

.commitment .col3.col-3_3_1_1 {
  margin-top: -8px;
}

@media screen and (max-width: 1439px) {
  .commitment .col3.col-3_3_1_1 {
    margin-top: -24px;
  }
}

@media screen and (max-width: 1023px) {
  .commitment .col3.col-3_3_1_1 {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .commitment .col3.col-3_3_1_1 {
    margin-top: 0;
  }
}

.commitment ul li .inner_box {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 32px;
}

.commitment ul li .inner_box dl dt {
  margin-bottom: 24px;
}

.commitment ul li .inner_box dl dt span {
  display: block;
  color: rgba(0, 0, 0, 0.62);
}

.commitment ul li .inner_box dl dd {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.commitment ul li .inner_box dl dd ul {
  margin-top: 0;
}

.commitment ul li .inner_box dl dd ul li {
  width: 100%;
  margin: 0;
}

.commitment ul li .inner_box dl dd .icon_list {
  margin-top: 32px;
}

.commitment ul li .inner_box dl dd .target li {
  padding: 0 0 0 45px;
  margin-top: 12px;
}

.commitment ul li .inner_box dl dd .target li span {
  width: 45px;
  margin-left: -45px;
  display: inline-block;
}

.commitment ul li .inner_box dl dt + dd {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}

@media screen and (max-width: 1439px) {
  .commitment ul li .inner_box {
    padding: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .commitment ul li .inner_box dl dt {
    margin-bottom: 16px;
  }
  .commitment ul li .inner_box dl dd .target li {
    margin-top: 8px;
  }
  .commitment ul li .inner_box dl dd .mark_dot-list li {
    padding-left: 0.8em;
  }
}

.basis_box {
  margin-top: 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  padding: 0 40px;
}

.basis_box .in_box {
  text-align: center;
  padding: 32px 24px;
  display: inline-block;
  width: 31%;
}

.basis_box .in_box span {
  display: block;
  color: rgba(0, 0, 0, 0.62);
}

.basis_box .in_box:nth-child(2) {
  margin: 0 64px;
  position: relative;
}

.basis_box .in_box:nth-child(2)::before, .basis_box .in_box:nth-child(2)::after {
  content: '';
  display: inline-block;
  width: 32px;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.basis_box .in_box:nth-child(2)::before {
  left: -64px;
  top: 47%;
}

.basis_box .in_box:nth-child(2)::after {
  right: -64px;
  top: 47%;
}

@media screen and (max-width: 1439px) {
  .basis_box .in_box:nth-child(2) {
    margin: 0 40px;
  }
  .basis_box .in_box:nth-child(2)::before, .basis_box .in_box:nth-child(2)::after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
  }
  .basis_box .in_box:nth-child(2)::before {
    left: -40px;
  }
  .basis_box .in_box:nth-child(2)::after {
    right: -40px;
  }
}

@media screen and (max-width: 1023px) {
  .basis_box {
    padding: 0;
  }
  .basis_box .in_box {
    width: 32%;
  }
  .basis_box .in_box:nth-child(2) {
    margin: 0 16px;
  }
  .basis_box .in_box:nth-child(2)::before, .basis_box .in_box:nth-child(2)::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
  }
  .basis_box .in_box:nth-child(2)::before {
    left: -16px;
  }
  .basis_box .in_box:nth-child(2)::after {
    right: -16px;
  }
}

@media screen and (max-width: 767px) {
  .basis_box {
    display: block;
    padding: 16px 0;
  }
  .basis_box .in_box {
    width: 100%;
    padding: 16px 24px;
  }
  .basis_box .in_box:nth-child(2) {
    margin: 16px 0;
  }
  .basis_box .in_box:nth-child(2)::before, .basis_box .in_box:nth-child(2)::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 16px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
  }
  .basis_box .in_box:nth-child(2)::before {
    left: auto;
    top: -16px;
  }
  .basis_box .in_box:nth-child(2)::after {
    right: auto;
    bottom: -16px;
    top: auto;
  }
}

.esg_member {
  overflow: hidden;
}

.esg_mem-effort {
  margin-top: 24px;
}

.esg_mem-effort ul li {
  display: flex;
  padding: 31px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.esg_mem-effort ul li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.esg_mem-effort ul li > .num {
  width: 34px;
  margin-right: 48px;
  display: inline-block;
}

.esg_mem-effort ul li > .num span {
  width: 34px;
  display: inline-block;
}

@media screen and (max-width: 1439px) {
  .esg_mem-effort ul li > .num {
    width: 28px;
    margin-right: 24px;
  }
  .esg_mem-effort ul li > .num span {
    width: 28px;
  }
}

@media screen and (max-width: 1023px) {
  .esg_mem-effort ul li {
    padding: 24px 0;
  }
  .esg_mem-effort ul li > .num {
    margin-right: 16px;
  }
}

@media screen and (max-width: 767px) {
  .esg_mem-effort {
    margin-top: 16px;
  }
  .esg_mem-effort ul li {
    padding: 20px 0;
  }
  .esg_mem-effort ul li > .num {
    margin-right: 12px;
  }
}

.esg_mem-list {
  margin-top: 24px;
}

.esg_mem-list .swiper-container {
  overflow: visible;
}

.esg_mem-list .col3.col-3_3_2_1 {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-top: -24px !important;
}

.esg_mem-list .col3.col-3_3_2_1 > li {
  margin-top: 24px !important;
  color: rgba(0, 0, 0, 0.87);
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 32px;
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box .name {
  margin-bottom: 24px;
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box .name span {
  display: block;
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box .name .tb3 {
  color: rgba(0, 0, 0, 0.62);
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box .name .tt1 {
  color: #000;
  margin-top: 8px;
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box .name .tt1 em {
  display: block;
  word-break: break-all;
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box .name .tt1 i {
  display: block;
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box .name .tt5 {
  color: rgba(0, 0, 0, 0.87);
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box .mark_dot-list {
  margin: 0;
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box .mark_dot-list li {
  width: 100%;
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  padding-bottom: 0;
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box dl {
  margin-top: 24px;
}

.esg_mem-list .col3.col-3_3_2_1 > li .txt-box dl dt {
  margin-bottom: 4px;
}

@media screen and (max-width: 1439px) {
  .esg_mem-list .col3.col-3_3_2_1 > li .txt-box {
    padding: 24px;
  }
  .esg_mem-list .col3.col-3_3_2_1 > li .txt-box .name {
    min-height: 84px;
  }
  .esg_mem-list .col3.col-3_3_2_1 > li .txt-box dl {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1023px) {
  .esg_mem-list .col3.col-3_3_2_1 {
    flex-wrap: nowrap;
    width: 100%;
    margin-left: 0;
    margin-top: 0 !important;
  }
  .esg_mem-list .col3.col-3_3_2_1 > li {
    margin-top: 0 !important;
    padding: 0;
  }
  .esg_mem-list .col3.col-3_3_2_1 > li .txt-box {
    padding: 24px;
  }
  .esg_mem-list .col3.col-3_3_2_1 > li .txt-box .name {
    min-height: 78px;
  }
  .esg_mem-list .col3.col-3_3_2_1 > li .txt-box dl {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .esg_mem-list .col3.col-3_3_2_1 > li {
    margin-top: 0 !important;
    padding: 0;
  }
  .esg_mem-list .col3.col-3_3_2_1 > li .txt-box {
    padding: 24px;
  }
  .esg_mem-list .col3.col-3_3_2_1 > li .txt-box .name {
    min-height: auto;
  }
  .esg_mem-list .col3.col-3_3_2_1 > li .txt-box .mark_dot-list li {
    padding-left: 0.8em;
  }
  .esg_mem-list .col3.col-3_3_2_1 > li .txt-box .inner_list {
    min-height: 80px;
    height: 82px;
  }
}

.ecp_ecv-section {
  overflow: hidden;
}

.esg_activy-section .category_tab-wrap {
  padding: 0 0 24px;
}

@media screen and (max-width: 1023px) {
  .esg_activy-section .category_tab-wrap {
    padding: 0 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .esg_activy-section {
    overflow: hidden;
  }
}

.esg_activy-section.content-list {
  margin-top: 96px;
}

.esg_activy-section.content-list .p-header {
  padding-bottom: 24px;
}

@media screen and (max-width: 1439px) {
  .esg_activy-section.content-list {
    margin-top: 72px;
  }
}

@media screen and (max-width: 1023px) {
  .esg_activy-section.content-list {
    margin-top: 56px;
  }
}

@media screen and (max-width: 767px) {
  .esg_activy-section.content-list {
    margin-top: 48px;
  }
}

.esgreport-section {
  overflow: hidden;
}

.esgreport-section .p-body .pdf_box {
  font-size: 0;
  line-height: 0;
}

.esgreport-section .p-body .pdf_box > .btn {
  margin-right: 16px;
  padding: 11px 24px;
  width: auto;
}

.esgreport-section .p-body .pdf_box > .btn:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1439px) {
  .esgreport-section .p-body .pdf_box > .btn {
    padding: 10px 16px;
  }
}

@media screen and (max-width: 767px) {
  .esgreport-section .p-body .pdf_box > .btn {
    padding: 10px 12px;
  }
}

.esgreport-section .report-area {
  display: flex;
  margin-bottom: 48px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.esgreport-section .report-area .col.left {
  width: 660px;
}

.esgreport-section .report-area .col.left img {
  max-width: 100%;
  width: 100%;
}

.esgreport-section .report-area .col.right {
  position: relative;
  width: 684px;
  padding: 48px;
  box-sizing: border-box;
}

.esgreport-section .report-area .col.right .desc {
  margin-top: 16px;
  color: rgba(0, 0, 0, 0.87);
}

.esgreport-section .report-area .col.right .pdf_box {
  position: absolute;
  left: 48px;
  bottom: 48px;
}

@media screen and (max-width: 1439px) {
  .esgreport-section .report-area {
    margin-bottom: 40px;
  }
  .esgreport-section .report-area .col.left {
    width: 48%;
  }
  .esgreport-section .report-area .col.right {
    width: 52%;
    padding: 32px;
  }
  .esgreport-section .report-area .col.right .desc {
    margin-top: 8px;
  }
  .esgreport-section .report-area .col.right .pdf_box {
    position: absolute;
    left: 32px;
    bottom: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .esgreport-section .report-area {
    display: block;
    margin-bottom: 32px;
  }
  .esgreport-section .report-area .col.left {
    width: 100%;
  }
  .esgreport-section .report-area .col.right {
    width: 100%;
    padding: 24px;
  }
  .esgreport-section .report-area .col.right .desc {
    margin-top: 8px;
    margin-bottom: 40px;
  }
  .esgreport-section .report-area .col.right .pdf_box {
    position: relative;
    left: auto;
    bottom: auto;
  }
}

@media screen and (max-width: 767px) {
  .esgreport-section .report-area .col.right .desc {
    margin-top: 8px;
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .esgreport-section .col_slider-area .swiper-container {
    overflow: visible;
  }
}

.esgreport-section .col_slider-area .swiper-container .swiper-slide {
  height: 100%;
}

.esgreport-section .col_slider-area .swiper-container .swiper-slide .swiper-inner {
  height: 100%;
  padding: 40px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.esgreport-section .col_slider-area .swiper-container .swiper-slide .swiper-inner > .tt1 {
  height: 68px;
  margin-bottom: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1439px) {
  .esgreport-section .col_slider-area .swiper-container .swiper-slide {
    width: auto;
  }
  .esgreport-section .col_slider-area .swiper-container .swiper-slide .swiper-inner {
    padding: 29px 32px;
  }
  .esgreport-section .col_slider-area .swiper-container .swiper-slide .swiper-inner > .tt1 {
    height: 56px;
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .esgreport-section .col_slider-area .swiper-container .swiper-slide {
    width: 324px;
  }
  .esgreport-section .col_slider-area .swiper-container .swiper-slide .swiper-inner > .tt1 {
    height: 48px;
  }
}

@media screen and (max-width: 767px) {
  .esgreport-section .col_slider-area .swiper-container .swiper-slide {
    width: 92%;
  }
  .esgreport-section .col_slider-area .swiper-container .swiper-slide .swiper-inner {
    padding: 24px;
    min-height: 160px;
  }
  .esgreport-section .col_slider-area .swiper-container .swiper-slide .swiper-inner > .tt1 {
    margin-bottom: 24px;
  }
}

.esgreport-section .col_slider-area .swiper-container.list_type {
  margin-right: 0;
}

.esgreport-section .col_slider-area .swiper-container.list_type .swiper-wrapper {
  display: block;
}

.esgreport-section .col_slider-area .swiper-container.list_type .swiper-wrapper .pdf_box {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
}

.esgreport-section .col_slider-area .swiper-container.list_type .swiper-wrapper .swiper-slide {
  margin-top: 16px;
}

.esgreport-section .col_slider-area .swiper-container.list_type .swiper-wrapper .swiper-slide:first-child {
  margin-top: 0;
}

.esgreport-section .col_slider-area .swiper-container.list_type .swiper-wrapper .swiper-slide .swiper-inner > .tt1 {
  margin-bottom: 0;
  height: auto;
  padding-right: 250px;
}

@media screen and (max-width: 1439px) {
  .esgreport-section .col_slider-area .swiper-container.list_type .swiper-wrapper .swiper-slide {
    width: auto;
  }
}

@media screen and (max-width: 1023px) {
  .esgreport-section .col_slider-area .swiper-container.list_type .swiper-wrapper .swiper-slide {
    width: auto;
    height: auto;
    margin-right: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .esgreport-section .col_slider-area .swiper-container.list_type .swiper-wrapper .swiper-slide {
    width: auto;
    height: auto;
    margin-right: 0 !important;
  }
  .esgreport-section .col_slider-area .swiper-container.list_type .swiper-wrapper .swiper-slide .swiper-inner {
    min-height: auto;
  }
  .esgreport-section .col_slider-area .swiper-container.list_type .swiper-wrapper .swiper-slide .swiper-inner .tt1 {
    padding-right: 120px;
  }
}

.esgreport-section .paging-area {
  margin-top: 50px;
}

@media screen and (max-width: 1439px) {
  .esgreport-section .paging-area {
    margin-top: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .esgreport-section .paging-area {
    display: none;
  }
}

.esgdata_section .data-wrap {
  padding: 40px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.esgdata_section .data-wrap .desc-box {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.87);
}

.esgdata_section .data-wrap .btn-box {
  margin-top: 64px;
}

.esgdata_section .data-wrap .btn-box .btn {
  width: auto;
}

@media screen and (max-width: 1439px) {
  .esgdata_section .data-wrap {
    padding: 32px;
  }
  .esgdata_section .data-wrap .btn-box {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .esgdata_section .data-wrap {
    padding: 24px;
  }
  .esgdata_section .data-wrap .btn-box {
    margin-top: 32px;
  }
}

.esgresult-section {
  overflow: hidden;
}

.esgresult-section .result-wrap {
  position: relative;
  display: flex;
}

.esgresult-section .result-wrap .data_table {
  overflow-y: visible;
}

.esgresult-section .result-wrap .data_table .table-wrap .result-table {
  border-top: 2px solid #000;
}

.esgresult-section .result-wrap .data_table .table-wrap .result-table th, .esgresult-section .result-wrap .data_table .table-wrap .result-table td {
  width: 16.67%;
  height: 80px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.esgresult-section .result-wrap .data_table .table-wrap .result-table th:last-child, .esgresult-section .result-wrap .data_table .table-wrap .result-table td:last-child {
  border-right: 0;
}

.esgresult-section .result-wrap .data_table .table-wrap.only_mb {
  display: none;
}

@media screen and (max-width: 1439px) {
  .esgresult-section .result-wrap .data_table .table-wrap .result-table th, .esgresult-section .result-wrap .data_table .table-wrap .result-table td {
    height: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .esgresult-section .result-wrap {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .esgresult-section .result-wrap .data_table {
    margin-top: 0;
  }
  .esgresult-section .result-wrap .data_table .table-wrap {
    width: 750px;
    -webkit-overflow-scrolling: touch;
    display: none;
  }
  .esgresult-section .result-wrap .data_table .table-wrap.only_mb {
    display: block;
    width: auto;
    margin-top: 8px;
  }
  .esgresult-section .result-wrap .data_table .table-wrap.only_mb .m_history_year {
    margin-bottom: 8px;
  }
  .esgresult-section .result-wrap .data_table .table-wrap.only_mb .result-table {
    display: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .esgresult-section .result-wrap .data_table .table-wrap.only_mb .result-table.active {
    display: table;
  }
  .esgresult-section .result-wrap .data_table .table-wrap.only_mb .result-table tr:first-child th, .esgresult-section .result-wrap .data_table .table-wrap.only_mb .result-table tr:first-child td {
    padding-top: 8px;
    height: 44px;
  }
  .esgresult-section .result-wrap .data_table .table-wrap.only_mb .result-table tr:last-child th, .esgresult-section .result-wrap .data_table .table-wrap.only_mb .result-table tr:last-child td {
    padding-bottom: 8px;
    height: 44px;
  }
  .esgresult-section .result-wrap .data_table .table-wrap.only_mb .result-table th, .esgresult-section .result-wrap .data_table .table-wrap.only_mb .result-table td {
    border: none;
    height: 36px;
    text-align: left;
  }
}

.esgresult-section .esgresult_tab {
  position: relative;
  padding: 32px 0 38px;
  overflow: hidden;
  margin: 0 -48px;
}

.esgresult-section .esgresult_tab .s_tab_wrap {
  display: block;
  min-height: .01%;
  white-space: nowrap;
}

.esgresult-section .esgresult_tab .s_tab_wrap.swiper-container-initialized::before, .esgresult-section .esgresult_tab .s_tab_wrap.swiper-container-initialized::after {
  min-width: 48px;
  width: 7vw;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
}

.esgresult-section .esgresult_tab .s_tab_wrap.swiper-container-initialized::after {
  content: '';
  display: inline-block;
  right: 0;
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */
}

.esgresult-section .esgresult_tab .s_tab_wrap.swiper-container-initialized.start_hide::before {
  content: '';
  z-index: 2;
  display: inline-block;
  left: 0;
  background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.esgresult-section .esgresult_tab .s_tab_wrap.swiper-container-initialized.end_hide::after {
  display: none;
}

@media screen and (max-width: 1440px) {
  .esgresult-section .esgresult_tab .s_tab_wrap.swiper-container-initialized::before, .esgresult-section .esgresult_tab .s_tab_wrap.swiper-container-initialized::after {
    min-width: 48px;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .esgresult-section .esgresult_tab .s_tab_wrap.swiper-container-initialized::before, .esgresult-section .esgresult_tab .s_tab_wrap.swiper-container-initialized::after {
    min-width: 24px;
  }
}

.esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu::after {
  content: '';
  display: block;
  clear: both;
}

.esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu li {
  float: left;
  margin-left: 48px;
}

.esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu li:first-child {
  margin-left: 0;
}

.esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu li a {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.42);
  vertical-align: top;
  display: inline-block;
}

.esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu li a:hover {
  color: rgba(0, 0, 0, 0.62);
}

.esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu li.active a {
  border-bottom: 2px solid #000;
  color: #000;
}

.esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu .swiper-slide {
  width: auto;
}

.esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu .swiper-slide.active a {
  border-bottom: 2px solid #000;
  color: #000;
}

@media screen and (max-width: 1439px) {
  .esgresult-section .esgresult_tab {
    padding: 24px 0 28px;
  }
  .esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu li {
    margin-left: 32px;
  }
  .esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu li a {
    font-size: 18px;
  }
}

@media screen and (max-width: 1023px) {
  .esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu li {
    margin-left: 20px;
  }
  .esgresult-section .esgresult_tab .s_tab_wrap .s_tab_menu li a {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .esgresult-section .esgresult_tab {
    padding: 16px 0 20px;
    margin: 0 -24px;
  }
}


.esgresult-section .desc-box .align-center{
  display: flex;
  align-items: center;
}

.esgresult-section .desc-box .align-center img{
  margin-left: 12px;
}

@media screen and (max-width: 1439px) {
  .esgresult-section .desc-box .align-center img{
    height: 32px;
    margin-left: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .esgresult-section .desc-box .align-center img{
    height: 28px;
  }
}

@media screen and (max-width: 767px) {
  .esgresult-section .desc-box .align-center img{
    height: 24px;
  }
}

.esgmanagement-section {
  overflow: hidden;
}

.esgmanagement-section .esgmanagement-list {
  margin-top: -24px;
}

@media screen and (max-width: 767px) {
  .esgmanagement-section .esgmanagement-list {
    margin-top: 0;
  }
}

.esgmanagement-section .esgmanagement-list .swiper-container {
  overflow: visible;
}

.esgmanagement-section .esgmanagement-list .swiper-container.swiper-container-initialized .col3.col-3_3_2_1 {
  width: 100%;
  margin-left: 0;
}

.esgmanagement-section .esgmanagement-list .swiper-container.swiper-container-initialized .col3.col-3_3_2_1 li {
  padding: 0;
}

.esgmanagement-section .esgmanagement-list .col3.col-3_3_2_1 {
  display: flex;
  flex-wrap: nowrap;
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-top: -24px !important;
}

.esgmanagement-section .esgmanagement-list .col3.col-3_3_2_1 > li {
  margin-top: 24px !important;
  height: auto;
}

.esgmanagement-section .esgmanagement-list .col3.col-3_3_2_1 > li .inner_box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 24px;
  height: 100%;
}

.esgmanagement-section .esgmanagement-list .col3.col-3_3_2_1 > li .inner_box dl dt {
  color: #000;
  margin-bottom: 8px;
}

.esgmanagement-section .esgmanagement-list .col3.col-3_3_2_1 > li .inner_box dl dd {
  color: rgba(0, 0, 0, 0.87);
}

.esgmanagement-section .esgmanagement-list .col3.col-3_3_2_1 > li .inner_box .btn_area {
  margin-top: 24px;
  text-align: center;
}

.esgmanagement-section .esgmanagement-list .col3.col-3_3_2_1 > li .inner_box .btn_area .btn {
  width: auto;
}

@media screen and (max-width: 767px) {
  .esgmanagement-section .esgmanagement-list .col3.col-3_3_2_1 > li .inner_box {
    padding: 16px;
  }
  .esgmanagement-section .esgmanagement-list .col3.col-3_3_2_1 > li .inner_box .btn_area {
    margin-top: 16px;
  }
}

.esgmanagement-section .esgmanagement-list .swiper-container.list_type {
  overflow: hidden;
}

.esgmanagement-section .esgmanagement-list .swiper-container.list_type .col3.col-3_3_2_1 {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-top: 0 !important;
}

.esgmanagement-section .esgmanagement-list .swiper-container.list_type .col3.col-3_3_2_1 > li {
  margin-top: 16px !important;
}

.esgmanagement-section .esgmanagement-list .swiper-container.list_type .col3.col-3_3_2_1 > li:first-child {
  margin-top: 0 !important;
}

.ethical_cont section {
  overflow: hidden;
}

.ethical_cont section .itmes-panel {
  padding-top: 120px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1439px) {
  .ethical_cont section .itmes-panel {
    padding-top: 96px;
  }
}

@media screen and (max-width: 1023px) {
  .ethical_cont section .itmes-panel {
    padding-top: 80px;
  }
}

@media screen and (max-width: 767px) {
  .ethical_cont section .itmes-panel {
    padding-top: 64px;
  }
}

.ethical_cont section:first-child .itmes-panel {
  padding-top: 0;
  border-top: 0;
}

.ethical_cont .subordinateness .enter_pdf {
  margin: 24px 0;
}

@media screen and (max-width: 767px) {
  .ethical_cont .subordinateness .enter_pdf {
    margin: 16px 0;
  }
}

.ethical_cont .subordinateness .row .btn {
  width: auto;
}

.ethical_cont .btn {
  height: 48px;
  padding: 11px 24px;
  margin-right: 0;
}

@media screen and (max-width: 1439px) {
  .ethical_cont .btn {
    height: 40px;
    padding: 9px 16px;
  }
}

@media screen and (max-width: 767px) {
  .ethical_cont .btn {
    height: 36px;
    padding: 9px 12px;
  }
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical_message .message_box {
    margin-top: 24px;
  }
}

.ethical_cont .ethical_message .message_box:after {
  content: "";
  display: block;
  clear: both;
}

.ethical_cont .ethical_message .message_box .col {
  float: left;
}

@media screen and (max-width: 1439px) {
  .ethical_cont .ethical_message .message_box .col {
    float: none;
  }
}

.ethical_cont .ethical_message .message_box .col.left {
  width: 456px;
  margin-right: 114px;
}

@media screen and (max-width: 1439px) {
  .ethical_cont .ethical_message .message_box .col.left {
    width: 100%;
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical_message .message_box .col.left {
    margin-bottom: 16px;
  }
}

.ethical_cont .ethical_message .message_box .col.right {
  width: 774px;
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1439px) {
  .ethical_cont .ethical_message .message_box .col.right {
    width: 100%;
  }
}

.ethical_cont .ethical_message .message_box .col.right > p {
  margin-bottom: 32px;
}

.ethical_cont .ethical_business .promise-cont .col3 {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-top: 0;
}

.ethical_cont .ethical_business .promise-cont .col3 > li {
  width: 33.33335%;
  height: auto;
  padding: 0 12px;
  margin-top: 24px;
}

@media screen and (max-width: 1439px) {
  .ethical_cont .ethical_business .promise-cont .col3 > li {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical_business .promise-cont .col3 {
    margin-left: 0;
    flex-wrap: nowrap;
    margin-top: 16px;
  }
  .ethical_cont .ethical_business .promise-cont .col3 > li {
    padding: 0;
    margin-top: 0;
    margin-top: 0;
    height: 100%;
  }
}

.ethical_cont .ethical_business .promise-cont .swiper-container {
  overflow: visible;
}

.ethical_cont .ethical_business .promise-cont .wrap {
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.ethical_cont .ethical_business .promise-cont .wrap .wrap_inner {
  padding: 24px;
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical_business .promise-cont .wrap .wrap_inner {
    padding: 24px 16px;
  }
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_box {
  display: block;
  width: 40px;
  height: 40px;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_box img {
  height: 40px;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_box.custom-icon {
  background: url("../images/about/custom.svg") no-repeat center;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_box.investors-icon {
  background: url("../images/about/investors.svg") no-repeat center;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_box.employees-icon {
  background: url("../images/about/employees.svg") no-repeat center;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_box.fellow-icon {
  background: url("../images/about/fellow.svg") no-repeat center;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_box.global-icon {
  background: url("../images/about/global.svg") no-repeat center;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_box.unlawful-icon {
  background: url("../images/about/unlawful.png") no-repeat center;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_box.company-icon {
  background: url("../images/about/company.png") no-repeat center;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_box.culture-icon {
  background: url("../images/about/culture.png") no-repeat center;
}

@media screen and (max-width: 1439px) {
  .ethical_cont .ethical_business .promise-cont .wrap .icon_box {
    display: block;
    width: 32px;
    height: 32px;
  }
  .ethical_cont .ethical_business .promise-cont .wrap .icon_box img {
    height: 32px;
  }
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_content {
  margin-top: 12px;
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical_business .promise-cont .wrap .icon_content {
    margin-top: 8px;
  }
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_content h4 {
  margin-bottom: 8px;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_content ul li {
  float: none;
  width: 100%;
  position: relative;
  padding-left: 10px;
  margin-bottom: 6px;
  margin-top: 0;
  color: rgba(0, 0, 0, 0.87);
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_content ul li:last-child {
  margin-bottom: 0;
}

.ethical_cont .ethical_business .promise-cont .wrap .icon_content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 2px;
  background: #000;
  border-radius: 2px;
}

.ethical_cont .ethical_business .conduct_file_list > ul:after {
  content: "";
  clear: both;
  display: block;
}

.ethical_cont .ethical_business .conduct_file_list > ul > li {
  float: left;
  margin-right: 16px;
  margin-top: 16px;
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical_business .conduct_file_list > ul li {
    margin-right: 8px;
    margin-top: 8px;
  }
}

.ethical_cont .ethical .policy-cont {
  margin-top: -24px;
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical .policy-cont {
    margin-top: 0;
  }
}

.ethical_cont .ethical .policy-cont .col2 {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-top: 0;
}

.ethical_cont .ethical .policy-cont .col2 > li {
  width: 50%;
  height: auto;
  padding: 0 12px;
  margin-top: 24px;
}

.ethical_cont .ethical .policy-cont .col2 > li .inner_h {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical .policy-cont .col2 {
    margin-left: 0;
    flex-wrap: nowrap;
  }
  .ethical_cont .ethical .policy-cont .col2 > li {
    padding: 0;
    margin-top: 0;
    height: auto;
  }
}

.ethical_cont .ethical .policy-cont .swiper-container {
  overflow: visible;
}

.ethical_cont .ethical .policy-cont .policy_wrap {
  position: relative;
  height: 100%;
  padding: 24px 24px 72px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1439px) {
  .ethical_cont .ethical .policy-cont .policy_wrap {
    padding: 24px 24px 64px;
  }
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical .policy-cont .policy_wrap {
    padding: 16px 16px 56px;
  }
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical .policy-cont .policy_wrap {
    padding: 16px 16px 56px;
  }
}

.ethical_cont .ethical .policy-cont .policy_wrap > p {
  min-height: 72px;
  margin-top: 5px;
  margin-bottom: 24px;
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1439px) {
  .ethical_cont .ethical .policy-cont .policy_wrap > p {
    min-height: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical .policy-cont .policy_wrap > p {
    min-height: 60px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical .policy-cont .policy_wrap > p {
    min-height: auto;
  }
}

.ethical_cont .ethical .policy-cont .policy_wrap .pdf_box {
  position: absolute;
  left: 24px;
  bottom: 24px;
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical .policy-cont .policy_wrap .pdf_box {
    left: 16px;
    bottom: 16px;
  }
}

.ethical_cont .ethical_system .organ_img {
  height: 590px;
  text-align: center;
}

.ethical_cont .ethical_system .organ_img img {
  height: 100%;
  margin: 0 auto;
}

.ethical_cont .ethical_system .organ_img.en {
  background: url("../images/about/Infographic_PC_EN.png") no-repeat center;
  background-size: contain;
}

.ethical_cont .ethical_system .organ_img.ko {
  background: url("../images/about/Infographic_PC.png") no-repeat center;
  background-size: contain;
}

@media screen and (max-width: 1439px) {
  .ethical_cont .ethical_system .organ_img {
    height: 407px;
  }
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical_system .organ_img {
    height: 295px;
  }
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical_system .organ_img {
    height: 170px;
  }
  .ethical_cont .ethical_system .organ_img.en {
    background: url("../images/about/Infographic_mo_EN.png") no-repeat center;
    background-size: contain;
  }
  .ethical_cont .ethical_system .organ_img.ko {
    background: url("../images/about/Infographic_mo.png") no-repeat center;
    background-size: contain;
  }
}

.ethical_cont .ethical_practice .putting_list {
  position: relative;
}

.ethical_cont .ethical_practice .putting_list > ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-top: -24px;
  margin-left: -12px;
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical_practice .putting_list > ul {
    overflow: hidden;
  }
  .ethical_cont .ethical_practice .putting_list > ul.more {
    height: auto;
  }
  .ethical_cont .ethical_practice .putting_list > ul.more + .more_box i {
    transform: rotate(180deg);
  }
}

.ethical_cont .ethical_practice .putting_list > ul > li {
  position: relative;
  width: 33.3%;
  height: 100%;
  margin-top: 24px;
  padding: 0 12px;
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical_practice .putting_list > ul > li {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical_practice .putting_list > ul > li {
    float: none;
    width: 100%;
    height: auto;
  }
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 16px;
  overflow: hidden;
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap {
    padding-bottom: 12px;
  }
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .img_box {
  margin: 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .img_box img {
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_title {
  padding: 15px 24px 0;
  font-weight: 700;
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_title .inner .txt {
  display: inline-block;
}

@media screen and (max-width: 1439px) {
  .ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_title {
    padding: 8px 16px 0;
  }
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_title {
    padding: 8px 16px 0;
  }
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_title {
    padding: 8px 16px 0;
  }
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content {
  margin: 16px 24px 0;
}

@media screen and (max-width: 1439px) {
  .ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content {
    margin: 12px 16px 0;
  }
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content {
    margin: 12px 16px 0;
  }
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content {
    margin: 12px 16px 0;
  }
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content .putting_inner > dl {
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.87);
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content .putting_inner > dl:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content .putting_inner > dl {
    margin-bottom: 12px;
  }
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content .putting_inner > dl > dd {
  margin-top: 2px;
  color: rgba(0, 0, 0, 0.62);
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content .putting_inner > dl > dd.ol {
  position: relative;
  padding-left: 10px;
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content .putting_inner > dl > dd.ol:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  background: rgba(0, 0, 0, 0.62);
}

@media screen and (max-width: 1023px) {
  .ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content .putting_inner > dl > dd.ol:before {
    top: 8px;
  }
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content .putting_inner > dl > dd > .ol > li {
  position: relative;
  padding-left: 10px;
}

.ethical_cont .ethical_practice .putting_list > ul > li .putting_wrap .putting_content .putting_inner > dl > dd > .ol > li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

.csv-section article {
  padding-bottom: 88px;
}

.csv-section article:last-child {
  padding-bottom: 0;
}

.csv-section .title {
  margin: 32px 0;
}

.csv-section .img_box {
  overflow: hidden;
  position: relative;
  margin-bottom: 32px;
}

.csv-section .img_box img {
  max-width: 100%;
  max-height: 504px;
}

@media screen and (max-width: 767px) {
  .csv-section .img_box {
    min-height: 47vw;
  }
  .csv-section .img_box img {
    max-width: none;
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.csv-section .txt_box:after {
  content: '';
  display: block;
  clear: both;
}

.csv-section .txt_box + .txt_box {
  margin-top: 48px;
}

.csv-section .txt_box .col {
  float: left;
  box-sizing: border-box;
}

.csv-section .txt_box .col.left {
  width: 25%;
  padding-right: 24px;
}

.csv-section .txt_box .col.left .spf {
  width: 34px;
  height: 34px;
  margin-left: 8px;
  line-height: 34px;
}

.csv-section .txt_box .col.left .spf:before {
  width: 34px;
  height: 34px;
  font-size: 34px;
}

.csv-section .txt_box .col.right {
  width: 75%;
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1439px) {
  .csv-section article {
    padding-bottom: 64px;
  }
  .csv-section .txt_box + .txt_box {
    margin-top: 32px;
  }
  .csv-section .txt_box .col.left .spf {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
  .csv-section .txt_box .col.left .spf:before {
    width: 28px;
    height: 28px;
    font-size: 28px;
  }
}

@media screen and (max-width: 1023px) {
  .csv-section article {
    padding-bottom: 48px;
  }
  .csv-section .title {
    margin: 24px 0;
  }
  .csv-section .txt_box .col.left .spf {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .csv-section .txt_box .col.left .spf:before {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .csv-section article {
    padding-bottom: 40px;
  }
  .csv-section .img_box {
    margin-bottom: 24px;
  }
  .csv-section .txt_box + .txt_box {
    margin-top: 32px;
  }
  .csv-section .txt_box .col {
    float: none;
  }
  .csv-section .txt_box .col.left {
    width: 100%;
    padding: 0;
  }
  .csv-section .txt_box .col.right {
    width: 100%;
    margin-top: 8px;
  }
}

.cyber_audit-cont .ethical_practice {
  padding-bottom: 120px;
}

@media screen and (max-width: 1439px) {
  .cyber_audit-cont .ethical_practice {
    padding-bottom: 96px;
  }
}

@media screen and (max-width: 1023px) {
  .cyber_audit-cont .ethical_practice {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .cyber_audit-cont .ethical_practice {
    padding-bottom: 64px;
  }
}

.cyber_audit-cont .intro_box {
  width: calc(100% + 24px);
  margin-left: -12px;
}

.cyber_audit-cont .intro_box:after {
  content: '';
  display: block;
  clear: both;
}

.cyber_audit-cont .intro_box .btn {
  width: auto;
}

.cyber_audit-cont .intro_box .col {
  float: right;
  width: 50%;
  padding: 0 12px;
  box-sizing: border-box;
}

.cyber_audit-cont .intro_box .col.left .sub-title {
  margin: 0;
  margin-bottom: 24px;
}

.cyber_audit-cont .intro_box .col.left .desc {
  margin-bottom: 48px;
}

.cyber_audit-cont .intro_box .col.right img {
  width: 100;
  max-width: 100%;
}

@media screen and (max-width: 1439px) {
  .cyber_audit-cont .intro_box .col.left .sub-title {
    margin-bottom: 12px;
  }
  .cyber_audit-cont .intro_box .col.left .desc {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .cyber_audit-cont .intro_box .col.left {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .cyber_audit-cont .intro_box .col {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 1439px) {
  .cyber_audit-cont .intro {
    padding-bottom: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .cyber_audit-cont .title {
    margin: 24px 0;
  }
  .cyber_audit-cont .intro {
    padding-bottom: 48px;
  }
}

@media screen and (max-width: 767px) {
  .cyber_audit-cont .intro {
    padding-bottom: 40px;
  }
}

.esg_icon_list > ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-top: -24px;
  margin-left: -12px;
}

.esg_icon_list > ul:after {
  content: '';
  display: block;
  clear: both;
}

.esg_icon_list > ul > li {
  float: left;
  width: 33.3%;
  margin-top: 24px;
  padding: 0 12px;
  box-sizing: border-box;
  height: auto;
}

@media screen and (max-width: 1439px) {
  .esg_icon_list > ul > li {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .esg_icon_list > ul > li {
    width: 310px;
    padding: 0 4px;
  }
}

.esg_icon_list > ul > li .inner_h {
  min-height: auto;
}

.esg_icon_list > ul > li > .wrap {
  height: 100%;
  padding: 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1023px) {
  .esg_icon_list > ul > li > .wrap {
    padding: 24px 16px;
  }
}

.esg_icon_list > ul > li > .wrap .icon_box {
  display: block;
  width: 40px;
  height: 40px;
}

.esg_icon_list > ul > li > .wrap .icon_box img {
  height: 40px;
}

.esg_icon_list > ul > li > .wrap .icon_box.custom-icon {
  background: url("../images/about/custom.svg") no-repeat center;
}

.esg_icon_list > ul > li > .wrap .icon_box.investors-icon {
  background: url("../images/about/investors.svg") no-repeat center;
}

.esg_icon_list > ul > li > .wrap .icon_box.employees-icon {
  background: url("../images/about/employees.svg") no-repeat center;
}

.esg_icon_list > ul > li > .wrap .icon_box.fellow-icon {
  background: url("../images/about/fellow.svg") no-repeat center;
}

.esg_icon_list > ul > li > .wrap .icon_box.global-icon {
  background: url("../images/about/global.svg") no-repeat center;
}

.esg_icon_list > ul > li > .wrap .icon_box.unlawful-icon {
  background: url("../images/about/unlawful.png") no-repeat center;
}

.esg_icon_list > ul > li > .wrap .icon_box.company-icon {
  background: url("../images/about/company.png") no-repeat center;
}

.esg_icon_list > ul > li > .wrap .icon_box.culture-icon {
  background: url("../images/about/culture.png") no-repeat center;
}

@media screen and (max-width: 1439px) {
  .esg_icon_list > ul > li > .wrap .icon_box {
    display: block;
    width: 32px;
    height: 32px;
  }
  .esg_icon_list > ul > li > .wrap .icon_box img {
    height: 32px;
  }
}

.esg_icon_list > ul > li > .wrap .icon_content {
  margin-top: 12px;
}

@media screen and (max-width: 1023px) {
  .esg_icon_list > ul > li > .wrap .icon_content {
    margin-top: 8px;
  }
}

.esg_icon_list > ul > li > .wrap .icon_content > h4 {
  margin-bottom: 8px;
}

.esg_icon_list > ul > li > .wrap .icon_content > ul > li {
  position: relative;
  padding-left: 10px;
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.87);
  width: 100%;
}

.esg_icon_list > ul > li > .wrap .icon_content > ul > li:last-child {
  margin-bottom: 0;
}

.esg_icon_list > ul > li > .wrap .icon_content > ul > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 2px;
  background: #000;
  border-radius: 2px;
}

@media screen and (max-width: 1023px) {
  .esg_icon_list {
    overflow: visible;
  }
  .esg_icon_list > ul {
    flex-wrap: nowrap;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .esg_icon_list > ul > li {
    padding: 0;
    margin-top: 0;
  }
  .esg_icon_list > ul > li .inner_h {
    min-height: 120px;
  }
}

.adience_cont .adience_intro-section .text_box {
  padding: 48px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.adience_cont .adience_intro-section .text_box > dl dt {
  margin-bottom: 6px;
}

.adience_cont .adience_intro-section .text_box > dl dd > ul {
  margin-left: 11px;
}

.adience_cont .adience_intro-section .text_box > dl dd > ul > li {
  position: relative;
  padding-left: 10px;
}

.adience_cont .adience_intro-section .text_box > dl dd > ul > li:last-child {
  margin-bottom: 0;
}

.adience_cont .adience_intro-section .text_box > dl dd > ul > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 2px;
  background: #000;
  border-radius: 2px;
}

.adience_cont .adience_intro-section .text_box > dl + dl {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1439px) {
  .adience_cont .adience_intro-section .text_box {
    padding: 32px;
  }
  .adience_cont .adience_intro-section .text_box > dl + dl {
    margin-top: 16px;
    padding-top: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .adience_cont .adience_intro-section .text_box {
    padding: 24px;
  }
}

@media screen and (max-width: 767px) {
  .adience_cont .adience_intro-section .text_box > dl dt {
    margin-bottom: 4px;
  }
  .adience_cont .adience_intro-section .text_box > dl + dl {
    margin-top: 12px;
    padding-top: 12px;
  }
}

.adience_cont .adience_member-section {
  overflow: hidden;
}

.adience_cont .adience_member-section .sign {
  margin-top: 32px;
}

.adience_cont .adience_member-section .msg-box {
  width: calc(100% + 48px);
  margin-left: -24px;
}

.adience_cont .adience_member-section .msg-box:after {
  content: '';
  display: block;
  clear: both;
}

.adience_cont .adience_member-section .msg-box .col {
  float: left;
  width: 50%;
  padding: 0 24px;
}

@media screen and (max-width: 1439px) {
  .adience_cont .adience_member-section .msg-box {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .adience_cont .adience_member-section .msg-box .col {
    float: left;
    width: 50%;
    padding: 0 20px;
  }
}

@media screen and (max-width: 1023px) {
  .adience_cont .adience_member-section .msg-box {
    width: 100%;
    height: 26vw;
    overflow: hidden;
    margin-left: 0;
  }
  .adience_cont .adience_member-section .msg-box.opened {
    height: auto;
    padding-bottom: 20px;
  }
  .adience_cont .adience_member-section .msg-box .col {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .adience_cont .adience_member-section .msg-box .col:first-child {
    margin-top: 0;
  }
  .adience_cont .adience_member-section .msg-box .col .right {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .adience_cont .adience_member-section .msg-box {
    height: 256px;
    margin-top: 36px;
  }
  .adience_cont .adience_member-section .msg-box ul {
    width: calc(100% + 16px);
    margin-top: -36px;
    margin-left: -8px;
  }
  .adience_cont .adience_member-section .msg-box ul li {
    width: 50%;
    margin-top: 36px;
    padding: 0 8px;
  }
  .adience_cont .adience_member-section .msg-box ul li:nth-child(odd) {
    clear: both;
  }
}

.adience_cont .adience_member-section .more-box {
  position: relative;
  display: none;
}

.adience_cont .adience_member-section .more-box.close {
  display: none;
}

.adience_cont .adience_member-section .more-box .spf::before {
  color: #66A8E1;
}

.adience_cont .adience_member-section .more-box a.open .spf::before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 1023px) {
  .adience_cont .adience_member-section .more-box {
    display: block;
    margin-top: 4px;
  }
  .adience_cont .adience_member-section .more-box:after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    top: -24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.87) 100%);
  }
}

.adience_cont .adience_member-section .member_list_wrap {
  margin-top: 48px;
}

.adience_cont .adience_member-section .member_list_wrap .member_list {
  padding-top: 24px;
  height: auto;
}

.adience_cont .adience_member-section .member_list_wrap .member_list ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-left: -12px;
}

.adience_cont .adience_member-section .member_list_wrap .member_list ul:after {
  content: '';
  display: block;
  clear: both;
}

.adience_cont .adience_member-section .member_list_wrap .member_list ul li {
  float: left;
  width: 25%;
  padding: 0 12px;
}

.adience_cont .adience_member-section .member_list_wrap .member_list ul li .text_box {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  padding: 32px;
}

.adience_cont .adience_member-section .member_list_wrap .member_list ul li .text_box h4 {
  margin-bottom: 32px;
}

.adience_cont .adience_member-section .member_list_wrap .member_list ul li .text_box p {
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1439px) {
  .adience_cont .adience_member-section .member_list_wrap .member_list ul li .text_box {
    padding: 24px;
  }
  .adience_cont .adience_member-section .member_list_wrap .member_list ul li .text_box h4 {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .adience_cont .adience_member-section .member_list_wrap .member_list {
    overflow: visible;
  }
  .adience_cont .adience_member-section .member_list_wrap .member_list ul {
    margin-left: 0;
    flex-wrap: nowrap;
  }
  .adience_cont .adience_member-section .member_list_wrap .member_list ul li {
    margin-top: 0;
    padding: 0;
  }
}

@media screen and (max-width: 1439px) {
  .adience_cont .adience_member-section .member_list_wrap {
    margin-top: 40px;
  }
  .adience_cont .adience_member-section .member_list_wrap .member_list {
    margin-top: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .adience_cont .adience_member-section .member_list_wrap {
    margin-top: 32px;
  }
  .adience_cont .adience_member-section .member_list_wrap .member_list {
    margin-top: 16px;
  }
}

.adience_cont .adience_ref-section .custom_select {
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .adience_cont .adience_ref-section .custom_select {
    margin-bottom: 8px;
  }
}

.adience_cont .adience_ref-section .board li {
  position: relative;
}

@media screen and (max-width: 1023px) {
  .adience_cont .adience_ref-section .board li {
    padding-right: 20px;
  }
}

.adience_cont .adience_ref-section .board a:hover span {
  text-decoration: underline;
}

.adience_cont .adience_ref-section .board i.spf:before {
  display: none;
}

@media screen and (max-width: 1023px) {
  .adience_cont .adience_ref-section .board i.spf:before {
    display: inline;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
  }
}

.adience_cont .adience_ref-section .board .date {
  color: rgba(0, 0, 0, 0.62);
}

.adience_cont .adience_ref-section .board .date.tit {
  color: #000;
}

.adience_detail-section {
  padding-top: 72px;
}

.adience_detail-section .detail-panel {
  max-width: 888px;
  margin: 0 auto;
}

.adience_detail-section .detail-panel img {
  width: auto;
  max-width: 100%;
}

.adience_detail-section .detail-panel > .header {
  margin-bottom: 16px;
}

.adience_detail-section .detail-panel > .header > .title {
  position: relative;
  padding-left: 10px;
}

.adience_detail-section .detail-panel > .header > .title::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 50%;
}

@media screen and (max-width: 1023px) {
  .adience_detail-section .detail-panel > .header {
    margin-bottom: 12px;
  }
}

.adience_detail-section .detail-panel > .body {
  margin-bottom: 64px;
}

.adience_detail-section .detail-panel > .body .audience_wrap + .audience_wrap {
  margin-top: 48px;
}

@media screen and (max-width: 1023px) {
  .adience_detail-section .detail-panel > .body .audience_wrap + .audience_wrap {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .adience_detail-section .detail-panel > .body .audience_wrap + .audience_wrap {
    margin-top: 32px;
  }
}

.adience_detail-section .detail-panel > .body .sub-title {
  margin-bottom: 12px;
}

.adience_detail-section .detail-panel > .body .desc {
  margin-bottom: 32px;
  color: rgba(0, 0, 0, 0.87);
}

.adience_detail-section .detail-panel > .body .table {
  text-align: center;
}

.adience_detail-section .detail-panel > .body .table th {
  height: 60px;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
}

.adience_detail-section .detail-panel > .body .table td {
  height: 60px;
  border: 1px solid #ccc;
}

.adience_detail-section .detail-panel > .body .table.answer-table th, .adience_detail-section .detail-panel > .body .table.answer-table td {
  text-align: left;
  padding: 24px;
}

.adience_detail-section .detail-panel > .body .table.answer-table td {
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1439px) {
  .adience_detail-section .detail-panel > .body {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 1023px) {
  .adience_detail-section .detail-panel > .body .sub-title {
    margin-bottom: 8px;
  }
  .adience_detail-section .detail-panel > .body .desc {
    margin-bottom: 24px;
  }
  .adience_detail-section .detail-panel > .body .table.answer-table th, .adience_detail-section .detail-panel > .body .table.answer-table td {
    padding: 16px;
  }
}

@media screen and (max-width: 767px) {
  .adience_detail-section .detail-panel > .body {
    margin-bottom: 40px;
  }
  .adience_detail-section .detail-panel > .body .table th {
    height: 48px;
  }
  .adience_detail-section .detail-panel > .body .table td {
    height: 48px;
  }
}

.adience_detail-section .detail-panel > .body:last-child {
  margin-bottom: 0;
}

.adience_detail-section .btn-area {
  max-width: 888px;
  margin: 0 auto;
  margin-top: 48px;
  padding-top: 88px;
  border-top: 1px solid #ccc;
}

@media screen and (max-width: 1439px) {
  .adience_detail-section .btn-area {
    padding-top: 72px;
  }
}

@media screen and (max-width: 1023px) {
  .adience_detail-section .btn-area {
    margin-top: 32px;
    padding-top: 64px;
  }
}

@media screen and (max-width: 767px) {
  .adience_detail-section .btn-area {
    padding-top: 32px;
  }
}

@media screen and (max-width: 1439px) {
  .adience_detail-section {
    padding-top: 64px;
  }
  .adience_detail-section .detail-panel {
    max-width: 928px;
  }
}

@media screen and (max-width: 1023px) {
  .adience_detail-section {
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .adience_detail-section {
    padding-top: 32px;
  }
}

.detail .con-inner {
  max-width: 1212px;
}

.detail .con-inner > .sub_tit span + span {
  position: relative;
  padding-left: 18px;
}

.detail .con-inner > .sub_tit span + span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 8px;
  width: 2px;
  height: 12px;
  margin-top: -6px;
  background-color: rgba(255, 255, 255, 0.62);
}

@media screen and (max-width: 1439px) {
  .detail .con-inner {
    max-width: 100%;
  }
}

.detail-section {
  padding-bottom: 0;
}

.detail-section .detail-panel {
  max-width: 888px;
  margin: 0 auto;
}

.detail-section .detail-panel img {
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 1439px) {
  .detail-section .detail-panel {
    max-width: 100%;
  }
}

.detail-section .detail-panel .tag-area {
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.detail-section .detail-panel .tag-area > span {
  display: inline-block;
  margin-right: 8px;
  margin-top: 8px;
  padding: 4px 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1439px) {
  .detail-section .detail-panel .tag-area {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}

.detail-section .detail-panel .cont-area {
  margin-top: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1023px) {
  .detail-section .detail-panel .cont-area {
    margin-top: 32px;
    padding-bottom: 32px;
    word-wrap: break-word;
  }
}

.detail-section .detail-panel .related-area {
  padding: 48px 0 0;
}

.detail-section .detail-panel .related-area .title {
  margin-bottom: 24px;
}

.detail-section .detail-panel .related-area .related-box {
  font-size: 0;
  color: rgba(0, 0, 0, 0.87);
  margin-top: -8px;
}

.detail-section .detail-panel .related-area .related-box span {
  display: inline-block;
  margin-right: 8px;
  margin-top: 8px;
  padding: 8px 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 27px;
}

.detail-section .detail-panel .related-area .related-box span:hover {
  color: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 1023px) {
  .detail-section .detail-panel .related-area {
    padding: 32px 0 0;
  }
  .detail-section .detail-panel .related-area .title {
    margin-bottom: 16px;
  }
  .detail-section .detail-panel .related-area .related-box > span {
    padding: 6px 16px;
    border-radius: 16px;
  }
}

.detail-section .detail-panel .btn-area {
  padding-top: 88px;
  padding-bottom: 88px;
}

@media screen and (max-width: 1439px) {
  .detail-section .detail-panel .btn-area {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

@media screen and (max-width: 1023px) {
  .detail-section .detail-panel .btn-area {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

@media screen and (max-width: 767px) {
  .detail-section .detail-panel .btn-area {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.detail_news-section {
  overflow: hidden;
}

.top_title-section + .latestnew-section {
  padding-top: 80px;
}

@media screen and (max-width: 1439px) {
  .top_title-section + .latestnew-section {
    padding-top: 56px;
  }
}

@media screen and (max-width: 1023px) {
  .top_title-section + .latestnew-section {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .top_title-section + .latestnew-section {
    padding-top: 32px;
  }
}

.trendingnew-section {
  background-image: url(../images/common/dark-bg.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 400px;
  overflow: hidden;
  padding-top: 72px;
}

@media screen and (min-width: 1440px) {
  .trendingnew-section {
    background-size: 100% 400px;
    padding-top: 72px;
  }
}

@media screen and (max-width: 1439px) {
  .trendingnew-section {
    background-size: 100% 30.07813vw;
    padding-top: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .trendingnew-section {
    background-size: 100% 31.77083vw;
    padding-top: 48px;
  }
}

@media screen and (max-width: 767px) {
  .trendingnew-section {
    background-size: 100% 49.72222vw;
    padding-top: 32px;
  }
}

.trendingnew-section .col_slider-area .swiper-container {
  overflow: visible;
}

.trendingnew-section .col_slider-area .swiper-container .swiper-btn {
  position: absolute;
  right: 0;
  top: -40px;
}

.trendingnew-section .col_slider-area .swiper-container .swiper-btn .button-prev, .trendingnew-section .col_slider-area .swiper-container .swiper-btn .button-next {
  display: inline-block;
}

.trendingnew-section .col_slider-area .swiper-container .card_item.card-16_9 .img-box {
  overflow: hidden;
}

.trendingnew-section .col_slider-area .swiper-container .card_item.card-16_9 .img-box img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  object-fit: cover;
}

.trendingnew-section .col_slider-area .swiper-container .card_item.card-16_9 .typo-area {
  padding: 12px 24px;
  background-color: #000;
}

.trendingnew-section .col_slider-area .swiper-container .card_item.card-16_9 .typo-area .tit-box {
  display: flex;
  height: 64px;
  align-items: center;
  overflow: hidden;
}

.trendingnew-section .col_slider-area .swiper-container .card_item.card-16_9 .typo-area .tit-box > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1439px) {
  .trendingnew-section .col_slider-area .swiper-container .card_item.card-16_9 .typo-area {
    padding: 12px 16px;
  }
  .trendingnew-section .col_slider-area .swiper-container .card_item.card-16_9 .typo-area .tit-box {
    height: 48px;
  }
}

@media screen and (max-width: 767px) {
  .trendingnew-section .col_slider-area .swiper-container .card_item.card-16_9 .typo-area {
    padding: 6px 12px;
  }
  .trendingnew-section .col_slider-area .swiper-container .card_item.card-16_9 .typo-area .tit-box {
    height: 40px;
  }
}

@media screen and (max-width: 767px) {
  .trendingnew-section .col_slider-area .swiper-container .swiper-slide {
    width: 85%;
  }
}

.latestnew-section .section-inner {
  position: relative;
}

.latestnew-section .p-header {
  padding-bottom: 0;
  display: table;
  width: 100%;
}

.latestnew-section ul li .wrap .txt-box .tag span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.latestnew-section ul li .wrap .txt-box .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 767px) {
  .latestnew-section ul li .wrap .txt-box .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

.latestnew-section .list_count {
  padding: 24px 0;
  color: rgba(0, 0, 0, 0.87);
}

@media screen and (max-width: 1023px) {
  .latestnew-section .list_count {
    padding: 16px 0;
  }
}

.latestnew-section .news_row {
  margin-top: 24px;
  display: inline-block;
}

.latestnew-section .news_row:first-child {
  margin-top: 0;
}

@media screen and (max-width: 1439px) {
  .latestnew-section .news_row {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .latestnew-section .news_row {
    margin-top: 24px;
  }
}

.latestnew-section .list_count + .news_row {
  margin-top: 0;
}

.latestnew-section .list_count + .news_row ul li:first-child {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  .latestnew-section .list_count + .news_row {
    margin-top: 0;
  }
}

.news-section.detail .card_item.card-news .img-area {
  width: 50%;
  max-width: 660px;
  height: 372px;
  overflow: hidden;
  padding-right: 0;
}

.news-section.detail .card_item.card-news .img-area .img-box {
  height: 100%;
  width: 100%;
}

.news-section.detail .card_item.card-news .img-area .img-box img {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 1439px) {
  .news-section.detail .card_item.card-news .img-area {
    max-width: 44.14063vw;
    height: 24.90234vw;
  }
}

@media screen and (max-width: 1023px) {
  .news-section.detail .card_item.card-news .img-area {
    max-width: 42.1875vw;
    height: 23.82813vw;
  }
}

@media screen and (max-width: 767px) {
  .news-section.detail .card_item.card-news .img-area {
    width: 100%;
    max-width: 100%;
    height: 48.88889vw;
  }
  .news-section.detail .card_item.card-news .img-area .img-box img {
    width: 100%;
  }
}

.news-section.detail .card_item.card-news.col3.col-3_3_1_1 .img-area {
  width: 100%;
  max-width: 100%;
  height: 243px;
}

@media screen and (max-width: 1439px) {
  .news-section.detail .card_item.card-news.col3.col-3_3_1_1 .img-area {
    max-width: 100%;
    height: 16.11328vw;
  }
}

@media screen and (max-width: 1023px) {
  .news-section.detail .card_item.card-news.col3.col-3_3_1_1 .img-area {
    width: 50%;
    max-width: 42.1875vw;
    height: 23.82813vw;
  }
}

@media screen and (max-width: 767px) {
  .news-section.detail .card_item.card-news.col3.col-3_3_1_1 .img-area {
    width: 33.88889vw;
    max-width: 33.88889vw;
    height: 19.16667vw;
  }
  .news-section.detail .card_item.card-news.col3.col-3_3_1_1 .img-area .img-box img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .news-section.detail .card_item.card-news.col3.col-3_3_1_1 .typo-area {
    float: left;
    width: 60%;
  }
}

.cjenm {
  background: #121212;
}

.cjenm .is_pc {
  display: block;
}

.cjenm .is_mo {
  display: none;
}

@media screen and (max-width: 767px) {
  .cjenm .is_pc {
    display: none;
  }
  .cjenm .is_mo {
    display: block;
  }
}

.cjenm .cjenm-section .kv-wrap {
  position: relative;
  margin-top: 300px;
  -webkit-transition: all 1s cubic-bezier(0, 0.23, 0.4, 0.97);
  -moz-transition: all 1s cubic-bezier(0, 0.23, 0.4, 0.97);
  -ms-transition: all 1s cubic-bezier(0, 0.23, 0.4, 0.97);
  -o-transition: all 1s cubic-bezier(0, 0.23, 0.4, 0.97);
  transition: all 1s cubic-bezier(0, 0.23, 0.4, 0.97);
  opacity: 0;
}

.cjenm .cjenm-section .kv-wrap.on {
  margin-top: 80px;
  opacity: 1;
}

.cjenm .cjenm-section .kv-wrap.on:first-child {
  margin-top: 62px;
}

.cjenm .cjenm-section .kv-wrap .kv-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.cjenm .cjenm-section .kv-wrap .kv-header:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.cjenm .cjenm-section .kv-wrap .kv-header > .header-box {
  display: inline-block;
  width: calc(100% - 1px);
  padding: 0 790px 0 80px;
  vertical-align: middle;
}

.cjenm .cjenm-section .kv-wrap .kv-header .h-title {
  color: #fff;
}

.cjenm .cjenm-section .kv-wrap .kv-header .h-desc {
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.87);
}

.cjenm .cjenm-section .kv-wrap .kv-header .h-desc .spf {
  display: block;
  margin-top: 48px;
  width: 40px;
  height: 40px;
}

.cjenm .cjenm-section .kv-wrap .kv-header .h-desc .spf::before {
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
}

.cjenm .cjenm-section .kv-wrap .kv-body {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cjenm .cjenm-section .kv-wrap .kv-body .kv-bg {
  width: 100%;
  height: 0;
  padding-bottom: 49.10714285714286%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cjenm .cjenm-section .kv-wrap:hover .kv-body .kv-bg {
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

@media screen and (max-width: 1439px) {
  .cjenm .cjenm-section .kv-wrap.on {
    margin-top: 48px;
  }
  .cjenm .cjenm-section .kv-wrap.on:first-child {
    margin-top: 50px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header > .header-box {
    padding: 0 60% 0 48px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header .h-desc {
    margin-top: 16px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header .h-desc .spf {
    width: 32px;
    height: 32px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header .h-desc .spf::before {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-body .kv-bg {
    padding-bottom: 49.13793103448276%;
  }
}

@media screen and (max-width: 1023px) {
  .cjenm .cjenm-section .kv-wrap.on {
    margin-top: 40px;
  }
  .cjenm .cjenm-section .kv-wrap.on:first-child {
    margin-top: 44px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header > .header-box {
    padding: 0 55% 0 48px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header .h-desc {
    margin-top: 8px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header .h-desc .spf {
    margin-top: 32px;
    width: 24px;
    height: 24px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header .h-desc .spf::before {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-body .kv-bg {
    padding-bottom: 49.10714285714286%;
  }
}

@media screen and (max-width: 767px) {
  .cjenm .cjenm-section .kv-wrap.on {
    margin-top: 24px;
    background: #000;
  }
  .cjenm .cjenm-section .kv-wrap.on:first-child {
    margin-top: 16px;
    background: #0D0832;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header {
    position: static;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header > .header-box {
    padding: 24px 24px 24px 24px;
    vertical-align: bottom;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header .h-desc {
    margin-top: 8px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header .h-desc .spf {
    margin-top: 24px;
    width: 20px;
    height: 20px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-header .h-desc .spf::before {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
  }
  .cjenm .cjenm-section .kv-wrap .kv-body .kv-bg {
    padding-bottom: 74.35897435897436%;
  }
}

.top_title-section.look_tit_height .con-header .con-inner {
  position: relative;
}

.top_title-section.look_tit_height .con-header .con-inner .lookbook_link {
  position: absolute;
  right: 48px;
  top: 50%;
  transform: translate(0, -50%);
}

.top_title-section.look_tit_height .con-header .con-inner .lookbook_link span {
  display: block;
  float: left;
  margin-left: 40px;
  color: rgba(255, 255, 255, 0.42);
  border-bottom: 2px solid transparent;
  display: inline-block;
}

.top_title-section.look_tit_height .con-header .con-inner .lookbook_link span:first-child {
  margin-left: 0;
}

.top_title-section.look_tit_height .con-header .con-inner .lookbook_link span a {
  color: #fff;
  border-bottom: 2px solid #fff;
  display: block;
}

@media screen and (max-width: 1439px) {
  .top_title-section.look_tit_height .con-header .con-inner .lookbook_link {
    right: 48px;
  }
  .top_title-section.look_tit_height .con-header .con-inner .lookbook_link span {
    margin-left: 32px;
  }
}

@media screen and (max-width: 767px) {
  .top_title-section.look_tit_height .con-header .con-inner .lookbook_link {
    right: 24px;
  }
  .top_title-section.look_tit_height .con-header .con-inner .lookbook_link span {
    margin-left: 16px;
  }
}

@media screen and (max-width: 767px) {
  .top_title-section.look_tit_height .con-header {
    padding: 25px 0;
  }
}

.lookBook {
  overflow: hidden;
}

.lookBook.dk {
  background: #121212;
  color: #fff;
}

.lookBook .snsList {
  font-size: 0;
}

.lookBook .snsList li {
  display: inline-block;
  text-align: center;
  padding-left: 40px;
}

.lookBook .snsList li:first-child {
  padding-left: 0;
}

.lookBook .snsList li a {
  display: block;
}

.lookBook .snsList .icon {
  display: block;
  width: 22px;
  height: 22px;
}

.lookBook .snsList .icon.icon_download {
  background: url("../images/common/icon_download.png") no-repeat center;
  background-size: contain;
}

.lookBook .snsList .spf {
  display: block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #121212;
}

.lookBook .snsList .spf::before {
  width: auto;
  height: auto;
  font-size: 22px;
}

.lookBook .snsList .spf.spf-icon_sns_twitter::before {
  font-size: 18px;
}

@media screen and (max-width: 1439px) {
  .lookBook .snsList li {
    padding-left: 25px;
  }
  .lookBook .snsList .icon {
    width: 17px;
    height: 17px;
  }
  .lookBook .snsList .spf {
    width: 17px;
    height: 17px;
    line-height: 17px;
  }
  .lookBook .snsList .spf::before {
    font-size: 17px;
  }
  .lookBook .snsList .spf.spf-icon_sns_twitter::before {
    font-size: 13px;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .snsList li {
    padding-left: 20px;
  }
  .lookBook .snsList .icon {
    width: 15px;
    height: 15px;
  }
  .lookBook .snsList .icon.icon_download {
    background: url("../images/common/icon_download_mo.png") no-repeat center;
    background-size: contain;
  }
  .lookBook .snsList .spf {
    width: 15px;
    height: 15px;
    line-height: 15px;
  }
  .lookBook .snsList .spf::before {
    font-size: 15px;
  }
  .lookBook .snsList .spf.spf-icon_sns_twitter::before {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .snsList li {
    padding-left: 45px;
  }
  .lookBook .snsList .icon {
    width: 16px;
    height: 16px;
  }
  .lookBook .snsList .icon.icon_download {
    background: url("../images/common/icon_download.png") no-repeat center;
    background-size: contain;
  }
  .lookBook .snsList .spf {
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
  .lookBook .snsList .spf::before {
    font-size: 16px;
  }
  .lookBook .snsList .spf.spf-icon_sns_twitter::before {
    font-size: 12px;
  }
}

.lookBook .bongJoonho {
  padding-top: 40px;
}

.lookBook .bongJoonho .p-header {
  position: relative;
}

.lookBook .bongJoonho .p-header .title {
  font-family: 'Libre Bodoni';
  font-style: italic;
  font-weight: 400;
  font-size: 64px;
  line-height: 80px;
  color: #fff;
  letter-spacing: 0.02em;
}

.lookBook .bongJoonho .p-header .sub_txt {
  margin-top: 16px;
}

.lookBook .bongJoonho .p-header .sub_txt.en {
  font-family: 'Inter';
  font-size: 24px;
  line-height: 28px;
}

.lookBook .bongJoonho .p-header .tit_img {
  position: relative;
}

.lookBook .bongJoonho .p-header .tit_img img {
  width: 100%;
}

.lookBook .bongJoonho .p-header .tit_img .snsList {
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.lookBook .bongJoonho .p-header .tit_img .snsList li {
  padding-left: 40px;
  float: left;
}

.lookBook .bongJoonho .p-header .tit_img .snsList li:first-child {
  padding-left: 0;
}

.lookBook .bongJoonho .p-header .edit_info {
  border-top: 1px solid #fff;
  padding: 30px 0;
  margin-top: 30px;
}

.lookBook .bongJoonho .p-header .edit_info ul {
  display: flex;
}

.lookBook .bongJoonho .p-header .edit_info ul li {
  display: flex;
  align-items: center;
  margin-right: 50px;
}

.lookBook .bongJoonho .p-header .edit_info ul li dl {
  margin-left: 10px;
}

.lookBook .bongJoonho .p-header .edit_info.en ul li dl dt, .lookBook .bongJoonho .p-header .edit_info.en ul li dl dd {
  font-family: 'Roboto';
}

.lookBook .bongJoonho .p-body {
  padding-left: 11.98%;
  padding-top: 80px;
}

.lookBook .bongJoonho .p-body .look_cont {
  text-align: right;
}

.lookBook .bongJoonho .p-body .look_cont .cont_txt {
  width: 100%;
  word-break: keep-all;
}

.lookBook .bongJoonho .p-body .look_cont .cont_txt.style1 {
  text-align: left;
  margin-left: -13.5%;
  margin-bottom: 60px;
}

.lookBook .bongJoonho .p-body .look_cont .cont_txt .glyphs {
  margin: 60px 0 14px;
}

.lookBook .bongJoonho .p-body .look_cont .cont_txt.td4 {
  margin: 24px 0 37px;
}

.lookBook .bongJoonho .p-body .look_cont .cont_txt:first-child {
  margin-top: 0;
}

.lookBook .bongJoonho .p-body .look_cont .cont_txt:first-child .glyphs {
  margin-top: 0;
}

.lookBook .bongJoonho .p-body .look_cont .cont_img {
  margin: 32px 0 37px;
}

.lookBook .bongJoonho .p-body .look_cont .cont_img.fist_img {
  margin-top: 60px;
}

.lookBook .bongJoonho .p-body .look_cont .glyphs {
  line-height: 0;
}

.lookBook .bongJoonho .p-body .look_cont .glyphs .spf {
  width: auto;
  height: auto;
  line-height: normal;
}

.lookBook .bongJoonho .p-body .look_cont .glyphs .spf::before {
  width: auto;
  height: auto;
  font-size: 16px;
}

.lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_1::before {
  font-size: 26px;
}

.lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_2::before {
  font-size: 20px;
}

.lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_5::before {
  font-size: 43px;
}

.lookBook .bongJoonho .p-body .look_cont.en .cont_txt {
  word-break: break-word;
}

.lookBook .bongJoonho .p-body .look_cont.en .cont_txt.style2 {
  text-align: left;
  margin-left: -13.5%;
  margin-bottom: 60px;
}

.lookBook .bongJoonho .p-body .look_cont.en .cont_txt.style2 .tb2 {
  font-size: 40px;
  line-height: 48px;
  font-weight: normal;
  font-style: italic;
}

.lookBook .bongJoonho .p-body .look_cont.en .cont_txt.td4.etc {
  margin-bottom: 29px;
}

.lookBook .bongJoonho .p-footer {
  padding-left: 11.98%;
  margin-top: 120px;
}

.lookBook .bongJoonho .p-footer .footer_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lookBook .bongJoonho .p-footer .footer_btn .all_btn {
  border-bottom: 1px solid #fff;
}

.lookBook .bongJoonho .p-footer .footer_btn .all_btn:hover {
  border-color: #999999;
}

.lookBook .bongJoonho .p-footer .footer_btn .all_btn:hover a {
  color: #999999;
}

.lookBook .bongJoonho .p-footer .footer_btn .btn_set-double .btn {
  width: 188px;
}

.lookBook .bongJoonho .p-footer .footer_btn .btn_set-double .btn_item:first-child {
  padding-right: 1px;
}

.lookBook .bongJoonho .p-footer .footer_btn .btn_set-double .btn_item:last-child {
  padding-left: 1px;
}

@media screen and (max-width: 1439px) {
  .lookBook .bongJoonho {
    padding-top: 30px;
  }
  .lookBook .bongJoonho .p-header .title {
    font-size: 48px;
    line-height: 60px;
  }
  
  .lookBook .bongJoonho .p-header .sub_txt {
    margin-top: 12px;
  }
  .lookBook .bongJoonho .p-header .sub_txt.en {
    font-size: 18px;
    line-height: 24px;
  }
  .lookBook .bongJoonho .p-header .tit_img .snsList {
    right: 20px;
    bottom: 20px;
  }
  .lookBook .bongJoonho .p-header .tit_img .snsList li {
    padding-left: 25px;
  }
  .lookBook .bongJoonho .p-header .edit_info ul li .photo img {
    width: 46px;
  }
  .lookBook .bongJoonho .p-body {
    padding-top: 70px;
    padding-left: 10.5%;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_txt.style1 {
    margin-left: -11.5%;
    margin-bottom: 40px;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_txt .glyphs {
    margin: 50px 0 14px;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_txt.td4 {
    margin: 22px 0 25px;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_img {
    margin: 22px 0 25px;
    padding-left: 19.278%;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_img img {
    width: 100%;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_img.fist_img {
    margin-top: 50px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf::before {
    font-size: 12px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_1::before {
    font-size: 22px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_2::before {
    font-size: 15px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_5::before {
    font-size: 32px;
  }
  .lookBook .bongJoonho .p-body .look_cont.en .cont_txt.style2 {
    margin-left: -11.5%;
    margin-bottom: 40px;
  }
  .lookBook .bongJoonho .p-body .look_cont.en .cont_txt.style2 .tb2 {
    font-size: 30px;
    line-height: 36px;
  }
  .lookBook .bongJoonho .p-body .look_cont.en .cont_txt.td4.etc {
    margin-bottom: 26px;
  }
  .lookBook .bongJoonho .p-footer {
    margin-top: 50px;
    padding-left: 10.5%;
  }
  .lookBook .bongJoonho .p-footer .footer_btn .btn_set-double .btn {
    width: 171px;
    padding: 12px 23px;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .bongJoonho {
    padding-top: 20px;
  }
  .lookBook .bongJoonho .p-header .title {
    font-size: 36px;
    line-height: 48px;
  }
  .lookBook .bongJoonho .p-header .sub_txt {
    margin-top: 10px;
  }
  .lookBook .bongJoonho .p-header .sub_txt.en {
    font-size: 14px;
    line-height: 20px;
  }
  .lookBook .bongJoonho .p-header .tit_img .snsList {
    right: 15px;
    bottom: 15px;
  }
  .lookBook .bongJoonho .p-header .tit_img .snsList li {
    padding-left: 20px;
  }
  .lookBook .bongJoonho .p-header .edit_info {
    padding: 20px 0;
    margin-top: 20px;
  }
  .lookBook .bongJoonho .p-header .edit_info ul li .photo img {
    width: 44px;
  }
  .lookBook .bongJoonho .p-body {
    padding-top: 40px;
    padding-left: 10.715%;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_txt.style1 {
    margin-left: -11.5%;
    margin-bottom: 20px;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_txt .glyphs {
    margin: 40px 0 10px;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_txt.td4 {
    margin: 20px 0 26px;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_img {
    margin: 20px 0 26px;
    padding-left: 18.334%;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_img img {
    width: 100%;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_img.fist_img {
    margin-top: 40px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf::before {
    font-size: 12px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_1::before {
    font-size: 20px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_2::before {
    font-size: 15px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_5::before {
    font-size: 37px;
  }
  .lookBook .bongJoonho .p-body .look_cont.en .cont_txt.style2 {
    margin-left: -11.5%;
    margin-bottom: 20px;
  }
  .lookBook .bongJoonho .p-body .look_cont.en .cont_txt.style2 .tb2 {
    font-size: 24px;
    line-height: 32px;
  }
  .lookBook .bongJoonho .p-body .look_cont.en .cont_txt.td4.etc {
    margin-bottom: 22px;
  }
  .lookBook .bongJoonho .p-footer {
    padding-left: 10.715%;
    margin-top: 40px;
  }
  .lookBook .bongJoonho .p-footer .footer_btn .btn_set-double .btn {
    width: 168px;
    padding: 10px 23px;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .bongJoonho {
    padding-top: 24px;
  }
  .lookBook .bongJoonho .p-header .title {
    font-size: 30px;
    line-height: 36px;
  }
  .lookBook .bongJoonho .p-header .sub_txt {
    margin-top: 12px;
  }
  .lookBook .bongJoonho .p-header .tit_img .only-img {
    display: none;
  }
  .lookBook .bongJoonho .p-header .tit_img .snsList {
    right: 15px;
    bottom: 15px;
  }
  .lookBook .bongJoonho .p-header .tit_img .snsList li {
    padding-left: 28px;
  }
  .lookBook .bongJoonho .p-header .edit_info {
    padding: 20px 0;
    margin-top: 20px;
  }
  .lookBook .bongJoonho .p-header .edit_info ul {
    flex-direction: column;
  }
  .lookBook .bongJoonho .p-header .edit_info ul li {
    margin-right: 0;
    margin-top: 12px;
  }
  .lookBook .bongJoonho .p-header .edit_info ul li:first-child {
    margin-top: 0;
  }
  .lookBook .bongJoonho .p-header .edit_info ul li .photo img {
    width: 40px;
  }
  .lookBook .bongJoonho .p-header .edit_info ul li dl {
    margin-left: 10px;
  }
  .lookBook .bongJoonho .p-body {
    padding-top: 48px;
    padding-left: 9.175%;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_txt.style1 {
    margin-left: -9.5%;
    margin-bottom: 30px;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_txt .glyphs {
    margin: 48px 0 10px;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_txt.td4 {
    margin: 25px 0 27px;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_img {
    margin: 24px 0 27px;
    padding-left: 9.136%;
  }
  .lookBook .bongJoonho .p-body .look_cont .cont_img.fist_img {
    margin-top: 48px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf::before {
    font-size: 10px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_1::before {
    font-size: 19px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_2::before {
    font-size: 15px;
  }
  .lookBook .bongJoonho .p-body .look_cont .glyphs .spf.spf-icon_glyphs_5::before {
    font-size: 26px;
  }
  .lookBook .bongJoonho .p-body .look_cont.en .cont_txt.style2 {
    margin-left: -9.5%;
    margin-bottom: 30px;
  }
  .lookBook .bongJoonho .p-body .look_cont.en .cont_txt.style2 .tb2 {
    font-size: 22px;
    line-height: 28px;
  }
  .lookBook .bongJoonho .p-body .look_cont.en .cont_txt.td4.etc {
    margin-bottom: 26px;
  }
  .lookBook .bongJoonho .p-footer {
    margin-top: 48px;
    padding-left: 12.52%;
  }
  .lookBook .bongJoonho .p-footer .footer_btn {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
  }
  .lookBook .bongJoonho .p-footer .footer_btn .btn_set-double {
    margin-top: 15px;
    width: 100%;
  }
  .lookBook .bongJoonho .p-footer .footer_btn .btn_set-double .btn {
    width: 100%;
    padding: 9px  23px;
  }
}

.lookBook .lookbook_cont {
  padding-top: 40px;
}

@media screen and (max-width: 1439px) {
  .lookBook .lookbook_cont {
    padding-top: 30px;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .lookbook_cont {
    padding-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont {
    padding-top: 24px;
  }
}

.lookBook .lookbook_cont .p-header {
  position: relative;
  margin-bottom: 30px;
}

.lookBook .lookbook_cont .p-header .title {
  font-family: 'Libre Bodoni';
  font-style: italic;
  font-weight: 400;
  font-size: 60px;
  line-height: 80px;
  color: #fff;
}

.lookBook .lookbook_cont .p-header .title.ko {
  font-family: 'CJ ONLYONE NEW title';
  font-style: inherit;
  font-weight: 500;
  font-size: 64px;
}

.lookBook .lookbook_cont .p-header .sub_txt {
  margin-top: 16px;
}

.lookBook .lookbook_cont .p-header .sub_txt.en {
  font-family: 'Inter';
  font-size: 24px;
  line-height: 28px;
}

.lookBook .lookbook_cont .p-header .edit_info ul {
  display: flex;
}

.lookBook .lookbook_cont .p-header .edit_info ul li {
  display: flex;
  align-items: center;
  margin-right: 50px;
}

.lookBook .lookbook_cont .p-header .edit_info ul li dl {
  margin-left: 10px;
}

@media screen and (max-width: 1439px) {
  .lookBook .lookbook_cont .p-header {
    margin-bottom: 24px;
  }
  .lookBook .lookbook_cont .p-header .title {
    font-size: 48px;
    line-height: 60px;
  }
  .lookBook .lookbook_cont .p-header .title.ko {
    line-height: 80px;
  }
  .lookBook .lookbook_cont .p-header .sub_txt {
    margin-top: 12px;
  }
  .lookBook .lookbook_cont .p-header .sub_txt.en {
    font-size: 18px;
    line-height: 24px;
  }
  .lookBook .lookbook_cont .p-header .edit_info ul li .photo img {
    width: 46px;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .lookbook_cont .p-header {
    margin-bottom: 20px;
  }
  .lookBook .lookbook_cont .p-header .title, .lookBook .lookbook_cont .p-header .title.ko {
    font-size: 36px;
    line-height: 48px;
  }
  .lookBook .lookbook_cont .p-header .sub_txt {
    margin-top: 10px;
  }
  .lookBook .lookbook_cont .p-header .sub_txt.en {
    font-size: 14px;
    line-height: 20px;
  }
  .lookBook .lookbook_cont .p-header .edit_info ul li .photo img {
    width: 44px;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont .p-header {
    margin-bottom: 12px;
  }
  .lookBook .lookbook_cont .p-header .title, .lookBook .lookbook_cont .p-header .title.ko {
    font-size: 30px;
    line-height: 36px;
  }
  .lookBook .lookbook_cont .p-header .sub_txt {
    margin-top: 12px;
  }
  .lookBook .lookbook_cont .p-header .edit_info ul {
    flex-direction: column;
  }
  .lookBook .lookbook_cont .p-header .edit_info ul li {
    margin-right: 0;
    margin-top: 12px;
  }
  .lookBook .lookbook_cont .p-header .edit_info ul li:first-child {
    margin-top: 0;
  }
  .lookBook .lookbook_cont .p-header .edit_info ul li .photo img {
    width: 40px;
  }
  .lookBook .lookbook_cont .p-header .edit_info ul li dl {
    margin-left: 10px;
  }
}

.lookBook .lookbook_cont.web_Aug .p-header {
  position: relative;
  border-bottom: 1px solid #fff;
  padding-bottom: 32px;
}

@media screen and (max-width: 1439px) {
  .lookBook .lookbook_cont.web_Aug .p-header {
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .lookbook_cont.web_Aug .p-header {
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont.web_Aug .p-header {
    padding-bottom: 26px;
  }
}

.lookBook .lookbook_cont.web_Aug .p-header .title {
  text-align: center;
}

.lookBook .lookbook_cont.web_Aug .p-header .snsList {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lookBook .lookbook_cont.web_Aug .p-header .snsList li .spf {
  color: #fff;
}

.lookBook .lookbook_cont.web_Aug .p-header .snsList li .icon.icon_download {
  background: url("../images/common/icon_download_w.png") no-repeat center;
  background-size: contain;
}

.lookBook .lookbook_cont.web_Aug .p-header .edit_info {
  margin: 40px 0;
}

.lookBook .lookbook_cont.web_Aug .p-header .edit_info ul {
  justify-content: center;
}

.lookBook .lookbook_cont.web_Aug .p-header .edit_info ul li {
  margin-right: 0;
}

.lookBook .lookbook_cont.web_Aug.women .p-header .edit_info ul li {
  display: flex;
  align-items: center;
  margin-right: 50px;
}
.lookBook .lookbook_cont.web_Aug.women .p-header .edit_info ul li:last-child {
  margin-right: 0px;
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont.web_Aug .p-header .edit_info {
    margin: 32px 0;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont.web_Aug .p-header .edit_info {
    margin: 24px 0;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont.web_Aug .p-header .edit_info {
    margin: 32px 0;
  }
  .lookBook .lookbook_cont.web_Aug .p-header .edit_info ul li {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .lookBook .lookbook_cont.web_Aug .p-header .edit_info ul li .photo {
    margin-bottom: 10px;
  }
  .lookBook .lookbook_cont.web_Aug .p-header .edit_info ul li dl {
    margin-left: 0;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-header .edit_info ul li {
    flex-direction: initial;
    text-align: left;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-header .edit_info ul li dl {
    margin-left: 10px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-header .edit_info ul li .photo {
    margin-bottom: 0px;
  }

}

.lookBook .lookbook_cont.web_Aug .p-body .top_txt {
  margin-bottom: 50px;
}

@media screen and (max-width: 1439px) {
  .lookBook .lookbook_cont.web_Aug .p-body .top_txt {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .lookbook_cont.web_Aug .p-body .top_txt {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont.web_Aug .p-body .top_txt {
    margin-bottom: 40px;
  }
}

.lookBook .lookbook_cont.web_Aug .p-body .top_txt .glyphs {
  line-height: 0;
  text-align: center;
  padding: 14px 0 40px;
}

.lookBook .lookbook_cont.web_Aug .p-body .top_txt .glyphs .spf {
  width: auto;
  height: auto;
  line-height: normal;
}

.lookBook .lookbook_cont.web_Aug .p-body .top_txt .glyphs .spf::before {
  width: auto;
  height: auto;
  font-size: 16px;
}

@media screen and (max-width: 1439px) {
  .lookBook .lookbook_cont.web_Aug .p-body .top_txt .glyphs {
    padding: 14px 0 20px;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .lookbook_cont.web_Aug .p-body .top_txt .glyphs {
    padding: 14px 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont.web_Aug .p-body .top_txt .glyphs {
    padding: 12px 0 20px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .top_txt .glyphs .spf::before {
    width: 37px;
    font-size: 12px;
  }
}

.lookBook .lookbook_cont.web_Aug .p-body .point_tit {
  font-family: 'SeoulHangangEB';
  font-style: italic;
  font-size: 22px;
  line-height: 40px;
  letter-spacing: -0.05em;
  text-align: center;
  padding: 0 12px;
}

@media screen and (max-width: 1439px) {
  .lookBook .lookbook_cont.web_Aug .p-body .point_tit {
    font-size: 18px;
    line-height: 30px;
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .lookbook_cont.web_Aug .p-body .point_tit {
    font-size: 18px;
    line-height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont.web_Aug .p-body .point_tit {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.025em;
  }
}

.lookBook .lookbook_cont.web_Aug .p-body .point_tit.en {
  font-size: 22px;
  line-height: 44px;
  letter-spacing: -0.025em;
}

@media screen and (max-width: 1439px) {
  .lookBook .lookbook_cont.web_Aug .p-body .point_tit.en {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.025em;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .lookbook_cont.web_Aug .p-body .point_tit.en {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.025em;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont.web_Aug .p-body .point_tit.en {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.025em;
  }
}

.lookBook .lookbook_cont.web_Aug .p-body .full_img img {
  max-width: 100%;
}

.lookBook .lookbook_cont.web_Aug .p-body .cont_img {
  width: 510px;
  height: 632px;
  overflow: hidden;
  margin-bottom: 50px;
}
.lookBook .lookbook_cont.web_Aug.women .p-body .top_txt{
  margin-bottom:100px;
}
.lookBook .lookbook_cont.web_Aug.women .p-body .top_txt .glyphs{
  text-align:left;
  padding:10px 0 32px;
}
.lookBook .lookbook_cont.web_Aug.women .p-body .top_txt .glyphs .spf::before{ 
  font-size:48px; 
}
.lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.one .cont_img {
  width: 546px;
  height: 380px;
  overflow: hidden;
  margin-bottom: 36px;
}

.lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.two .cont_img {
  width: 660px;
  height: 360px;
  overflow: hidden;
  margin-bottom: 45px;
}
.lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.two .td4{
  text-align:right;
}
.lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.three .cont_img {
  width: 659px;
  height: 518px;
  overflow: hidden;
  margin-bottom: 43px;
}
.lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.four .glyphs{
  margin-bottom:36px;
}
.lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.four .glyphs .spf{
  width:auto;
  height:auto;
  line-height:normal;
}
.lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.four .glyphs .spf::before{
  width:auto;
  height:auto;
  font-size:16px;
}
.lookBook .lookbook_cont.web_Aug .p-body .cont_img::after {
  content: '';
  display: block;
  clear: both;
}

.lookBook .lookbook_cont.web_Aug .p-body .cont_img img {
  width: 100%;
}

.lookBook .lookbook_cont.web_Aug .p-body .cont_img.left {
  float: left;
  margin-right: 50px;
}

.lookBook .lookbook_cont.web_Aug .p-body .cont_img.right {
  float: right;
  margin-left: 50px;
}

.lookBook .lookbook_cont.web_Aug .p-body .cont_txt {
  margin-bottom: 50px;
  padding: 0 11.9047619047619%;
}

.lookBook .lookbook_cont.web_Aug.women .p-body .cont_txt {
  padding: 0 8%;
}

.lookBook .lookbook_cont.web_Aug .p-body .cont_txt.full {
  padding: 0;
}

.lookBook .lookbook_cont.web_Aug .p-body .paragraph {
  margin-bottom: 50px;
}

.lookBook .lookbook_cont.web_Aug.women .p-body .paragraph {
  margin-bottom: 100px;
}
.lookBook .lookbook_cont.web_Aug.women .p-body .paragraph:last-child {
  margin-bottom: 0;
}
.lookBook .lookbook_cont.web_Aug .p-body .paragraph .cont_txt {
  padding-bottom: 37px;
  margin-bottom: 0;
}
.lookBook .lookbook_cont.web_Aug.women .p-body .paragraph .cont_txt.td4 {
  padding-bottom: 40px;
  margin-bottom: 0;
}
.lookBook .lookbook_cont.web_Aug .p-body .paragraph .cont_txt:last-child {
  padding-bottom: 0;
}

.lookBook .lookbook_cont.web_Aug .p-body .paragraph.one > .cont_txt:nth-of-type(8) {
  clear: both;
}

.lookBook .lookbook_cont.web_Aug .p-body .paragraph.two > .cont_txt:nth-of-type(8) {
  clear: both;
}

.lookBook .lookbook_cont.web_Aug .p-body .paragraph.one.en > .cont_txt:nth-of-type(7) {
  clear: both;
}

.lookBook .lookbook_cont.web_Aug .p-body .paragraph.two.en > .cont_txt:nth-of-type(6) {
  clear: both;
}

@media screen and (max-width: 1439px) {
  .lookBook .lookbook_cont.web_Aug .p-body .cont_img {
    width: 292px;
    height: 362px;
    margin-bottom: 40px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .cont_img.left {
    margin-right: 40px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .cont_img.right {
    margin-left: 40px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .cont_txt {
    margin-bottom: 40px;
    padding: 0 8.18965517241379%;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .paragraph {
    margin-bottom: 40px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .paragraph .cont_txt {
    padding-bottom: 24px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .top_txt{
    margin-bottom:80px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph{
    margin-bottom:80px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.one .cont_img {
    width: 373px;
    height: 260px;
    margin-bottom: 42px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.two .cont_img {
    width: 531px;
    height: 289px;
    overflow: hidden;
    margin-bottom: 70px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.three .cont_img {
    width: 452px;
    height: 355px;
    overflow: hidden;
    margin-bottom: 42px;
  }

  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.one.en .cont_txt:nth-child(3),
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.two.en .cont_txt:nth-child(3),
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.three.en .cont_txt:nth-child(3) {
    height:auto;
    padding-bottom:0;
    margin-bottom: 44px;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .lookbook_cont.web_Aug .p-body .cont_img {
    width: 266px;
    height: 329px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .cont_img.left {
    margin-right: 32px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .cont_img.right {
    margin-left: 32px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .cont_txt {
    margin-bottom: 32px;
    padding: 0 7.73809523809524%;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .paragraph {
    margin-bottom: 32px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .paragraph .cont_txt {
    padding-bottom: 27px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .top_txt{
    margin-bottom:60px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.one .cont_img {
    width: 324px;
    height: 180px;
    margin-bottom: 42px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.one.en .cont_img {
    margin-bottom: 27px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.two .cont_img {
    width: 324px;
    height: 180px;
    overflow: hidden;
    margin-bottom: 27px;
  }
  
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.three .cont_img {
    width: 312px;
    height: 245px;
    overflow: hidden;
    margin-bottom: 27px;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont.web_Aug .p-body .cont_img {
    width: 91.66666666666667%;
    height: auto;
    margin-bottom: 40px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .cont_img.left {
    margin-right: 0;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .cont_img.right {
    margin-left: 0;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .top_txt .glyphs{
    text-align:center;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .cont_txt {
    margin-bottom: 40px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .paragraph {
    margin-bottom: 40px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .paragraph .cont_txt {
    padding-bottom: 24px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .top_txt{
    margin-bottom:48px;
  }

  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph{
    margin-bottom:48px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.one .cont_img,
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.two .cont_img,
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.three .cont_img, 
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.one.en .cont_img,
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.two.en .cont_img,
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.three.en .cont_img 
  {
    width: 100%;
    height: auto;
    margin-bottom: 26px
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph .cont_txt{
    height:auto !important;
    padding:0 0 24px 0 !important;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph .cont_txt:last-child{
    padding-bottom: 0 !important;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.four .glyphs{
    margin-bottom:27px;
  }
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.one.en .cont_txt:nth-child(3),
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.two.en .cont_txt:nth-child(3),
  .lookBook .lookbook_cont.web_Aug.women .p-body .paragraph.three.en .cont_txt:nth-child(3) {
    margin-bottom:0;
  }
}

.lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook {
  margin-top: 100px;
  padding-top: 100px;
  border-top: 1px solid #fff;
}

.lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook .col3 li {
  margin-top: 0 !important;
}

.lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook .item_wrap {
  padding-bottom: 0;
}

.lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook .txt-box {
  padding: 0;
  border-bottom: 1px solid #fff;
}

.lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook .txt-box .tt1 {
  padding: 20px 0 8px;
  border-bottom: 1px solid #fff;
}

.lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook .txt-box .sub_txt {
  padding: 30px 20px 30px 0;
}

.lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook .link_btn {
  margin-top: 20px;
}

@media screen and (max-width: 1439px) {
  .lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook {
    margin-top: 80px;
    padding-top: 80px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook .txt-box .tt1 {
    padding: 16px 0 8px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook .txt-box .sub_txt {
    padding: 24px 0;
  }
}

@media screen and (max-width: 1023px) {
  .lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook {
    margin-top: 60px;
    padding-top: 60px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook .txt-box .sub_txt {
    padding: 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook {
    margin-top: 50px;
    padding-top: 50px;
  }
  .lookBook .lookbook_cont.web_Aug .p-body .card_board.lookbook .txt-box .tt1 {
    padding: 16px 0 10px;
  }
}

/*----------- search */
html.lang-ko .search-layer .layer-inner .word_search-wrap .serch_field input {
  font-size: 60px;
  font-weight: bold;
  line-height: 80px;
  letter-spacing: 0;
}

@media screen and (max-width: 1439px) {
  html.lang-ko .search-layer .layer-inner .word_search-wrap .serch_field input {
    font-size: 46px;
    font-weight: bold;
    line-height: 56px;
  }
}

@media screen and (max-width: 1023px) {
  html.lang-ko .search-layer .layer-inner .word_search-wrap .serch_field input {
    font-size: 26px;
    font-weight: bold;
    line-height: 44px;
  }
}

@media screen and (max-width: 767px) {
  html.lang-ko .search-layer .layer-inner .word_search-wrap .serch_field input {
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
  }
}

html.lang-en .search-layer .layer-inner .word_search-wrap .serch_field input {
  font-size: 64px;
  font-weight: bold;
  line-height: 80px;
  letter-spacing: 0;
}

@media screen and (max-width: 1439px) {
  html.lang-en .search-layer .layer-inner .word_search-wrap .serch_field input {
    font-size: 44px;
    font-weight: bold;
    line-height: 56px;
  }
}

@media screen and (max-width: 1023px) {
  html.lang-en .search-layer .layer-inner .word_search-wrap .serch_field input {
    font-size: 24px;
    font-weight: bold;
    line-height: 44px;
  }
}

@media screen and (max-width: 767px) {
  html.lang-en .search-layer .layer-inner .word_search-wrap .serch_field input {
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
  }
}

.search-layer {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 60;
  background: #121212;
  transition: all 0.35s ease-in-out;
  display: none;
  opacity: 0;
}

.search-layer.lyaer_open {
  display: block;
  opacity: 1;
}

.search-layer .layer-inner {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.search-layer .inner_box {
  width: 1440px;
  color: #fff;
  padding: 220px 48px 48px;
  margin: 0 auto;
  display: flow-root;
}

@media screen and (max-width: 1439px) {
  .search-layer .inner_box {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .search-layer .inner_box {
    padding: 82px 24px 24px;
  }
}

.search-layer .search_layer_close {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  font-size: 0;
  padding: 24px;
  background: #121212;
  text-align: right;
  z-index: 10;
}

.search-layer .search_layer_close .spf {
  color: #fff;
  width: 48px;
  height: 48px;
  line-height: 48px;
  transition: all 0.35s ease-in-out;
}

.search-layer .search_layer_close .spf::before {
  font-size: 48px;
  width: 48px;
  height: 48px;
}

@media screen and (max-width: 767px) {
  .search-layer .search_layer_close .spf {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .search-layer .search_layer_close .spf::before {
    font-size: 24px;
    width: 24px;
    height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .search-layer .search_layer_close {
    padding: 16px;
  }
}

.search-layer .word_search-wrap .serch_field {
  padding: 0;
  border: 0;
  position: relative;
}

.search-layer .word_search-wrap .serch_field .search_btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -55%);
  z-index: 10;
}

.search-layer .word_search-wrap .serch_field .search_btn .spf.spf-action-search {
  width: 72px;
  height: 72px;
  line-height: 72px;
  opacity: 0.3;
}

.search-layer .word_search-wrap .serch_field .search_btn .spf.spf-action-search::before {
  font-size: 72px;
  height: 72px;
  width: 72px;
}

@media screen and (max-width: 1439px) {
  .search-layer .word_search-wrap .serch_field .search_btn .spf.spf-action-search {
    width: 64px;
    height: 64px;
    line-height: 64px;
  }
  .search-layer .word_search-wrap .serch_field .search_btn .spf.spf-action-search::before {
    font-size: 64px;
    height: 64px;
    width: 64px;
  }
}

@media screen and (max-width: 1023px) {
  .search-layer .word_search-wrap .serch_field .search_btn .spf.spf-action-search {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  .search-layer .word_search-wrap .serch_field .search_btn .spf.spf-action-search::before {
    font-size: 48px;
    height: 48px;
    width: 48px;
  }
}

@media screen and (max-width: 767px) {
  .search-layer .word_search-wrap .serch_field .search_btn .spf.spf-action-search {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  .search-layer .word_search-wrap .serch_field .search_btn .spf.spf-action-search::before {
    font-size: 32px;
    height: 32px;
    width: 32px;
  }
}

.search-layer .word_search-wrap .serch_field input {
  background: transparent;
  padding-right: 80px;
  height: auto;
  color: #fff;
  padding-bottom: 5px;
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
}

.search-layer .word_search-wrap .serch_field input:focus {
  border-color: #fff;
}

.search-layer .word_search-wrap .serch_field input:focus.placeholdersjs {
  color: transparent;
}

.search-layer .word_search-wrap .serch_field input:focus:-ms-input-placeholder {
  color: transparent;
}

.search-layer .word_search-wrap .serch_field input:focus::-webkit-input-placeholder {
  color: transparent;
}

.search-layer .word_search-wrap .serch_field input:focus::-moz-placeholder {
  color: transparent;
}

.search-layer .word_search-wrap .serch_field input.placeholdersjs {
  color: #fff;
  opacity: 0.3;
}

.search-layer .word_search-wrap .serch_field input:-ms-input-placeholder {
  color: #fff;
  opacity: 0.3;
}

.search-layer .word_search-wrap .serch_field input::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.3;
}

.search-layer .word_search-wrap .serch_field input::-moz-placeholder {
  color: #fff;
  opacity: 0.3;
}

@media screen and (max-width: 1439px) {
  .search-layer .word_search-wrap .serch_field input {
    padding-right: 70px;
  }
}

@media screen and (max-width: 1023px) {
  .search-layer .word_search-wrap .serch_field input {
    padding-right: 55px;
  }
}

@media screen and (max-width: 767px) {
  .search-layer .word_search-wrap .serch_field input {
    padding-right: 40px;
    border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  }
}

.search-layer .recommended_word {
  margin-top: 70px;
}

.search-layer .recommended_word .word_tit {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #fff;
}

.search-layer .recommended_word .word_tit .br {
  display: inline-block;
}

.search-layer .recommended_word .word_list {
  width: calc(100% + 24px);
  margin-left: -12px;
}

.search-layer .recommended_word .word_list li {
  float: left;
  width: 16.66666666666667%;
  margin-top: 24px;
}

.search-layer .recommended_word .word_list li a {
  position: relative;
  display: block;
  height: 115px;
  margin: 0 12px;
  background: url("../images/common/search_filter_mask_off.svg") no-repeat left top;
  background-size: cover;
}

.search-layer .recommended_word .word_list li a span {
  position: absolute;
  bottom: 0;
  left: 14px;
  right: 14px;
  bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.search-layer .recommended_word .word_list li a.active, .search-layer .recommended_word .word_list li a:hover {
  background: url("../images/common/search_filter_mask_on.svg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1439px) {
  .search-layer .recommended_word .word_list li {
    width: 25%;
  }
  .search-layer .recommended_word .word_list li a {
    height: 11.71875vw;
  }
}

@media screen and (max-width: 1023px) {
  .search-layer .recommended_word {
    margin-top: 50px;
  }
  .search-layer .recommended_word .word_list li a {
    height: 10.9375vw;
  }
  .search-layer .recommended_word .word_list li a span {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }
}

@media screen and (max-width: 767px) {
  .search-layer .recommended_word {
    margin-top: 32px;
  }
  .search-layer .recommended_word .word_tit .br {
    display: block;
  }
  .search-layer .recommended_word .word_list {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .search-layer .recommended_word .word_list li {
    width: 50%;
    margin-top: 16px;
  }
  .search-layer .recommended_word .word_list li a {
    margin: 0 8px;
    height: 23.05556vw;
  }
  .search-layer .recommended_word .word_list li a span {
    left: 10px;
    right: 10px;
    bottom: 8px;
  }
}

.slider-section .section-inner {
  overflow: hidden;
}

.slider-section .kv_swiper-area {
  overflow: hidden;
  /* ------------------- add  */
}

@media screen and (max-width: 1023px) {
  .slider-section .kv_swiper-area {
    overflow: visible;
  }
}

.slider-section .kv_swiper-area .swiper-container .swiper-slide {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #000;
  height: 756px;
  position: relative;
}

@media screen and (max-width: 1439px) {
  .slider-section .kv_swiper-area .swiper-container .swiper-slide {
    height: 50.97656vw;
  }
}

@media screen and (max-width: 1023px) {
  .slider-section .kv_swiper-area .swiper-container .swiper-slide {
    height: 49.21875vw;
  }
}

@media screen and (max-width: 767px) {
  .slider-section .kv_swiper-area .swiper-container .swiper-slide {
    height: 48.88889vw;
  }
}

.slider-section .kv_swiper-area .swiper-container .swiper-slide .noimg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.slider-section .kv_swiper-area .swiper-container .swiper-slide .img-box .lazyload-wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
}

.slider-section .kv_swiper-area .swiper-container .swiper-slide .img-box .lazyload-wrapper img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
}

.slider-section .kv_swiper-area .swiper-container .swiper-slide .img-box .lazyload-wrapper img.kv_img-w{
  width: 100%;
  height: auto;
  max-width: 100%;
}

.slider-section .kv_swiper-area .swiper-container .swiper-slide .img-box .lazyload-wrapper img.kv_img-h{
  width: auto;
  height: 100%;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.slider-section .kv_swiper-area .swiper-container .swiper-slide .img-box img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
}

.slider-section .kv_swiper-area .swiper-container .swiper-slide .play-btn {
  position: absolute;
  top: 0;
  left: 0%;
  right: 0;
  bottom: 0;
}

.slider-section .kv_swiper-area .swiper-container .swiper-slide .play-btn img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1439px) {
  .slider-section .kv_swiper-area .swiper-container .swiper-slide .play-btn img {
    width: 56px;
    height: 56px;
  }
}
@media screen and (max-width: 1023px) {
  .slider-section .kv_swiper-area .swiper-container .swiper-slide .play-btn img {
    width: 48px;
    height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .slider-section .kv_swiper-area .swiper-container .swiper-slide .play-btn img {
    width: 40px;
    height: 40px;
  }
}

.slider-section .kv_swiper-area .swiper-container .button-prev, .slider-section .kv_swiper-area .swiper-container .button-next {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.62);
  z-index: 15;
}

.slider-section .kv_swiper-area .swiper-container .button-prev:hover, .slider-section .kv_swiper-area .swiper-container .button-next:hover {
  background-color: rgba(0, 0, 0, 0.87);
}

.slider-section .kv_swiper-area .swiper-container .button-prev i, .slider-section .kv_swiper-area .swiper-container .button-next i {
  width: 32px;
  height: 32px;
  margin-top: 8px;
  margin-left: 8px;
}

.slider-section .kv_swiper-area .swiper-container .button-prev i::before, .slider-section .kv_swiper-area .swiper-container .button-next i::before {
  width: 32px;
  height: 32px;
  padding-top: 4px;
  font-size: 32px;
  color: #fff;
  box-sizing: border-box;
}

.slider-section .kv_swiper-area .swiper-container .button-prev.swiper-button-disabled:hover, .slider-section .kv_swiper-area .swiper-container .button-next.swiper-button-disabled:hover {
  background-color: rgba(0, 0, 0, 0.62);
}

.slider-section .kv_swiper-area .swiper-container .button-prev.swiper-button-disabled i::before, .slider-section .kv_swiper-area .swiper-container .button-next.swiper-button-disabled i::before {
  color: rgba(255, 255, 255, 0.42);
}

.slider-section .kv_swiper-area .swiper-container .button-prev {
  left: 32px;
}

.slider-section .kv_swiper-area .swiper-container .button-next {
  right: 32px;
}

.slider-section .kv_swiper-area .swiper-container .pagination {
  position: absolute;
  bottom: 32px;
  right: 32px;
  left: auto;
  display: inline-block;
  padding: 4px 16px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.62);
  border-radius: 16px;
  z-index: 10;
}

.slider-section .kv_swiper-area .swiper-container .pagination span, .slider-section .kv_swiper-area .swiper-container .pagination i {
  display: inline-block;
  vertical-align: top;
  color: #fff;
}

.slider-section .kv_swiper-area .swiper-container .pagination span {
  min-width: 17px;
  text-align: center;
  line-height: 24px;
}

.slider-section .kv_swiper-area .swiper-container .pagination .spf-action-slash, .slider-section .kv_swiper-area .swiper-container .pagination .tot {
  color: rgba(255, 255, 255, 0.42);
}

.slider-section .kv_swiper-area .swiper-container .pagination .spf-action-slash {
  text-align: center;
  width: 8px;
  height: 14px;
  margin-top: 4px;
}

.slider-section .kv_swiper-area .swiper-container .pagination .spf-action-slash::before {
  margin-top: -3px;
  font-size: 14px;
  width: 8px;
  height: 14px;
}

.slider-section .kv_swiper-area .swiper-container .pagination .play_pause {
  margin-left: 4px;
  vertical-align: top;
}

.slider-section .kv_swiper-area .swiper-container .pagination .play_pause i {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1439px) {

  .slider-section .kv_swiper-area .swiper-container .button-prev, .slider-section .kv_swiper-area .swiper-container .button-next {
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .slider-section .kv_swiper-area .swiper-container .button-prev i, .slider-section .kv_swiper-area .swiper-container .button-next i {
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-left: 8px;
  }
  .slider-section .kv_swiper-area .swiper-container .button-prev i::before, .slider-section .kv_swiper-area .swiper-container .button-next i::before {
    width: 24px;
    height: 24px;
    padding-top: 2px;
    font-size: 24px;
  }
  .slider-section .kv_swiper-area .swiper-container .button-prev {
    left: 24px;
  }
  .slider-section .kv_swiper-area .swiper-container .button-next {
    right: 24px;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination {
    bottom: 24px;
    right: 24px;
    padding: 4px 12px;
    border-radius: 14px;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination span {
    min-width: 15px;
    line-height: 20px;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination .spf-action-slash {
    width: 8px;
    text-align: center;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination .spf-action-slash::before {
    margin-top: -4px;
    font-size: 14px;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination .play_pause {
    margin-left: 2px;
    height: 20px;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    background-size: 16px;
  }
}

@media screen and (max-width: 1439px) and (max-width: 1439px) {
  .slider-section .kv_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 1px;
  }
}

@media screen and (max-width: 1439px) and (max-width: 1023px) {
  .slider-section .kv_swiper-area .swiper-container .pagination .play_pause i {
    margin-top: 0;
  }
}

@media screen and (max-width: 1439px) {
  .slider-section .kv_swiper-area .swiper-container .pagination .play_pause.pause i {
    background-size: 16px;
  }
}

@media screen and (max-width: 1023px) {

  .slider-section .kv_swiper-area .swiper-container .button-prev, .slider-section .kv_swiper-area .swiper-container .button-next {
    margin-top: -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }
  .slider-section .kv_swiper-area .swiper-container .button-prev i, .slider-section .kv_swiper-area .swiper-container .button-next i {
    width: 20px;
    height: 20px;
    margin-top: 6px;
    margin-left: 6px;
  }
  .slider-section .kv_swiper-area .swiper-container .button-prev i::before, .slider-section .kv_swiper-area .swiper-container .button-next i::before {
    width: 20px;
    height: 20px;
    padding-top: 0;
    font-size: 20px;
  }
  .slider-section .kv_swiper-area .swiper-container .button-prev {
    left: 16px;
  }
  .slider-section .kv_swiper-area .swiper-container .button-next {
    right: 16px;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination {
    bottom: 16px;
    right: 16px;
  }
}

@media screen and (max-width: 767px) {
  .slider-section .kv_swiper-area .swiper-container {
    overflow: visible;
  }

  .slider-section .kv_swiper-area .swiper-container .button-prev {
    display: none;
  }
  .slider-section .kv_swiper-area .swiper-container .button-next {
    display: none;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination {
    bottom: 12px;
    right: 12px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination span {
    min-width: 13px;
    line-height: 16px;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination .spf-action-slash {
    margin-top: 0px;
    width: 8px;
    text-align: center;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination .spf-action-slash::before {
    margin-top: 0px;
    font-size: 14px;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination .play_pause {
    display: none;
    margin-left: 2px;
    margin-top: 2px;
    height: 14px;
    vertical-align: top;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination .play_pause i {
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
  .slider-section .kv_swiper-area .swiper-container .pagination .play_pause.pause i {
    background-size: 14px;
  }
}

.slider-section .kv_swiper-area.type-videos {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 재생중 */
}

.slider-section .kv_swiper-area.type-videos .swiper-container .swiper-slide .img-box {
  height: 100%;
  width: 100%;
}

.slider-section .kv_swiper-area.type-videos .swiper-container .swiper-slide .img-box .lazyload-wrapper img {
  width: 100%;
  height: 100%;
}

.slider-section .kv_swiper-area.type-videos .videos-wrap {
  overflow: hidden;
  background-color: #fff;
}

.slider-section .kv_swiper-area.type-videos .videos-wrap .youtube-area {
  opacity: 0;
}

.slider-section .kv_swiper-area.type-videos .videos-wrap .video-area {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.slider-section .kv_swiper-area.type-videos .videos-wrap .video-area video {
  width: 100%;
  height: 100%;
}

.slider-section .kv_swiper-area.type-videos.videoPlaying.play_youtube .videos-wrap .youtube-area {
  opacity: 1;
}

.slider-section .kv_swiper-area.type-videos.videoPlaying.media_playing .videos-wrap .video-area {
  opacity: 1;
}

.slider-section .kv_swiper-area.type-videos.videoPlaying .type-youtube.swiper-slide-active .img-box, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-youtube.single-active .img-box, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-video.swiper-slide-active .img-box, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-video.single-active .img-box {
  display: none;
  opacity: 0;
  z-index: 3;
}

.slider-section .kv_swiper-area.type-videos.videoPlaying .type-youtube.swiper-slide-active .play-btn, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-youtube.single-active .play-btn, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-video.swiper-slide-active .play-btn, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-video.single-active .play-btn {
  display: none;
  opacity: 0;
  z-index: 3;
}

.slider-section .kv_swiper-area.type-videos.videoPlaying .type-youtube.swiper-slide-active .videos-wrap, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-youtube.single-active .videos-wrap, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-video.swiper-slide-active .videos-wrap, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-video.single-active .videos-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.slider-section .kv_swiper-area.type-videos.videoPlaying .type-youtube.swiper-slide-active .videos-wrap .video-area, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-youtube.single-active .videos-wrap .video-area, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-video.swiper-slide-active .videos-wrap .video-area, .slider-section .kv_swiper-area.type-videos.videoPlaying .type-video.single-active .videos-wrap .video-area {
  opacity: 1;
}

.slider-section .kv_swiper-area.type-videos .swiper-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider-section .kv_swiper-area.type-videos .player-container .videos-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.slider-section .kv_swiper-area.type-videos .player-container .videos-wrap .youtube-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider-section .kv_swiper-area.type-videos .player-container .videos-wrap .youtube-area iframe {
  /* pointer-events: none; */
}

.slider-section .kv_swiper-area.type-videos .player-container .videos-wrap .vidoe-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.slider-section .kv_swiper-area.type-videos .swiper-slide.media_playing .img-box {
  display: block;
  opacity: 0;
  z-index: 11;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.slider-section .kv_swiper-area.type-videos .swiper-slide.media_playing .play-btn {
  display: none;
  opacity: 0;
  z-index: 3;
}

.slider-section .kv_swiper-area.type-videos .swiper-slide.media_playing .videos-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
}

.slider-section .kv_swiper-area.type-videos .swiper-slide.media_playing .videos-wrap .video-area {
  opacity: 1;
}

.slider-section .kv_typo-area .kv_typo-panel {
  padding: 24px 0 0;
}

.slider-section .kv_typo-area .kv_typo-panel .p-header {
  position: relative;
  padding: 0;
  min-height: 84px;
}

.slider-section .kv_typo-area .kv_typo-panel .p-header:after {
  content: '';
  display: block;
  clear: both;
}

.slider-section .kv_typo-area .kv_typo-panel .p-header .title-box {
  float: left;
  width: 318px;
  padding-right: 0;
}

.slider-section .kv_typo-area .kv_typo-panel .p-header .title-box .title span {
  display: inline-block;
  max-width: 240px;
}

.slider-section .kv_typo-area .kv_typo-panel .p-header .desc-box {
  float: left;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 8px;
  padding-left: 24px;
  width: calc( 100% - 318px);
}

@media screen and (max-width: 1439px) {
  .slider-section .kv_typo-area .kv_typo-panel .p-header {
    min-height: 84px;
  }
  .slider-section .kv_typo-area .kv_typo-panel .p-header .title-box {
    width: 214px;
  }
  .slider-section .kv_typo-area .kv_typo-panel .p-header .title-box .title span {
    max-width: 163px;
  }
  .slider-section .kv_typo-area .kv_typo-panel .p-header .desc-box {
    padding-top: 4px;
    padding-left: 24px;
    width: calc( 100% - 214px);
  }
}

@media screen and (max-width: 1023px) {
  .slider-section .kv_typo-area .kv_typo-panel .p-header {
    height: 108px;
  }
  .slider-section .kv_typo-area .kv_typo-panel .p-header .title-box {
    width: calc(100% - 30px);
  }
  .slider-section .kv_typo-area .kv_typo-panel .p-header .title-box .title span {
    max-width: initial;
  }
  .slider-section .kv_typo-area .kv_typo-panel .p-header .desc-box {
    padding-top: 12px;
    padding-left: 0px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .slider-section .kv_typo-area .kv_typo-panel {
    padding: 16px 0 0;
  }
  .slider-section .kv_typo-area .kv_typo-panel .p-header {
    height: 100px;
  }
  .slider-section .kv_typo-area .kv_typo-panel .p-header .title-box {
    width: calc(100% - 30px);
  }
  .slider-section .kv_typo-area .kv_typo-panel .p-header .title-box .title span {
    max-width: initial;
  }
  .slider-section .kv_typo-area .kv_typo-panel .p-header .desc-box {
    padding-top: 8px;
  }
}

@-webkit-keyframes kv_typo_x {
  0% {
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-webkit-keyframes kv_typo_op {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
  }
}

.slider-section .hide_seo_info {
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -99999px;
  width: 0;
  height: 0;
  opacity: 0;
}

/* 2단 스와이프 카드형리스트 - 메인에만 사용 */
.card_list-row2-section {
  overflow: hidden;
  background-image: url(../images/common/dark-bg.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 27.5vw;
}

@media screen and (min-width: 1440px) {
  .card_list-row2-section {
    background-size: 100% 396px;
  }
}

@media screen and (max-width: 1439px) {
  .card_list-row2-section {
    background-size: 100% 28.41797vw;
  }
}

@media screen and (max-width: 1023px) {
  .card_list-row2-section {
    background-size: 100% 36.19792vw;
  }
}

@media screen and (max-width: 767px) {
  .card_list-row2-section {
    background-size: 100% 176px;
  }
}

.card_list-row2-section .col_slider-area .swiper-container {
  overflow: visible;
}

.card_list-row2-section .col_slider-area .swiper-container .swiper-slide .img-box {
  background-position: center 40%;
}

@media screen and (max-width: 767px) {
  .card_list-row2-section .col_slider-area .swiper-container .swiper-slide {
    width: 176px;
    /*display: inline-block; margin-left: 16px; */
  }
  .card_list-row2-section .col_slider-area .swiper-container .swiper-slide .img-box {
    background-position: center;
  }
}

/* 썸네일이미지 리스트 */
.thumbnail_list-section .section-inner {
  position: relative;
}

.thumbnail_list-section .section-inner.none {
  overflow: visible;
}

.thumbnail_list-section .filter-section_wrap {
  margin-bottom: 8px;
}

.thumbnail_list-section .col_layout {
  display: inline-block;
  width: 100%;
}

.thumbnail_list-section .itmes-panel .p-header > .filter-section_wrap {
  padding-top: 80px;
}

@media screen and (max-width: 1439px) {
  .thumbnail_list-section .itmes-panel .p-header > .filter-section_wrap {
    padding-top: 56px;
  }
}

@media screen and (max-width: 1023px) {
  .thumbnail_list-section .itmes-panel .p-header > .filter-section_wrap {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .thumbnail_list-section .itmes-panel .p-header > .filter-section_wrap {
    padding-top: 32px;
  }
}

.thumbnail_list-section .list_contents-area {
  position: relative;
}

.thumbnail_list-section .list_contents-area .contents_center {
  position: relative;
  overflow: hidden;
}

.thumbnail_list-section .list_contents-area .contents_center .swiper-wrapper .swiper-slide {
  width: 204px;
  vertical-align: top;
}

.thumbnail_list-section .list_contents-area .contents_center .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.thumbnail_list-section .list_contents-area .contents_center .swiper-wrapper .swiper-slide .desc-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1023px) {
  .thumbnail_list-section .list_contents-area .contents_center {
    overflow: visible;
  }
}

.thumbnail_list-section .list_contents-area .hide_btn {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.62);
  width: 102px;
  height: 286px;
}

.thumbnail_list-section .list_contents-area .hide_btn a {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.thumbnail_list-section .list_contents-area .hide_btn span {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #555;
  z-index: 15;
  margin: 0 auto;
}

.thumbnail_list-section .list_contents-area .hide_btn span i {
  width: 32px;
  height: 32px;
}

.thumbnail_list-section .list_contents-area .hide_btn span i::before {
  width: 100%;
  height: 100%;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}

.thumbnail_list-section .list_contents-area .hide_btn em {
  margin-top: 4px;
  color: #fff;
  display: block;
  line-height: 24px;
  font-weight: 400;
}

@media screen and (max-width: 1439px) {
  .thumbnail_list-section .list_contents-area .hide_btn {
    width: 68px;
  }
  .thumbnail_list-section .list_contents-area .hide_btn span {
    width: 24px;
    height: 24px;
  }
  .thumbnail_list-section .list_contents-area .hide_btn span i {
    width: 24px;
    height: 24px;
  }
  .thumbnail_list-section .list_contents-area .hide_btn span i::before {
    line-height: 24px;
    font-size: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .thumbnail_list-section .list_contents-area .hide_btn {
    width: 75px;
  }
}

@media screen and (max-width: 767px) {
  .thumbnail_list-section .list_contents-area .hide_btn {
    width: 74px;
  }
}

.thumbnail_list-section .list_contents-area .cont_button-prev, .thumbnail_list-section .list_contents-area .cont_button-next {
  position: absolute;
  top: 0;
  width: 48px;
  height: 294px;
}

.thumbnail_list-section .list_contents-area .cont_button-prev span, .thumbnail_list-section .list_contents-area .cont_button-next span {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.62);
  z-index: 15;
}

.thumbnail_list-section .list_contents-area .cont_button-prev span i, .thumbnail_list-section .list_contents-area .cont_button-next span i {
  width: 30px;
  height: 30px;
  margin-top: 12px;
}

.thumbnail_list-section .list_contents-area .cont_button-prev span i::before, .thumbnail_list-section .list_contents-area .cont_button-next span i::before {
  margin-top: 0px;
  font-size: 30px;
  color: #fff;
}

.thumbnail_list-section .list_contents-area .cont_button-prev span:hover, .thumbnail_list-section .list_contents-area .cont_button-next span:hover {
  background-color: rgba(0, 0, 0, 0.87);
}

.thumbnail_list-section .list_contents-area .cont_button-prev.swiper-button-disabled, .thumbnail_list-section .list_contents-area .cont_button-next.swiper-button-disabled {
  display: none;
}

.thumbnail_list-section .list_contents-area .cont_button-prev {
  left: -24px;
}

.thumbnail_list-section .list_contents-area .cont_button-prev i {
  margin-left: 8px;
}

.thumbnail_list-section .list_contents-area .cont_button-next {
  right: -24px;
}

.thumbnail_list-section .list_contents-area .cont_button-next i {
  margin-left: 9px;
}

@media screen and (max-width: 1439px) {
  .thumbnail_list-section .list_contents-area .cont_button-prev, .thumbnail_list-section .list_contents-area .cont_button-next {
    width: 40px;
    height: 19.043vw;
  }
  .thumbnail_list-section .list_contents-area .cont_button-prev span, .thumbnail_list-section .list_contents-area .cont_button-next span {
    margin-top: -20px;
    width: 40px;
    height: 40px;
  }
  .thumbnail_list-section .list_contents-area .cont_button-prev span i, .thumbnail_list-section .list_contents-area .cont_button-next span i {
    width: 24px;
    height: 24px;
    margin-top: 10px;
    margin-left: 8px;
  }
  .thumbnail_list-section .list_contents-area .cont_button-prev span i::before, .thumbnail_list-section .list_contents-area .cont_button-next span i::before {
    margin-left: 0px;
    font-size: 24px;
  }
  .thumbnail_list-section .list_contents-area .cont_button-prev.swiper-button-disabled, .thumbnail_list-section .list_contents-area .cont_button-next.swiper-button-disabled {
    display: none;
  }
  .thumbnail_list-section .list_contents-area .cont_button-prev {
    left: -20px;
  }
  .thumbnail_list-section .list_contents-area .cont_button-next {
    right: -20px;
  }
  .thumbnail_list-section .list_contents-area .pagination {
    bottom: 24px;
    right: 24px;
    padding: 4px 12px;
    border-radius: 14px;
  }
  .thumbnail_list-section .list_contents-area .pagination span {
    min-width: 15px;
    line-height: 20px;
  }
  .thumbnail_list-section .list_contents-area .pagination .spf-action-slash {
    width: 20px;
    text-align: center;
  }
  .thumbnail_list-section .list_contents-area .pagination .spf-action-slash::before {
    margin-top: 0px;
    font-size: 14px;
  }
}

@media screen and (max-width: 1023px) {
  .thumbnail_list-section .list_contents-area .cont_button-prev, .thumbnail_list-section .list_contents-area .cont_button-next {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .thumbnail_list-section .list_contents-area .cont_button-prev {
    display: none;
  }
  .thumbnail_list-section .list_contents-area .cont_button-next {
    display: none;
  }
  .thumbnail_list-section .list_contents-area .pagination {
    bottom: 12px;
    right: 12px;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0;
  }
  .thumbnail_list-section .list_contents-area .pagination span {
    min-width: 13px;
    line-height: 16px;
  }
  .thumbnail_list-section .list_contents-area .pagination .spf-action-slash {
    width: 15px;
    text-align: center;
  }
  .thumbnail_list-section .list_contents-area .pagination .spf-action-slash::before {
    margin-top: 0px;
    font-size: 14px;
  }
}

@media screen and (min-width: 1440px) {
  .thumbnail_list-section .col2.col-2_2_2_1 {
    width: calc(100% + 48px);
    margin-top: -24px;
    margin-left: -24px;
  }
  .thumbnail_list-section .col2.col-2_2_2_1 li {
    padding: 0 24px;
  }
  .thumbnail_list-section .col2.col-2_2_2_1 li .card_item.card-5_7 .img-area .img-box {
    height: 365px;
  }
}

@media screen and (max-width: 1439px) {
  .thumbnail_list-section .col2.col-2_2_2_1 .card_item.card-5_7 .img-box {
    height: 24.9vw;
  }
}

@media screen and (max-width: 767px) {
  .thumbnail_list-section .col2.col-2_2_2_1 .card_item.card-5_7 .img-box {
    height: 46.9vw;
  }
}

.thumbnail_list-section .col2 li {
  color: rgba(0, 0, 0, 0.87);
}

.thumbnail_list-section .col2 li:nth-child(odd) {
  clear: both;
}

.thumbnail_list-section .col2 li .card_item.card-5_7 .img-area .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -48px 0 0 -48px;
}

.thumbnail_list-section .col2 li .card_item.card-5_7 .img-area .btn-play > img {
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.thumbnail_list-section .col2 li .card_item.card-5_7 .typo-area {
  margin-bottom: 24px;
}

.thumbnail_list-section .col2 li .card_item.card-5_7 .typo-area .tit-box {
  min-height: auto;
}

@media screen and (max-width: 1439px) {
  .thumbnail_list-section .col2 li .card_item.card-5_7 .img-area .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
  }
  .thumbnail_list-section .col2 li .card_item.card-5_7 .img-area .btn-play > img {
    width: 64px;
  }
  .thumbnail_list-section .col2 li .card_item.card-5_7 .typo-area {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .thumbnail_list-section .col2 li .card_item.card-5_7 .typo-area {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 767px) {
  .thumbnail_list-section .col2 li .card_item.card-5_7 .img-area .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
  }
  .thumbnail_list-section .col2 li .card_item.card-5_7 .img-area .btn-play > img {
    width: 48px;
  }
}

.thumbnail_list-section.repeat_list {
  padding-bottom: 0;
}

.thumbnail_list-section.repeat_list .section-inner {
  overflow: hidden;
}

.thumbnail_list-section.repeat_list:last-child {
  padding-bottom: 200px;
}

@media screen and (max-width: 1439px) {
  .thumbnail_list-section.repeat_list:last-child {
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 1023px) {
  .thumbnail_list-section.repeat_list:last-child {
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 767px) {
  .thumbnail_list-section.repeat_list:last-child {
    padding-bottom: 80px;
  }
}

.thumbnail_list-section.repeat_list .itmes-panel {
  padding-top: 64px;
}

.thumbnail_list-section.repeat_list .itmes-panel:first-child {
  padding-top: 72px;
}

@media screen and (max-width: 1439px) {
  .thumbnail_list-section.repeat_list .itmes-panel {
    padding-top: 52px;
  }
  .thumbnail_list-section.repeat_list .itmes-panel:first-child {
    padding-top: 56px;
  }
  .thumbnail_list-section.repeat_list .itmes-panel:first-child .p-header {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .thumbnail_list-section.repeat_list .itmes-panel {
    padding-top: 40px;
  }
  .thumbnail_list-section.repeat_list .itmes-panel:first-child {
    padding-top: 40px;
  }
  .thumbnail_list-section.repeat_list .itmes-panel:first-child .p-header {
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  .thumbnail_list-section.repeat_list .itmes-panel {
    padding-top: 32px;
  }
  .thumbnail_list-section.repeat_list .itmes-panel:first-child {
    padding-top: 32px;
  }
  .thumbnail_list-section.repeat_list .itmes-panel:first-child .p-header {
    padding-bottom: 24px;
  }
}

.thumbnail_list-section.repeat_list + .thumbnail_list-section.repeat_list .itmes-panel:first-child {
  padding-top: 64px;
}

@media screen and (max-width: 1439px) {
  .thumbnail_list-section.repeat_list + .thumbnail_list-section.repeat_list .itmes-panel:first-child {
    padding-top: 52px;
  }
}

@media screen and (max-width: 1023px) {
  .thumbnail_list-section.repeat_list + .thumbnail_list-section.repeat_list .itmes-panel:first-child {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .thumbnail_list-section.repeat_list + .thumbnail_list-section.repeat_list .itmes-panel:first-child {
    padding-top: 32px;
  }
}

.card_swiper-section {
  overflow: hidden;
}

.card_swiper-section .section-inner {
  overflow: hidden;
}

.card_swiper-section .p-header .title .spf {
  display: none;
}

.card_swiper-section .swiper-container {
  overflow: visible;
}

.card_swiper-section .swiper-container .card_item.card-brand {
  height: 244px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.card_swiper-section .swiper-container .card_item.card-brand a {
  display: block;
  padding: 40px 40px;
}

.card_swiper-section .swiper-container .card_item.card-brand a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.card_swiper-section .swiper-container .card_item.card-brand a .brand-box {
  position: relative;
}

.card_swiper-section .swiper-container .card_item.card-brand a .brand-box .logo-box img {
  height: 64px;
}

.card_swiper-section .swiper-container .card_item.card-brand a .brand-box .txt-box {
  width: 288px;
  min-height: 84px;
  margin-top: 16px;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card_swiper-section .swiper-container .card_item.card-brand a .brand-box .txt-box span {
  display: block;
}

.card_swiper-section .swiper-container .card_item.card-brand a .brand-box .icon-box {
  position: absolute;
  bottom: 0;
  right: 0;
}

.card_swiper-section .swiper-container .card_item.card-brand a .brand-box .icon-box .spf {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.card_swiper-section .swiper-container .card_item.card-brand a .brand-box .icon-box .spf::before {
  width: 40px;
  height: 40px;
  font-size: 40px;
}

@media screen and (max-width: 1439px) {
  .card_swiper-section .swiper-container .card_item.card-brand {
    height: 176px;
  }
  .card_swiper-section .swiper-container .card_item.card-brand a {
    padding: 24px 24px;
  }
  .card_swiper-section .swiper-container .card_item.card-brand a .brand-box {
    position: relative;
  }
  .card_swiper-section .swiper-container .card_item.card-brand a .brand-box .logo-box img {
    height: 48px;
  }
  .card_swiper-section .swiper-container .card_item.card-brand a .brand-box .txt-box {
    min-height: 72px;
    width: calc(100% - 40px);
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .card_swiper-section .swiper-container .card_item.card-brand a .brand-box .icon-box .spf {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .card_swiper-section .swiper-container .card_item.card-brand a .brand-box .icon-box .spf::before {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .card_swiper-section .swiper-container .card_item.card-brand {
    height: 164px;
  }
  .card_swiper-section .swiper-container .card_item.card-brand a .brand-box .logo-box img {
    height: 48px;
  }
  .card_swiper-section .swiper-container .card_item.card-brand a .brand-box .txt-box {
    min-height: 60px;
  }
}

@media screen and (max-width: 767px) {
  .card_swiper-section .swiper-container .card_item.card-brand {
    height: 156px;
  }
  .card_swiper-section .swiper-container .card_item.card-brand a .brand-box .logo-box img {
    height: 40px;
  }
  .card_swiper-section .swiper-container .card_item.card-brand a .brand-box .txt-box {
    min-height: 60px;
  }
  .card_swiper-section .swiper-container .swiper-slide {
    width: 80%;
  }
}

.page_lnb_wrap {
  padding-bottom: 0;
  background: #1A1A1A;
}

.page_lnb_wrap .sub_lnb {
  position: relative;
  overflow: hidden;
  height: 72px;
}

.page_lnb_wrap .sub_lnb::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  margin-top: -10px;
  background: #1A1A1A;
}

.page_lnb_wrap .sub_lnb.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.page_lnb_wrap .sub_lnb.fixed_up {
  position: fixed;
  top: 71px;
  left: 0;
  right: 0;
  z-index: 3;
}

.page_lnb_wrap .sub_lnb dl dt, .page_lnb_wrap .sub_lnb dl dd {
  color: #fff;
  line-height: 72px;
}

.page_lnb_wrap .sub_lnb dl dt {
  float: left;
  font-size: 26px;
}

.page_lnb_wrap .sub_lnb dl dt .spf {
  display: none;
}

.page_lnb_wrap .sub_lnb dl dd {
  float: right;
  vertical-align: top;
}

.page_lnb_wrap .sub_lnb dl dd ul li {
  float: left;
  margin: 0 0 0 32px;
}

.page_lnb_wrap .sub_lnb dl dd ul li a {
  color: rgba(255, 255, 255, 0.42);
}

.page_lnb_wrap .sub_lnb dl dd ul li.on a, .page_lnb_wrap .sub_lnb dl dd ul li:hover a {
  color: white;
}

@media screen and (max-width: 1439px) {
  .page_lnb_wrap .sub_lnb {
    overflow: visible;
    height: auto;
  }
  .page_lnb_wrap .sub_lnb.fixed_up {
    top: 72px;
  }
  .page_lnb_wrap .sub_lnb dl dt {
    line-height: 56px;
    height: 56px;
    float: none;
    width: 100%;
    position: relative;
    font-size: 16px;
  }
  .page_lnb_wrap .sub_lnb dl dt .spf {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    transition: all 0.35s ease-in-out;
  }
  .page_lnb_wrap .sub_lnb dl dd {
    display: none;
    padding: 12px 0;
    float: none;
    vertical-align: top;
    background: #262626;
    position: absolute;
    top: 56px;
    right: 0;
    left: 0;
    z-index: 2;
  }
  .page_lnb_wrap .sub_lnb dl dd ul {
    margin: 0 48px;
  }
  .page_lnb_wrap .sub_lnb dl dd ul li {
    float: none;
    margin: 0;
  }
  .page_lnb_wrap .sub_lnb dl dd ul li a {
    display: block;
    padding: 12px 0;
  }
  .page_lnb_wrap .sub_lnb dl.active dt .spf {
    transform: rotate(180deg);
  }
  .page_lnb_wrap .sub_lnb dl.active dd {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .page_lnb_wrap .sub_lnb.fixed_up {
    top: 56px;
  }
  .page_lnb_wrap .sub_lnb dl dt {
    line-height: 48px;
    height: 48px;
  }
  .page_lnb_wrap .sub_lnb dl dd {
    top: 48px;
  }
  .page_lnb_wrap .sub_lnb dl dd ul {
    margin: 0 24px;
  }
}

.big_tab_wrap {
  padding: 64px 0;
  position: relative;
  overflow: hidden;
  max-width: 1440px;
  margin: 0 auto;
}

.big_tab_wrap .tab_wrap {
  display: block;
  min-height: .01%;
  white-space: nowrap;
}

.big_tab_wrap .tab_wrap.swiper-container-initialized::before, .big_tab_wrap .tab_wrap.swiper-container-initialized::after {
  min-width: 48px;
  width: 7vw;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
}

.big_tab_wrap .tab_wrap.swiper-container-initialized::after {
  content: '';
  display: inline-block;
  right: 0;
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */
}

.big_tab_wrap .tab_wrap.swiper-container-initialized.start_hide::before {
  content: '';
  z-index: 2;
  display: inline-block;
  left: 0;
  background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.big_tab_wrap .tab_wrap.swiper-container-initialized.end_hide::after {
  display: none;
}

@media screen and (max-width: 1440px) {
  .big_tab_wrap .tab_wrap.swiper-container-initialized::before, .big_tab_wrap .tab_wrap.swiper-container-initialized::after {
    min-width: 48px;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .big_tab_wrap .tab_wrap.swiper-container-initialized::before, .big_tab_wrap .tab_wrap.swiper-container-initialized::after {
    min-width: 24px;
  }
}

.big_tab_wrap .tab_wrap .tab_menu::after {
  content: '';
  display: block;
  clear: both;
}

.big_tab_wrap .tab_wrap .tab_menu li {
  float: left;
  margin-left: 48px;
  position: relative;
}

.big_tab_wrap .tab_wrap .tab_menu li:first-child {
  margin-left: 0;
}

.big_tab_wrap .tab_wrap .tab_menu li h1 {
  line-height: 0;
}

.big_tab_wrap .tab_wrap .tab_menu li a {
  color: rgba(0, 0, 0, 0.42);
  vertical-align: top;
  display: inline-block;
  height: 40px;
  line-height: 34px;
  position: relative;
}

.big_tab_wrap .tab_wrap .tab_menu li a::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: transparent;
  position: absolute;
  bottom: 0;
}

.big_tab_wrap .tab_wrap .tab_menu li a:hover {
  color: rgba(0, 0, 0, 0.62);
}

.big_tab_wrap .tab_wrap .tab_menu li.active a {
  color: #000;
}

.big_tab_wrap .tab_wrap .tab_menu li.active a::after {
  background: #000;
}

.big_tab_wrap .tab_wrap .tab_menu li.active::after {
  background: #000;
}

@media screen and (max-width: 1439px) {
  .big_tab_wrap .tab_wrap .tab_menu li a {
    height: 32px;
    line-height: 28px;
  }
}

@media screen and (max-width: 1023px) {
  .big_tab_wrap .tab_wrap .tab_menu li a {
    height: 28px;
    line-height: 24px;
  }
}

.big_tab_wrap .tab_wrap .tab_menu .swiper-slide {
  width: auto;
}

.big_tab_wrap .tab_wrap .tab_menu .swiper-slide.active a {
  color: #000;
}

.big_tab_wrap .tab_cont {
  width: 100%;
  height: 100%;
}

.big_tab_wrap .tab_cont iframe {
  width: 100%;
  height: 100%;
}

.big_tab_wrap.in_cont .tab_wrap {
  margin-bottom: 64px;
}

.big_tab_wrap.in_cont .tab_wrap.swiper-container-initialized::before, .big_tab_wrap.in_cont .tab_wrap.swiper-container-initialized::after {
  bottom: auto;
  min-height: 90px;
}

@media screen and (max-width: 1439px) {
  .big_tab_wrap.in_cont .tab_wrap {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 1023px) {
  .big_tab_wrap.in_cont .tab_wrap {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  .big_tab_wrap.in_cont .tab_wrap {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 1439px) {
  .big_tab_wrap {
    padding: 48px 0;
  }
  .big_tab_wrap .tab_wrap .tab_menu li {
    margin-left: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .big_tab_wrap {
    padding: 32px 0;
  }
  .big_tab_wrap .tab_wrap .tab_menu li {
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .big_tab_wrap {
    padding: 24px 0;
  }
}

.tap_cont-section .tab_cont {
  width: 100%;
  height: 100%;
}

.tap_cont-section .tab_cont iframe {
  width: 100%;
  height: 100%;
}

.category_tab-wrap {
  padding: 32px 0;
}

.category_tab-wrap .s_tab_wrap .s_tab_menu .swiper-slide {
  width: auto;
}

.category_tab-wrap ul {
  display: block;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}

.category_tab-wrap ul li {
  display: inline-block;
  white-space: normal;
  margin-right: 16px;
  background-color: #f7f7f7;
  text-align: center;
  color: rgba(0, 0, 0, 0.62);
}

.category_tab-wrap ul li.on {
  background-color: #000;
  text-align: center;
  color: #fff;
}

.category_tab-wrap ul li:last-child {
  margin-right: 0;
}

.category_tab-wrap ul li a {
  padding: 12px 40px;
  display: inline-block;
}

@media screen and (max-width: 1439px) {
  .category_tab-wrap a {
    padding: 24px 0;
  }
}

@media screen and (max-width: 1023px) {
  .category_tab-wrap ul > li {
    margin-right: 12px;
  }
  .category_tab-wrap ul li a {
    padding: 12px 24px;
  }
}

@media screen and (max-width: 767px) {
  .category_tab-wrap ul > li {
    margin-right: 8px;
  }
  .category_tab-wrap ul li a {
    padding: 16px;
  }
}


/* Gen Z’s Pick */
.GenZsPick{

}

.GenZsPick section{
  padding: 0;  
}


.GenZsPick .section-inner{
  padding: 144px 48px;
}
@media screen and (max-width: 1439px) {
  .GenZsPick .section-inner{
    padding: 96px 48px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZsPick .section-inner{
    padding: 128px 48px;
  }
}
@media screen and (max-width: 767px) {
  .GenZsPick .section-inner{
    padding: 48px 24px;
  }
}

.GenZsPick.vol02 .p-header{
  padding-bottom: 64px;
}

@media screen and (max-width: 1439px) {
  .GenZsPick.vol02 .p-header{
      padding-bottom: 48px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZsPick.vol02 .p-header{
      padding-bottom: 40px;
  }
}

.GenZsPick .top_title-section{
  z-index: 1;
}

.GenZsPick .top_title-section .con-header .title i{
  width: 80px;
  display: inline-block;
}
.GenZsPick .top_title-section .con-header .title i:before{
  content: "";
  width: 80%;
  height: 100%;
  position: absolute;
  background:url(../images/GenZsPick/genz_title_heart.png) no-repeat left top; 
  background-size: 80px;
  top: 0;
}



@media screen and (max-width: 1439px) {
  .GenZsPick .top_title-section .con-header .title i{
      width: 56px;
  }
  .GenZsPick .top_title-section .con-header .title i:before{
      width: 56px;
      background-size: 56px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZsPick .top_title-section .con-header .title i{
      width: 44px;
  }
  .GenZsPick .top_title-section .con-header .title i:before{
      width: 44px;
      background-size: 44px;
  }
}
@media screen and (max-width: 767px) {
  .GenZsPick .top_title-section .con-header .title i{
      width: 36px;
  }
  .GenZsPick .top_title-section .con-header .title i:before{
      width: 36px;
      background-size: 36px;
  }

  .GenZsPick .top_title-section .con-header .title .td3{
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .GenZsPick .lookbook_link{
    display: none;
  }
  .GenZsPick .lookbook_link.only-sm{
    display: block;
  }
}
.GenZsPick .round_tit{
  display: inline-block;
  padding: 5px 22px 3px;
  border: 2px solid #fff;
  border-radius: 24px;
  margin-bottom: 32px;
}
.GenZsPick .p-header .title{
  text-align: center;
}


.GenZsPick .p-header{
  padding-bottom: 80px;
}

.GenZsPick .p-body{
  position: relative;
}

@media screen and (max-width: 1439px) {
  .GenZsPick .p-header{
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .GenZsPick .p-header{
    padding-bottom: 25px;
  }
}


@media screen and (max-width: 1439px) {
  .GenZsPick .round_tit{
    margin-bottom: 24px;
    padding: 2px 18px 2px;
  }
}

@media screen and (max-width: 767px) {
  .GenZsPick .round_tit{
    margin-bottom: 16px;
    padding: 1px 16px 3px;
  }
}

.GenZsPick .GenZ_basic_swiper{  
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 80px;
}

.GenZsPick .swiper-button-next, .GenZsPick .swiper-container-rtl .swiper-button-prev,
.GenZsPick .swiper-button-prev, .GenZsPick .swiper-container-rtl .swiper-button-next{
  width: 48px;
  height: 48px;
  background: none;
  /* top: 192px; */
}

.GenZsPick .swiper-button-next .spf, .GenZsPick .swiper-container-rtl .swiper-button-prev .spf,
.GenZsPick .swiper-button-prev .spf, .GenZsPick .swiper-container-rtl .swiper-button-next .spf{
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.GenZsPick .swiper-button-next .spf:before, .GenZsPick .swiper-container-rtl .swiper-button-prev .spf:before,
.GenZsPick .swiper-button-prev .spf:before, .GenZsPick .swiper-container-rtl .swiper-button-next .spf:before{
  width: 48px;
  height: 48px;
  font-size: 48px;
}

.GenZsPick .swiper-container-horizontal>.swiper-pagination-bullets, 
.GenZsPick .swiper-pagination-custom, 
.GenZsPick.swiper-pagination-fraction{
  bottom: 0;
}


.GenZsPick .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  opacity: .42;
}


.GenZsPick .swiper-pagination-bullet-active{
  background: #000;
  opacity: 1;
}

@media screen and (max-width: 1439px) {

  .GenZsPick .btn-box img,
  .GenZsPick .swiper-container .swiper-slide .play-btn > img {
    width: 56px;
    height: 56px;
  }


  .GenZsPick .swiper-button-next, .GenZsPick .swiper-container-rtl .swiper-button-prev,
  .GenZsPick .swiper-button-prev, .GenZsPick .swiper-container-rtl .swiper-button-next{
    width: 40px;
    height: 40px;
  }

  .GenZsPick .swiper-button-next .spf, .GenZsPick .swiper-container-rtl .swiper-button-prev .spf,
  .GenZsPick .swiper-button-prev .spf, .GenZsPick .swiper-container-rtl .swiper-button-next .spf{
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .GenZsPick .swiper-button-next .spf:before, .GenZsPick .swiper-container-rtl .swiper-button-prev .spf:before,
  .GenZsPick .swiper-button-prev .spf:before, .GenZsPick .swiper-container-rtl .swiper-button-next .spf:before{
    width: 40px;
    height: 40px;
    font-size: 40px;
  }

  .GenZsPick .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
  }

}
@media screen and (max-width: 1023px) {
  
  .GenZsPick .btn-box img {
    width: 48px;
    height: 48px;
  }
  
  .GenZsPick .swiper-button-next, .GenZsPick .swiper-container-rtl .swiper-button-prev,
  .GenZsPick .swiper-button-prev, .GenZsPick .swiper-container-rtl .swiper-button-next{
    width: 32px;
    height: 32px;
  }

  .GenZsPick .swiper-button-next .spf, .GenZsPick .swiper-container-rtl .swiper-button-prev .spf,
  .GenZsPick .swiper-button-prev .spf, .GenZsPick .swiper-container-rtl .swiper-button-next .spf{
    width: 32px;
    height: 32px;
    line-height: 32px;
  }

  .GenZsPick .swiper-button-next .spf:before, .GenZsPick .swiper-container-rtl .swiper-button-prev .spf:before,
  .GenZsPick .swiper-button-prev .spf:before, .GenZsPick .swiper-container-rtl .swiper-button-next .spf:before{
    width: 32px;
    height: 32px;
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .GenZsPick .GenZ_basic_swiper{
    padding-bottom: 40px;
  }
  
  .GenZsPick .btn-box img {
    width: 40px;
    height: 40px;
  }

  .GenZsPick .swiper-button-next .spf, .GenZsPick .swiper-container-rtl .swiper-button-prev .spf,
  .GenZsPick .swiper-button-prev .spf, .GenZsPick .swiper-container-rtl .swiper-button-next .spf{
    display: none;
  }
}



.GenZsPick .videoPlaying .bg-area,
.GenZsPick .videoPlaying .btn-box,
.GenZsPick .youtubePlaying .bg-area,
.GenZsPick .youtubePlaying .btn-box {
  display: none;
}

.GenZsPick .media_area .media-box .media_view {
  position: relative;
}

.GenZsPick .media_area .media-box .media_view .img-ratio {
  padding-bottom: calc(56.25% - 1px);

}

.GenZsPick .media_area .media-box .media_view .video-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.GenZsPick .media_area .media-box .media_view .video-area .video_view {
  width: 100%;
}

.GenZsPick .media_area .media-box .media_view .bg-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.GenZsPick .media_area .media-box .media_view .bg-area img{
  width: 100%;
}

.GenZsPick .media_area .media-box .media_view .btn-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}


/* slide */
.GenZsPick .slider-section {
  position: relative;
  margin: 0 auto;
  overflow: hidden;

}


.GenZsPick .kv_swiper-area.video_coverflow .swiper-container{
  overflow: visible;
}

.GenZsPick .kv_swiper-area.video_coverflow .swiper-container .swiper-slide{
  background: transparent;
  opacity: 0;
  overflow: hidden;
}

.GenZsPick .kv_swiper-area.video_coverflow .swiper-container .swiper-slide-prev,
.GenZsPick .kv_swiper-area.video_coverflow .swiper-container .swiper-slide-active,
.GenZsPick .kv_swiper-area.video_coverflow .swiper-container .swiper-slide-next{
  opacity: 1;
}

.GenZsPick .kv_swiper-area.video_coverflow.type-videos .video-box{
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
  /* height: 360px; */
}

.GenZsPick .kv_swiper-area.video_coverflow.type-videos .video-box .img-box{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.GenZsPick .kv_swiper-area.video_coverflow.type-videos .player-container .videos-wrap {
  background: transparent;
  /* padding-bottom: 56.25%; */
}


.GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-prev .play-btn, 
.GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-next .play-btn{
  display: none;
}


.GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-prev,
.GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-next{
  opacity: 0.3;
  height: 360px;
  overflow: hidden;
} 

.GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-prev{
  transform: translate3d(214px, -45px, -400px) rotateX(0deg) rotateY(0deg)  !important;
}
.GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-next{
  transform: translate3d(-214px, -45px, -400px) rotateX(0deg) rotateY(0deg)  !important;
}

.GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-prev,
.GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-next{
  top: calc(360px / 2 - 24px);
  margin-top: 0;
}

.GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-prev{
  left: 124px;
}

.GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-next{
  right: 124px;
}


@media screen and (max-width: 1439px) {
  
  .GenZsPick .kv_swiper-area.video_coverflow .swiper-container .swiper-slide{
    /* width: 560px;
    height: 495px; */
  }
  
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .video-box{
    /* position: relative;
    height: 315px; */
  }

  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-prev,
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-next{
    height: 315px;
  } 

  
  .GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-prev,
  .GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-next{
    top: calc(315px / 2 - 20px);
    margin-top: 0;
  }

  .GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-prev{
    left: 124px;
  }
  
  .GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-next{
    right: 124px;
  }
  
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-prev{
    transform: translate3d(190px, -45px, -480px) rotateX(0deg) rotateY(0deg)  !important;
  }
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-next{
    transform: translate3d(-190px, -45px, -480px) rotateX(0deg) rotateY(0deg)  !important;
  }
  

}
@media screen and (max-width: 1023px) {
  


  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-prev,
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-next{
    height: 270px;
  } 

  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-prev{
    transform: translate3d(216px, -45px, -600px) rotateX(0deg) rotateY(0deg)  !important;
  }
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-next{
    transform: translate3d(-216px, -45px, -600px) rotateX(0deg) rotateY(0deg)  !important;
  }
  
  .GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-prev,
  .GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-next{
    top: calc(270px / 2 - 16px);
  }
  
  .GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-prev{
    left: 32px;
  }
  
  .GenZsPick .kv_swiper-area.video_coverflow .swiper-container .button-next{
    right: 32px;
  }
}
@media screen and (max-width: 767px) {
  

  /* .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-prev,
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-next{
    height: 175px;
    opacity: 0;
  }  */

  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-prev{
    
    transform: translate3d(0px, 0px, 0) rotateX(0deg) rotateY(0deg)  !important;
  }
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-next{
    transform: translate3d(0px, 0px, 0) rotateX(0deg) rotateY(0deg)  !important;
  }

}


.GenZsPick .kv_swiper-area.video_coverflow.type-videos .typo-box{
  width: 100%;
  height: 182px;
  margin-top: 32px;
  overflow: hidden;
}

.GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-active .typo-box{
  opacity: 1;
}

.GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide .typo-box{
  opacity: 0;
}

.GenZsPick .kv_swiper-area.video_coverflow.type-videos .swiper-slide .desc-box{
  padding-top: 8px;
}

.GenZsPick .kv_swiper-area.video_coverflow.type-videos .typo-box .title-box{
  padding-right: 0;
}
.GenZsPick .kv_swiper-area.video_coverflow.type-videos .typo-box .title-box .title,
.GenZsPick .kv_swiper-area.video_coverflow.type-videos .typo-box .desc-box .desc{
  text-align: left;
}
.GenZsPick .kv_swiper-area.video_coverflow.type-videos .typo-box .desc-box .desc{
  color: #fff;
}

@media screen and (max-width: 1439px) {
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .typo-box{
    height: 156px;
    margin-top: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .typo-box{
    height: 152px;
  }
}
@media screen and (max-width: 767px) {
  .GenZsPick .kv_swiper-area.video_coverflow.type-videos .typo-box{
    height: 216px;
  }
}

/* slide video_basic */

.GenZsPick .kv_swiper-area.video_basic .swiper-container .swiper-slide{
  width: 100%;
  height: auto;
  background: transparent;
  opacity: 1;
  overflow: hidden;
}


/* 스크롤 애니메이션 */

.GenZsPick .sa {
  opacity: 0;
  transition: all .5s ease;
}

.GenZsPick .sa-up {
  transform: translate(0, 80px);
}

@media screen and (max-width: 1439px) {
  .GenZsPick .sa-up {
    transform: translate(0, 64px);
  }
}

@media screen and (max-width: 767px) {
  .GenZsPick .sa-up {
    transform: translate(0, 48px);
  }
}

.GenZsPick .sa.show {
  opacity: 1;
  transform: none;
}

/* top_scroll */

.GenZsPick .top_scroll{
  display: none !important;
}

.GenZsPick .scroll_top{
  /* display: block !important; */
  opacity: 0;
  background-color: #fff;
  border: 1px solid #000;
}

.GenZsPick .scroll_top.show{
  opacity: 1;
}

.GenZsPick .scroll_top .spf{
  color: #000;
}

@media screen and (max-width: 767px) {
  .GenZsPick .scroll_top,
  .GenZsPick .scroll_top.show{
    display: none !important;
  }
}


.GenZsPick .mark_dot{
  position: relative;
  color: #000;
  padding-left: 22px;
}

.GenZsPick .mark_dot span::before{
  content: '';
  width: 4px;
  height: 4px;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: #000;
}

/* GenZsPick vol02 */

.GenZsPick.vol02 .section-inner{
  padding: 160px;
}


@media screen and (max-width: 1439px) {
  .GenZsPick.vol02 .section-inner{
    padding: 120px 48px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZsPick.vol02 .section-inner{
    padding: 96px 48px;
  }
}
@media screen and (max-width: 767px) {
  .GenZsPick.vol02 .section-inner{
    padding: 80px 24px;
  }

}







.GenZ_kv-section{
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(50, 22, 106, 0.489583) 29.28%, #7B28F5 100%);
  background-repeat: no-repeat;
}

.GenZ_kv-section:before{
  content: "";  
  position: absolute;
  background: #121212;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.GenZ_kv-section:after{
  content: "";  
  position: absolute;
  /* background: url(../images/GenZsPick/kv_bg2.png) no-repeat center bottom; */
  /* background-position: center bottom 132px; */
  bottom: 132px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 0;
  padding-bottom: 86.4935%;
}
@media screen and (max-width: 1439px) {
  .GenZ_kv-section:after{
    bottom: 104px;
    background-size: 769px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_kv-section:after{
    bottom: 92px;
    background-size: 672px;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_kv-section:after{
    background: none;
  }
}

.GenZ_kv-section .slider-section{
  width: 1120px;
  height: 574px;
  width: 100%;
  height: auto;
  padding: 0 112px;
}



.GenZ_kv-section .section-inner{
  padding: 0 !important;
}

.GenZ_kv-section .visual-wrap{
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 64px 0;
  overflow: hidden;
}

.GenZ_kv-section .visual-wrap .visual-cont-wrap{
  position: relative;
  width: 55.56%;
  height: 0;
  padding-bottom: 33.35%;
  margin: 0 auto;
}


.GenZ_kv-section .visual-wrap .kv_logo-area{
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  z-index: 1;
}

.GenZ_kv-section .visual-wrap .kv_logo-area .inner{
  animation: GenZ_kv_fadeInUp 1s;
}


.GenZ_kv-section .visual-wrap .kv_deco-area{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner {
  height: 100%;
  position: relative;
  
  
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div{
  width: 12.141%;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  animation: GenZ_kv_fadeInUp 1s;
  animation-fill-mode: forwards; 
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco01{
  top: 6.4%;
  left: 12%;
  animation-delay: 1s;
  
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco02{
  top: 4.2%;
  right: 18.8%;
  animation-delay: 1.4s;
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco03{
  bottom: 20%;
  left: 2%;
  animation-delay: 1.6s;
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco04{
  width: 16%;
  bottom: 4.2%;
  left: 41%;
  animation-delay: 1.8s;
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco05{
  bottom: 19.3%;
  right: 14.1%;
  animation-delay: 2s;
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco01 img{
  animation: GenZ_kv_deco01 3s;
  animation-delay: 4s;
  animation-iteration-count: infinite;
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco02 img{
  animation: GenZ_kv_deco02 3s;
  animation-delay: 5s;
  animation-iteration-count: infinite;
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco03 img{
  animation: GenZ_kv_deco03 3s;
  animation-delay: 6s;
  animation-iteration-count: infinite;
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco04 img{
  animation: GenZ_kv_deco04 3s;
  animation-delay: 7s;
  animation-iteration-count: infinite;
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco05 img{
  animation: GenZ_kv_deco05 3s;
  animation-delay: 8s;
  animation-iteration-count: infinite;
}

.GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco06 img{
  animation: GenZ_kv_deco01 3s;
  animation-delay: 9s;
  animation-iteration-count: infinite;
}

@keyframes GenZ_kv_fadeInUp {
  0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
  }
  to {
      opacity: 1;
      transform: translateZ(0);
  }
}

@keyframes GenZ_kv_deco01 {
  0% {
    transform:scale(1)
  }
	10% {
    transform:scale(0.7);
    animation-timing-function: ease-out;
  }
  20% {
    transform:scale(1);
  }
  100%{
    transform:scale(1)
  }
}


@keyframes GenZ_kv_deco02 {
  0% {
    transform: rotateY(0deg);
  }
	10% {
    transform: rotateY(360deg);
    animation-timing-function: ease-out;
  }
  20% {
    transform: rotateY(0deg);
  }
  30%{
    transform: rotateY(360deg);
    animation-timing-function: ease-out;
  }
  30%{
    transform: rotateY(0deg);
  }
  100%{
    transform: rotateY(0deg);
    animation-timing-function: ease-out;
  }
}

@keyframes GenZ_kv_deco03 {
  0% {
    transform:scale(1, 1) ;
  }
	10% {
    transform:scale(0.7, 1);
    animation-timing-function: ease-out;
  }
  20% {
    transform:scale(0.6, 1);
    animation-timing-function: ease-out;
  }
  26% {
    transform:scale(1.2, 1) ;
    animation-timing-function: ease-in;
  }
  29% {
    transform:scale(0.8, 1) ;
    animation-timing-function: ease-in;
  }
  32% {
    transform:scale(1.2, 1) ;
    animation-timing-function: ease-in;
  }
  35% {
    transform:scale(1, 1) ;
    animation-timing-function: ease-in;
  }
  
  100%{
    transform:scale(1, 1) ;
  }
}

@keyframes GenZ_kv_deco04 {
  0% {
    transform: rotate(0);
  }
	10% {
    transform: rotate(-90deg);
    animation-timing-function: ease-in;
  }
  20% {
    transform: rotate(0);
  }
  100%{
    transform: rotate(0);
  }
}

@keyframes GenZ_kv_deco05 {
  0% {
    transform:scale(1) ;
  }
	10% {
    transform:scale(0.7);
    animation-timing-function: ease-out;
  }
  20% {
    transform:scale(0.6);
    animation-timing-function: ease-out;
  }
  26% {
    transform:scale(1.2) ;
    animation-timing-function: ease-in;
  }
  29% {
    transform:scale(0.8) ;
    animation-timing-function: ease-in;
  }
  32% {
    transform:scale(1.2) ;
    animation-timing-function: ease-in;
  }
  35% {
    transform:scale(1) ;
    animation-timing-function: ease-in;
  }
  
  100%{
    transform:scale(1) ;
  }
}


.GenZ_kv-section .kv_swiper-area.video_coverflow .swiper-container .swiper-slide{
  width: 52.64%;
  width: 640px;
}






@media screen and (max-width: 1439px) {
  
  .GenZ_kv-section .visual-wrap{
    padding: 48px 0;
  }

  .GenZ_kv-section .slider-section{
    width: 928px;
    height: 574px;
    padding: 0;
  }

  .GenZ_kv-section .visual-wrap .visual-cont-wrap{
    width: 62.633%;
    padding-bottom: 37.5%;
  }

  .GenZ_kv-section .visual-wrap .kv_logo-area{
    width: 95.314%;
    left: auto;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
  .GenZ_kv-section .visual-wrap .kv_deco-area .inner div{
    width: 12%;
  }

  .GenZ_kv-section .visual-wrap .kv_logo-area img{
    width: 100%;
  }

  .GenZ_kv-section .visual-wrap .kv_deco-area .inner div img{
    width: 100%;
  }
  .GenZ_kv-section .visual-wrap .kv_deco-area .inner div.deco02{
    top: 4.2%;
    right: 14%;
  }

  .GenZ_kv-section .kv_swiper-area.video_coverflow .swiper-container .swiper-slide{
    /* width: 60.35%; */
    width: 560px;
  }
  
}
@media screen and (max-width: 1023px) {
  .GenZ_kv-section .slider-section{
    width: 672px;
    height: 446px; 
  }
  .GenZ_kv-section .kv_swiper-area.video_coverflow .swiper-container .swiper-slide{
    width: 480px;
  }
}

@media screen and (max-width: 767px) {
  .GenZ_kv-section .section-inner{
    padding: 0 24px !important;
  }

  .GenZ_kv-section .visual-wrap{
    padding: 96px 6px;
  }

  .GenZ_kv-section .visual-wrap .visual-cont-wrap{
    width: 100%;
    padding-bottom: 61.155%;
  }

  .GenZ_kv-section .slider-section{
    width: calc(100% + 24px);
    height: auto;
  }
  
  .GenZ_kv-section .slider-section .kv_swiper-area.type-videos{
    height: auto;
    padding-bottom: 0;
  }


  .slider-section .kv_swiper-area.type-videos .swiper-container{
    position: relative;
  }

  .GenZ_kv-section .kv_swiper-area.video_coverflow .swiper-container .swiper-slide{
    width: calc(100% - 24px);
    height: auto;
  }

  .GenZ_kv-section .kv_swiper-area.video_coverflow.type-videos .swiper-slide.swiper-slide-next{
    opacity: 1;
  }
  
}






.GenZ_kv-section .quiz-wrap{
  padding: 80px 0 212px;
  color: #fff;
}

.GenZ_kv-section .quiz-wrap .title .tb1{
  color: #fff;
}

.GenZ_kv-section .quiz-wrap .title .td3 span{
  position: relative;
  top: -2px;
  padding: 0 8px;
}

@media screen and (max-width: 1439px) {
  .GenZ_kv-section .quiz-wrap{
    padding: 64px 0 168px;
    color: #fff;
  }

  .GenZ_kv-section .quiz-wrap .title .td3 span{
    top: 2px;
  }
  .GenZ_kv-section .quiz-wrap .title .td3 img{
    height: 36px
  }
}

@media screen and (max-width: 1023px) {
  .GenZ_kv-section .quiz-wrap{
    padding: 48px 0 140px;
    color: #fff;
  }

  .GenZ_kv-section .quiz-wrap .title .td3 span{
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .GenZ_kv-section .quiz-wrap{
    padding: 24px 0 116px;
    color: #fff;
  }

  .GenZ_kv-section .quiz-wrap .title .td3 span{
    top: 0;
    padding: 0 4px;
  }
  .GenZ_kv-section .quiz-wrap .title .td3 img{
    height: 32px
  }
}


.GenZ_kv-section .scroll-wrap{
  position: absolute;
  bottom: 48px;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
}

.GenZ_kv-section .scroll-wrap .scroll-icon{
  margin: 8px auto 0;
}

.GenZ_kv-section .scroll-wrap .scroll-icon object{
  width: 48px;
  height: 48px;
}

@media screen and (max-width: 1439px) {
  .GenZ_kv-section .scroll-wrap{
    bottom: 32px;
  }
  .GenZ_kv-section .scroll-wrap .scroll-icon object{
    width: 40px;
    height: 40px;
  }
  
}
@media screen and (max-width: 1023px) {
  .GenZ_kv-section .scroll-wrap .scroll-icon object{
    width: 32px;
    height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .GenZ_kv-section .scroll-wrap{
    bottom: 24px;
  }
}


.GenZ_kv-section .GnnZ_sns_share-wrap{

}

.GenZ_kv-section .con-inner{
  position: relative;
}

.GenZ_kv-section .share_btn-area{
  position: absolute;
  top: 0;
  right: 48px;
  z-index: 10;
}

.GenZ_kv-section .share_btn-area .share-btn{
  width: 48px;
  height: 48px;
  border: 2px solid #fff;
  border-radius: 100%;
  background:url(../images/GenZsPick/share_btn.png) no-repeat center; 
  cursor: pointer;
}


.GenZ_kv-section .share_btn-area .share-btn:hover{
  border-color: #7B28F5;
}

.GenZ_kv-section .share_btn-area.active .share-btn{
  opacity: 0;
}

.GenZ_kv-section .share_btn-area .share-items-wrap{
  width: 48px;
  position: absolute;
  top: 0;
  border: 2px solid #7B28F5;
  border-radius: 24px;
  padding: 12px 0 20px;
  display: none;
}

.GenZ_kv-section .share_btn-area.active .share-items-wrap{
  display: block;
  background-color: rgba( 0, 0, 0, 0.62 );
}

.GenZ_kv-section .share_btn-area .share-items-wrap .share-item{
  display: block;
  margin-bottom: 16px;
}

.GenZ_kv-section .share_btn-area .share-items-wrap .share-item:last-child{
  margin-bottom: 0;
}

.GenZ_kv-section .share_btn-area .share-items-wrap .share-item span{
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 1439px) {
  .GenZ_kv-section .share_btn-area .share-btn{
    width: 40px;
    height: 40px;
    background-size: 20px;
  }


  .GenZ_kv-section .share_btn-area .share-items-wrap{
    width: 40px;
    padding: 10px 0 16px;
  }

  .GenZ_kv-section .share_btn-area .share-items-wrap .share-item{
    margin-bottom: 12px;
  }

  .GenZ_kv-section .share_btn-area .share-items-wrap .share-item span{
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 767px) {
  .GenZ_kv-section .share_btn-area{
    right: 0;
  }

}

.GenZ_kv-section .share_btn-area .share-items-wrap .share-item span.sns_close{
  background:url(../images/GenZsPick/share_close_btn.png) no-repeat center; 
  background-size: contain;
}

.GenZ_kv-section .share_btn-area .share-items-wrap .share-item span.sns_facebook{
  background:url(../images/GenZsPick/share_facebook_btn.png) no-repeat center; 
  background-size: contain;
}

.GenZ_kv-section .share_btn-area .share-items-wrap .share-item span.sns_twitter{
  background:url(../images/GenZsPick/share_X_btn.png) no-repeat center; 
  background-size: contain;
}

.GenZ_kv-section .share_btn-area .share-items-wrap .share-item span.sns_linkedin{
  background:url(../images/GenZsPick/share_linkedin_btn.png) no-repeat center; 
  background-size: contain;
}

.GenZ_kv-section .share_btn-area .share-items-wrap .share-item span.sns_naver{
  background:url(../images/GenZsPick/share_naver_btn.png) no-repeat center; 
  background-size: contain;
}

.GenZ_kv-section .share_btn-area .share-items-wrap .share-item span.sns_kakao{
  background:url(../images/GenZsPick/share_kakao_btn.png) no-repeat center; 
  background-size: contain;
}

.GenZ_kv-section .share_btn-area .share-items-wrap .share-item span.sns_link{
  background:url(../images/GenZsPick/share_link_btn.png) no-repeat center; 
  background-size: contain;
}

.GenZ_kv-section .kv_desc{
  color: #fff;
  text-align: center;
  padding-bottom: 144px;
}

@media screen and (max-width: 1439px) {
  .GenZ_kv-section .kv_desc{
      padding: 0 48px 144px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_kv-section .kv_desc{
      padding-bottom:96px;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_kv-section .kv_desc{
      padding-bottom: 80px;
  }


  .GenZ_kv-section .kv_desc{
      padding: 0 0 80px 0;
  }

  html.lang-en .GenZ_kv-section .kv_desc .td4{
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.015em;
  }

  .GenZ_kv-section .kv_desc br{
      display: none;
  }
}














.GenZ_hotpick_intro-section{
  position: relative;
}

.GenZ_hotpick_intro-section .p-header{
  padding-bottom: 0;
}

.GenZ_hotpick_intro-section .hotpick_intro_cont{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 318px;
  gap: 48px;
  grid-template-areas:'a b b' 
                      'a c c'; 
  padding: 0 66px 0 204px;
  margin: 0 auto;
}
.GenZ_hotpick_intro-section .hotpick_intro_cont .cont{
  position: relative;
}
.GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(1){
  
  padding-top: 64px;
  grid-area: a;
}

.GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(2){
  right: 48px;
  grid-area: b;
}

.GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(3){
  grid-area: c;
}

@media screen and (max-width: 1439px) {
  .GenZ_hotpick_intro-section .hotpick_intro_cont{
    max-width: 928px;
    grid-auto-rows: 214px;
    gap: 48px;
    padding: 0 31px 0 135px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_hotpick_intro-section .hotpick_intro_cont{
    position: relative;
    left: 24px;
    width: 672px;
    max-width: 672px;
    grid-auto-rows: 214px;
    gap: 24px;
    padding: 0;
    
  }
  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(1){
    right: 24px;
  }
  
}
@media screen and (max-width: 767px) {
  .GenZ_hotpick_intro-section .hotpick_intro_cont{
    left: 0;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0; 
  }
  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont{
    padding: 32px 0 0; 
  }
  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(1){
    right: 0;
    padding-top: 0;
    order: 2;
  }
  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(2){
    right: 0;
    padding-top: 32px;
    order: 1;
  }
  
  .GenZ_hotpick_intro-section .hotpick_intro_cont .text-boxhtml.lang-ko .tt1{
      font-size: 13px;
      font-weight: bold;
      line-height: 20px;
      letter-spacing: 0.010em;
  }
  .GenZ_hotpick_intro-section .hotpick_intro_cont .text-box br{
      display: block;
  }
}

.GenZ_hotpick_intro-section .p-header .title .td3 span{
  padding: 0 12px;
}

.GenZ_hotpick_intro-section .p-header .desc{
  padding: 16px 0 64px;
  text-align: center;
}

@media screen and (max-width: 1439px) {
  .GenZ_hotpick_intro-section .p-header .title .td3 span{
    padding: 0 4px;
  }
  .GenZ_hotpick_intro-section .p-header .title .td3 span img{
    width: 40px;
  }
  .GenZ_hotpick_intro-section .p-header .desc{
    padding: 16px 0 48px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_hotpick_intro-section .p-header .title .td3 span img{
    width: 36px;
  }
  .GenZ_hotpick_intro-section .p-header .desc{
    padding: 16px 0 64px;
  }
  .GenZ_hotpick_intro-section .p-header .desc br{
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_hotpick_intro-section .p-headera .title .td3 span img{
    width: 32px;
  }
  .GenZ_hotpick_intro-section .p-header .desc{
    padding: 16px 0 32px;
  }

  
}

.GenZ_hotpick_intro-section .hotpick_intro_cont .img-box{
  width: 318px;
  height: 318px;
  border: 2px solid #000;
  padding: 6px;
  box-shadow: 0px 12px 24px 0px #00000026;
}
.GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(1) .text-box span{
  color: #FF898C;
}

.GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(2) .text-box span{
  color: #00BCC9;
}
.GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(3) .text-box span{
  color: #FF8247;
}

.GenZ_hotpick_intro-section .hotpick_intro_cont .cont._w img,
.GenZ_hotpick_intro-section .hotpick_intro_cont .cont._h img{
  width: 100%;
}

.GenZ_hotpick_intro-section .hotpick_intro_cont .cont._w{
  width: 660px;
  display: flex;
}


.GenZ_hotpick_intro-section .hotpick_intro_cont .cont._h{
  width: 318px;
}

.GenZ_hotpick_intro-section .hotpick_intro_cont .cont._w .text-box{
  flex: 1;
  padding: 16px 0 0 24px;
}

.GenZ_hotpick_intro-section .hotpick_intro_cont .cont._h .text-box{
  padding-top: 24px;
}

@media screen and (max-width: 1439px) {
  .GenZ_hotpick_intro-section .hotpick_intro_cont .img-box{
    width: 214px;
    height: 214px;
    box-shadow: 0px 12px 24px 0px #00000026;
  }
  
  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont._w{
    width: 452px;
  }
  
  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont._h{
    width: 214px;
  }
  
}
@media screen and (max-width: 1023px) {
  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont._w{
    width: 410px;
  }
}
@media screen and (max-width: 767px) {
  
  .GenZ_hotpick_intro-section .hotpick_intro_cont .img-box{
    width: 148px;
    height: 148px;
    border: 2px solid #000;
    padding: 4px;
    box-shadow: 0px 12px 24px 0px #00000026;
  }

  .GenZ_hotpick_intro-section .hotpick_intro_cont .text-box{
    flex: 1;
  }

  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont._w,
  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont._h{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }


  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont._w .text-box,
  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont._h .text-box{
    flex: 1;
    padding: 12px 0 0 15px;
  }

  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(2) .img-box{
    order: 2;
  }

  .GenZ_hotpick_intro-section .hotpick_intro_cont .cont:nth-child(2) .text-box{
    /* padding-top: 0; */
    padding: 12px 15px 0 0;
    order: 1;
  }

}


.GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i{
  display: block;
  margin-top: 24px;
  color: #000;

}

.GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i.spf{
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i.spf::before{
  width: 40px;
  height: 30px;
  font-size: 40px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i.spf:hover{
  animation: GenZarrow .5s;
  animation-fill-mode: forwards; 
}

@keyframes GenZarrow {
  0% {
    transform: translateX(0);
    /* animation-timing-function: ease-in; */
  }
  to {
    transform: translateX(80%);
    animation-timing-function: ease-out;
  }
}

@media screen and (max-width: 1439px) {
  .GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i{
    margin-top: 16px;
  
  }
  
  .GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i.spf{
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  
  .GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i.spf::before{
    width: 32px;
    height: 24px;
    font-size: 32px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i{
    margin-top: 12px;
  }
  
  .GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i.spf{
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  
  .GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i.spf::before{
    width: 24px;
    height: 18px;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_hotpick_intro-section .hotpick_intro_cont .text-box i{
    margin-top: 8px;
  }
  /* .GenZ_hotpick_intro-section .hotpick_intro_cont .text-box br{
    display: none;
  } */
}








.GenZ_hotpick-section{
  overflow: hidden;
}

.GenZ_hotpick-section .hotpick_line { 
  position:relative; 
  width:100vw; 
  height:120px;
}

.GenZ_hotpick-section .hotpick_line .line_inner { 
  width:100%; 
  height:100%; 
}

.GenZ_hotpick-section .hotpick_line .text-line,
.GenZ_hotpick-section .hotpick_line .color-line{
  height:56px; 
  margin-top: -28px;
}

.GenZ_hotpick-section .hotpick_line .text-line { 
  width:100%; 
  position:absolute; 
  top:50%; 
  left:0%; 
  transform:rotate(1deg);
  background:url(../images/GenZsPick/hotpick_line_01.png) no-repeat left top; 
  background-size: 100%;
}

.GenZ_hotpick-section .hotpick_line.sa.show .text-line {
  animation: hotpickText_Left 1s;
}

.GenZ_hotpick-section .hotpick_line .color-line { 
  width:100%; 
  position:absolute; 
  top:50%; 
  right:0%; 
  transform:rotate(-1deg); 
  background: #FF898C;
}

.GenZ_hotpick-section .hotpick_line.sa.show .color-line{
  animation: hotpickcolor_right 1s;
}


.GenZ_hotpick-section.clip .hotpick_line .text-line { 
  background:url(../images/GenZsPick/hotpick_line_02.png) no-repeat left top; 
  background-size: 100%;
}

.GenZ_hotpick-section.clip .hotpick_line .color-line { 
  background: #00BCC9;
}

.GenZ_hotpick-section.scene .hotpick_line .text-line { 
  background:url(../images/GenZsPick/hotpick_line_03.png) no-repeat left top; 
  background-size: 100%;
}

.GenZ_hotpick-section.scene .hotpick_line .color-line { 
  background: #FF8247;
}


@media screen and (max-width: 1439px) {
  .GenZ_hotpick-section .hotpick_line { 
    height:80px;
  }

  .GenZ_hotpick-section .hotpick_line .text-line,
  .GenZ_hotpick-section .hotpick_line .color-line{
    height:40px; 
    margin-top: -20px;
  }
  
  .GenZ_hotpick-section .hotpick_line .text-line,
  .GenZ_hotpick-section.clip .hotpick_line .text-line,
  .GenZ_hotpick-section.scene .hotpick_line .text-line{  
    background-size: auto 40px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_hotpick-section .hotpick_line { 
    height:64px;
  }

  .GenZ_hotpick-section .hotpick_line .text-line,
  .GenZ_hotpick-section .hotpick_line .color-line{
    height:38.5px; 
    margin-top: -19.25px;
  }

  .GenZ_hotpick-section .hotpick_line .text-line,
  .GenZ_hotpick-section.clip .hotpick_line .text-line,
  .GenZ_hotpick-section.scene .hotpick_line .text-line {  
    background-size: auto 38.5px;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_hotpick-section .hotpick_line { 
    height:48px;
  }
  
  .GenZ_hotpick-section .hotpick_line .text-line,
  .GenZ_hotpick-section .hotpick_line .color-line{
    height:32px; 
    margin-top: -12px;
  }

  .GenZ_hotpick-section .hotpick_line .text-line,
  .GenZ_hotpick-section.clip .hotpick_line .text-line,
  .GenZ_hotpick-section.scene .hotpick_line .text-line {  
    background-size: auto 32px;
  }
}

@keyframes hotpickText_Left {
  0% {
    transform: translate(-100%, 0%) rotate(1deg);
  }
  to {
    transform: translate(0, 0%) rotate(1deg);
  }
}

@keyframes hotpickcolor_right {
  0% {
    transform: translate(100%, 0%) rotate(-1deg);
  }
  to {
    transform: translate(0, 0%) rotate(-1deg);
  }
}



.GenZ_hotpick-section .GenZ_swiper-area{
  width: 100%;
  height: auto;
}

.GenZ_hotpick-section .GenZ_basic_swiper{
  padding-top: 12px;
  margin-top: -12px;
}

.GenZ_hotpick-section .GenZ_slide_type01{
  width: 66%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.GenZ_hotpick-section .GenZ_slide_type01 .img-box{
  width: 432px;
  height: 432px;
  padding: 6px; 
  border: 2px solid #000;
  box-shadow: 0px 12px 24px 0px #00000026;
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);

}

.GenZ_hotpick-section .GenZ_slide_type01 .img-box img{
  width: 100%;
}

.GenZ_hotpick-section .GenZ_slide_type01 .text-box{
  flex: 1;
  padding-left: 48px;
}

.GenZ_hotpick-section .GenZ_slide_type01 .text-box .tt1,
.GenZ_hotpick-section .GenZ_slide_type01 .text-box p:nth-child(1).tt5,
.GenZ_hotpick-section .GenZ_slide_type01 .text-box p:nth-child(3).tt5{
  padding-top: 24px;
}

.GenZ_hotpick-section .GenZ_slide_type01 .text-box .tb1,
.GenZ_hotpick-section .GenZ_slide_type01 .text-box .tb5{
  padding-top: 16px;
}

.GenZ_hotpick-section .GenZ_slide_type01 .text-box .btn{
  width: auto;
  margin-top: 18px;
}

@media screen and (max-width: 1439px) {

  .GenZ_hotpick-section .GenZ_basic_swiper{
    padding-top: 8px;
    margin-top: -8px;
  }

  .GenZ_hotpick-section .GenZ_slide_type01{
    width: 100%; 
    padding: 0 80px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type01 .img-box{
    width: 317px;
    height: 317px;
    margin: 0 auto;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box{
    padding-left: 40px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box .tt1,
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box p:nth-child(1).tt5,
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box p:nth-child(3).tt5{
    padding-top: 16px;
  }

  .GenZ_hotpick-section .GenZ_slide_type01 .text-box .tb1,
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box .tb5{
    padding-top: 8px;
  }

  .GenZ_hotpick-section .GenZ_slide_type01 .text-box .btn{
    margin-top: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_hotpick-section .GenZ_basic_swiper{
    /* height: 690px; */
    
  }

  .GenZ_hotpick-section .GenZ_slide_type01{
    width: 100%;
    display: block;
    padding: 0 80px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type01 .img-box{
    width: 317px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box{
    padding: 10px 48px 0;
    min-height: 309px;
  }

  .GenZ_hotpick-section .GenZ_slide_type01 .text-box .tt1,
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box p:nth-child(1).tt5,
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box p:nth-child(3).tt5{
    padding-top: 24px;
  }
  
}
@media screen and (max-width: 767px) {

  .GenZ_hotpick-section .section-inner{
    padding: 48px 0;
  }

  .GenZ_hotpick-section .swiper-slide{
    padding: 0 24px;
  }

  .GenZ_hotpick-section .GenZ_slide_type01{
    width: 100%;
    padding: 0;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type01 .img-box{
    width: 240px;
    height: 240px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box{
    min-height: 304px;
    padding: 8px 0 0;
  }

  .GenZ_hotpick-section .GenZ_slide_type01 .text-box .tt1,
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box p:nth-child(1).tt5,
  .GenZ_hotpick-section .GenZ_slide_type01 .text-box p:nth-child(3).tt5{
    padding-top: 18px;
  }
}

.GenZ_hotpick-section .GenZ_slide_type02{
  width: 66%;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.GenZ_hotpick-section .GenZ_slide_type02 .con-box{
  display: flex;
  justify-content: space-between;
}

.GenZ_hotpick-section .GenZ_slide_type02 .con-box .img-box{
  padding: 6px; 
  border: 2px solid #000;
  box-shadow: 0px 12px 24px 0px #00000026;
}

.GenZ_hotpick-section .GenZ_slide_type02 .con-box .img-box img{
  width: 100%;
  height: 100%;
}

.GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box{
  position: relative;
  flex: 1;
  padding: 0 0 0 100px ;
}

.GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box:before{
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  display: block;
  background-image: url(../images/GenZsPick/pencilline.png);
  width: 64px;
  height: 64px;
  background-size: 100%;
}

.GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box .tt1,
.GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box .tt5{
  color: #FF898C;
  padding-bottom: 16px;
}

.GenZ_hotpick-section .GenZ_slide_type02 .con-box._01 .img-box{
  width: 252px;
  height: 432px;
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}


.GenZ_hotpick-section .GenZ_slide_type02 .con-box._02{
  position: absolute;
  bottom: 0;
  left: 268px;
}
.GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .img-box{
  width: 200px;
  height: 150px;
  position: relative;
  top: calc(100% - 250px);
  left: 15px;
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}

.GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .text-box{
  padding: 0 0 0 100px ;
}

.GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .text-box:before{
  left: 25px;
  background-image: url(../images/GenZsPick/pencilline02.png);
}




@media screen and (max-width: 1439px) {
  .GenZ_hotpick-section .GenZ_slide_type02{
    /* width: 84.5%; */
    width: 768px;
    display: block;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box{
    position: relative;
    flex: 1;
    padding: 0 0 0 80px ;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box:before{
    content: "";
    left: 15px;
    width: 48px;
    height: 48px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box .tt1,
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box .tt5{
    padding-bottom: 8px;
  }

  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._01 .img-box{
    width: 176px;
    height: 296px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02{
    position: absolute;
    bottom: 0;
    left: 185px;
  }

  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .img-box{
    width: 136px;
    height: 106px;
    position: relative;
    top: calc(100% - 90px);
    left: 15px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .text-box{
    padding: 0 0 0 80px;
  }
  
}
@media screen and (max-width: 1023px) {
   .GenZ_hotpick-section .GenZ_slide_type02{
    /* width: 84.5%; */
    width: 426px;
    display: block;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box{
    position: relative;
    flex: 1;
    padding: 48px 0 0 25px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._01 .img-box{
    width: 176px;
    height: 296px;
  }

  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._01 .text-box:before{
    transform: rotate(90deg);
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02{
    position: relative;
    top: 30px;
    bottom: 0;
    left: 0;
  }

  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .img-box{
    left: 0;
    order: 2;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .text-box{
    padding: 48px 20px 0 0;
    order: 1;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .text-box:before{
    left: auto;
    right: 20px;
    transform: scaleY(-1) rotate(45deg);
  }
} 
@media screen and (max-width: 767px) {
  .GenZ_hotpick-section .GenZ_slide_type02{
    width: 100%;
    display: block;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box{
    padding: 0 0 0 25px ;
  }

  .GenZ_hotpick-section .GenZ_slide_type02 .con-box .text-box:before{
    width: 48px;
    height: 48px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._01 .img-box{
    width: 112px;
    height: 187px;
  }

  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02{
    position: relative;
    top: 40px;
    bottom: 0;
    left: 0;
  }

  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .img-box{
    width: 132px;
    height: 102px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .text-box{
    padding: 0 15px 0 0
  }

  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._01 .text-box:before,
  .GenZ_hotpick-section .GenZ_slide_type02 .con-box._02 .text-box:before{
    display: none;
  }
  
}

.GenZ_hotpick-section .GenZ_slide_type03{
  width: 100%;
  padding: 0 208px;
}

.GenZ_hotpick-section .GenZ_slide_type03 .text-box{
  width: 100%;
  border: 2px solid #000;
  padding: 40px;
  border-radius: 16px;
  margin: 0 auto;
  background: #fff;
}

.GenZ_hotpick-section .GenZ_slide_type03 .text-box .tt1,
.GenZ_hotpick-section .GenZ_slide_type03 .text-box .tt5{
  color: #FF898C;
}

.GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc{
  margin-top: 16px;
  min-height: 262px;
}

.GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc ul{
  display: flex;
}

.GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc li{
  width: 50%;
}

.GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc li + li{
  margin-left: 40px;
}

.GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc .tb1 span,
.GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc .tb5 span{
  background: #FF898C;
  color: #fff;
}

.GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc .tt5{
  padding-top: 16px;
}

.GenZ_hotpick-section .GenZ_slide_type03 .text-box .source{
  padding-top: 16px;
  text-align: right;
}


@media screen and (max-width: 1439px) {
  .GenZ_hotpick-section .GenZ_slide_type03{
    width: 100%;
    padding: 0 80px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box{
    padding: 32px;
  }
  
  
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc{
    margin-top: 8px;
    min-height: 189px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc li{
    
  }
  
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc li + li{
    margin-left: 32px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc .tt5{
    padding-top: 8px;
  }
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .source{
    padding-top: 8px;
  }
}
@media screen and (max-width: 1023px) {

  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc{
    min-height: 428px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc ul{
    display: block;
  }

  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc li{
    width: 100%;
  }
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc li + li{
    margin-left: 0;
    margin-top: 32px;
  }
  
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc .tt5{
    padding-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_hotpick-section .GenZ_slide_type03{
    width: 100%;
    padding: 0;
  }
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box{
    padding: 24px;
  }
  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc{
    min-height: 480px;
  }
  


  .GenZ_hotpick-section .GenZ_slide_type03 .text-box .desc li{
    
  }
  
  
  
}















.GenZ_hotpick-section .bg_graphic{
  width: 240px;
  height: 240px;
  position: absolute;
  background: url(../images/GenZsPick/BGGraphic2_01.png) center no-repeat;

}

.GenZ_hotpick-section .bg_graphic.sa{
  top: 140px;
  opacity: 0;
  z-index:-1
}

.GenZ_hotpick-section .bg_graphic.sa.show{
  top: -129px;
  opacity: 100%;
  z-index:-1
}

.GenZ_hotpick-section:nth-child(even) .bg_graphic.sa{
  left: 204px;
}

.GenZ_hotpick-section:nth-child(even) .bg_graphic.sa.show{
  left: 64px;
}

.GenZ_hotpick-section:nth-child(odd) .bg_graphic.sa{
  right: 204px;
}

.GenZ_hotpick-section:nth-child(odd) .bg_graphic.sa.show{
  right: 80px;
}


@media screen and (max-width: 1439px) {
  .GenZ_hotpick-section .bg_graphic{
    width: 140px;
    height: 140px;
    background-size: 100%;
  }
  


  .GenZ_hotpick-section .bg_graphic.sa.show{
    top: -80px;
  }
  
  .GenZ_hotpick-section:nth-child(even) .bg_graphic.sa{
    left: 140px;
  }
  
  .GenZ_hotpick-section:nth-child(even) .bg_graphic.sa.show{
    left: 0;
  }
  
  .GenZ_hotpick-section:nth-child(odd) .bg_graphic.sa{
    right: 140px;
  }
  
  .GenZ_hotpick-section:nth-child(odd) .bg_graphic.sa.show{
    right: 0;
  }



}
@media screen and (max-width: 1023px) {

  .GenZ_hotpick-section .bg_graphic.sa.show{
    top: -44px;
  }
  
  .GenZ_hotpick-section:nth-child(even) .bg_graphic.sa{
    left: 108px;
  }
  
  .GenZ_hotpick-section:nth-child(even) .bg_graphic.sa.show{
    left: 32px;
  }
  
  .GenZ_hotpick-section:nth-child(odd) .bg_graphic.sa{
    right: 108px;
  }
  
  .GenZ_hotpick-section:nth-child(odd) .bg_graphic.sa.show{
    right: 32px;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_hotpick-section .bg_graphic{
    width: 96px;
    height: 96px;
  }

  .GenZ_hotpick-section .bg_graphic.sa.show{
    top: -34px;
  }
  
  .GenZ_hotpick-section:nth-child(even) .bg_graphic.sa{
    left: 120px;
  }
  
  .GenZ_hotpick-section:nth-child(even) .bg_graphic.sa.show{
    left: 0;
  }
  
  .GenZ_hotpick-section:nth-child(odd) .bg_graphic.sa{
    right: 120px;
  }
  
  .GenZ_hotpick-section:nth-child(odd) .bg_graphic.sa.show{
    right: 0;
  }
}




.GenZ_hotpick-section.people{

}

.GenZ_hotpick-section.people .title span{
  color: #FF898C
}









.GenZ_hotpick-section.clip{

}


.GenZ_hotpick-section.clip .title span{
  color: #00BCC9
}


.GenZ_hotpick-section.clip .GenZ_slide_type01 .img-box{
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  order: 2;

}

.GenZ_hotpick-section.clip .GenZ_slide_type01 .text-box{
  order: 1;
  padding-left: 0;
  padding-right: 48px;
}

.GenZ_hotpick-section.clip .GenZ_slide_type02 .img-box{
  order: 2;
}

.GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._01 .img-box{
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}

.GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .img-box{
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box .text-box{
  padding: 0 95px 0 0 ;
}

.GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box .text-box:before{
  content: "";
  left: auto;
  right: 15px;
  transform: scaleX(-1);
}

.GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02{
  right: 295px;
  left: auto;
}

.GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .img-box{
  right: 15px;
}

.GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .text-box{
  padding: 0 105px 0 0 ;
}

.GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .text-box:before{
  right: 20px;
  left: auto;
}


@media screen and (max-width: 1439px) {
  .GenZ_hotpick-section.clip .GenZ_slide_type01 .text-box{
    padding-right: 40px;
  }

  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02{
    right: 215px;
    bottom: -50px;
  }
  
  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .img-box{
    right: 15px;
  }
  
  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .text-box{
    padding: 0 80px 0 0 ;
  }
  
  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .text-box:before{
    right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_hotpick-section.clip .GenZ_slide_type01 .text-box{
    padding: 10px 48px 0;
  }

  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box .text-box{
    position: relative;
    flex: 1;
    padding: 48px 25px 0 0;
  }

  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box .text-box:before{
    transform: scaleY(-1) rotate(-90deg);
  }

  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02{
    right: 0;
  }

  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .img-box{
    order: 1;
  }
  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .text-box{
    padding: 58px 0 0 25px;
    order: 2;
  }

  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .text-box:before{
    left: 20px;
    right: 0;
    transform: scaleY(-1) rotate(-45deg);
  }
} 

@media screen and (max-width: 767px) {
  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box .text-box,
  .GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box._02 .text-box{
    padding-top: 0;
  }

  .GenZ_hotpick-section.clip .GenZ_slide_type01 .text-box{
    padding: 0;
  }
}


.GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box .text-box .tt1,
.GenZ_hotpick-section.clip .GenZ_slide_type03 .text-box .tt1,
.GenZ_hotpick-section.clip .GenZ_slide_type02 .con-box .text-box .tt5,
.GenZ_hotpick-section.clip .GenZ_slide_type03 .text-box .tt5{
  color: #00BCC9;
}

.GenZ_hotpick-section.clip .GenZ_slide_type03 .text-box .desc .tb1 span,
.GenZ_hotpick-section.clip .GenZ_slide_type03 .text-box .desc .tb5 span{
  background: #00BCC9;
}




.GenZ_hotpick-section.clip .bg_graphic{
  background: url(../images/GenZsPick/BGGraphic2_02.png) center no-repeat;
  background-size: 100%;
}




.GenZ_hotpick-section.scene{

}

.GenZ_hotpick-section.scene .title span{
  color: #FF8247
}

.GenZ_hotpick-section.scene .bg_graphic{
  background: url(../images/GenZsPick/BGGraphic2_03.png) center no-repeat;
  background-size: 100%;
}

.GenZ_hotpick-section.scene .GenZ_slide_type02 .con-box .text-box .tt1,
.GenZ_hotpick-section.scene .GenZ_slide_type03 .text-box .tt1,
.GenZ_hotpick-section.scene .GenZ_slide_type02 .con-box .text-box .tt5,
.GenZ_hotpick-section.scene .GenZ_slide_type03 .text-box .tt5{
  color: #FF8247;
}

.GenZ_hotpick-section.scene .GenZ_slide_type03 .text-box .desc .tb1 span,
.GenZ_hotpick-section.scene .GenZ_slide_type03 .text-box .desc .tb5 span{
  background: #FF8247;
}


.GenZ_plus-section{
  width: 100%;
  position: relative;
  /* background: url(../images/GenZsPick/plus_bg01.png) center no-repeat; */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;  
}

.GenZ_plus-section .section-inner{
  max-width: 100% !important;
  padding: 0 !important;
}

.GenZ_plus-section .swiper-slide{
  padding: 130px 0 360px;
}

.GenZ_plus-section .GenZ_basic_swiper{
  padding-bottom: 0;
}

/* .GenZsPick .section-inner{
  padding: 144px 048px;
} */
/* @media screen and (max-width: 1439px) {
  .GenZsPick .section-inner{
    padding: 96px 48px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZsPick .section-inner{
    padding: 128px 48px;
  }
}
@media screen and (max-width: 767px) {
  .GenZsPick .section-inner{
    padding: 48px 24px;
  }
} */


.GenZ_plus-section .swiper-container-horizontal>.swiper-pagination-bullets, .GenZsPick .swiper-pagination-custom, .GenZsPick.swiper-pagination-fraction{
  bottom: 160px;
}

.GenZ_plus-section .title .round_tit{
  margin-bottom: 14px;
  border-color: #11D9AE;
  color: #11D9AE;
}

.GenZ_plus-section .title .td3{
  color: #fff;
}


.GenZ_plus-section .swiper-slide .p-body{
  display: flex;
  /* padding: 0 114px 200px; */
  padding: 0 114px;
  max-width: 1440px;
  margin: 0 auto;
}

.GenZ_plus-section .swiper-slide .plus_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.GenZ_plus-section .swiper-slide .plus_bg.slide01{
  background: url(../images/GenZsPick/plus_bg01.png) center no-repeat;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;  
}
.GenZ_plus-section .swiper-slide .plus_bg.slide02{
  background: url(../images/GenZsPick/plus_bg02.png) center no-repeat;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;  
}

.GenZ_plus-section .slider-section .kv_swiper-area.type-videos{
  height: 100%;
  padding-bottom: 0;
}
.GenZ_plus-section .slider-section .kv_swiper-area.type-videos .swiper-container{
  position: relative;
}

.GenZ_plus-section .text-box{
  flex: 1;
  padding: 32px 0 0;
  color: #fff;
}

.GenZ_plus-section .video-box {
  width: 640px;
  
  position: relative;

  height: 360px;
  overflow: hidden;
  box-shadow: 0px 20px 24px 0px #00000033;

}

.GenZ_plus-section .text-box .tb1,
.GenZ_plus-section .text-box .tb5{
  padding-top: 8px;
}

.GenZ_plus-section .text-box .tag{
  display: inline-block;
  padding: 8px 12px;
  margin-top: 24px;
  background: #7B28F5;
  border-radius: 8px;
}

.GenZ_plus-section .text-box .btn{
  width:auto;
  margin-top: 48px;
  
}

.GenZ_plus-section .swiper-button-prev{
  left: calc(50% - 740px + 38px);
}

.GenZ_plus-section .swiper-button-next{
  right: calc(50% - 740px + 38px);
}

@media screen and (max-width: 1439px) {
  .GenZ_plus-section .section-inner{
    /* padding: 120px 48px; */
  }

  .GenZ_plus-section .swiper-slide{
    padding: 120px 0 250px;
  }

  .GenZ_plus-section .swiper-container-horizontal>.swiper-pagination-bullets, .GenZsPick .swiper-pagination-custom, .GenZsPick.swiper-pagination-fraction{
    bottom: 120px;
  }

  .GenZ_plus-section .kv_swiper-area.video_basic{
    padding-bottom: 120px;
  }
  
  .GenZ_plus-section .swiper-slide .p-body{
    /* padding: 0 55px 130px; */
    padding: 0 103px;
  }
  
  /* .GenZ_plus-section .slider-section .kv_swiper-area.type-videos{
    height: 400px;
  } */

  .GenZ_plus-section .video-box {
    width: 480px;
    height: 270px;
    position: relative;
    overflow: hidden;
  }

  .GenZ_plus-section .text-box{
    padding: 16px 24px 0;
  }

  .GenZ_plus-section .text-box .tb1,
  .GenZ_plus-section .text-box .tb5{
    padding-top: 4px;
  }
  
  .GenZ_plus-section .text-box .tag{
    margin-top: 16px;
  }

  .GenZ_plus-section .text-box .btn{
    margin-top: 32px;
  }

  .GenZ_plus-section .swiper-button-prev{
    left: 58px;
  }
  
  .GenZ_plus-section .swiper-button-next{
    right: 58px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_plus-section .section-inner{
    /* padding: 128px 48px; */
  }
  
  .GenZ_plus-section .slider-section{
    width: 100%;
  }

  .GenZ_plus-section .kv_swiper-area.video_basic{
    padding-bottom: 0;
  }
  
  .GenZ_plus-section .swiper-slide{
    padding: 128px 0 274px;
  }

  .GenZ_plus-section .swiper-container-horizontal>.swiper-pagination-bullets, .GenZsPick .swiper-pagination-custom, .GenZsPick.swiper-pagination-fraction{
    bottom: 128px;
  }

  .GenZ_plus-section .swiper-slide .p-body{
    padding: 0;
    display: table;
    width: 100%;
    height: auto;
    /* padding: 0 96px 146px; */
    padding: 0 144px;
  }



  .GenZ_plus-section .video-box {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }

  .GenZ_plus-section .video-box .img-box{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .GenZ_plus-section .text-box{
    padding: 16px 0 0;
    display: table-footer-group;
  }
  
  .GenZ_plus-section .text-box .tt1{
    padding-top: 16px;
  }
  .GenZ_plus-section .text-box .tt1 br{
    display: none;
  }

  .GenZ_plus-section .text-box .tag{
    padding: 6px 8px; 
    margin-top: 16px;
    border-radius: 6px;
  }

  .GenZ_plus-section .text-box .btn{
    margin-top: 36px;
  }

}
@media screen and (max-width: 767px) {
  .GenZ_plus-section .section-inner{
    /* padding: 48px 0; */
  }
  

  .GenZ_plus-section .slider-section{
    width: 100%;
  }

  .GenZ_plus-section .swiper-slide{
    padding: 48px 0 201px;
  }

  .GenZ_plus-section .swiper-container-horizontal>.swiper-pagination-bullets, .GenZsPick .swiper-pagination-custom, .GenZsPick.swiper-pagination-fraction{
    bottom: 48px;
  }

  .GenZ_plus-section .swiper-slide .p-body{
    /* padding: 0 24px 145px; */
    padding: 0 24px;
  }
  
  .GenZ_plus-section .GenZ_slide_plus .text-box .tt1 br{
    display: block;
  }

  .GenZ_plus-section .GenZ_basic_swiper{
      padding-bottom: 0;
  }
  .GenZ_plus-section .video-box {
    /* width: 312px;
    height: 175px; */
    position: relative;
    overflow: hidden;
  }

  .GenZ_plus-section .text-box .tag{
    border-radius: 4px;
  }

  .GenZ_plus-section .text-box .btn{
    margin-top: 20px;
  }
}

.GenZ_plus-section .swiper-button-next .spf, 
.GenZ_plus-section .swiper-container-rtl .swiper-button-prev .spf, 
.GenZ_plus-section .swiper-button-prev .spf, 
.GenZ_plus-section .swiper-container-rtl .swiper-button-next .spf{
  color: #fff;
}

.GenZ_plus-section .swiper-pagination-bullet{
  background: #fff;
}







.GenZ_review-section{
  
}

.GenZ_review-section .title .td3 span{
  position: relative;
  top: -2px;
  padding: 0 8px;
}

@media screen and (max-width: 1439px) {
  .GenZ_review-section .title .td3 span{
    top: 0;
  }

  .GenZ_review-section .title .td3 span img{
    height: 36px;
  }
} 

@media screen and (max-width: 767px) {
  .GenZ_review-section .title .td3 span img{
    height: 32px;
  }
}


.GenZ_review-section .con-wrap{
  width: 640px;
  margin: 0 auto;
  position: relative;
}


.GenZ_review-section .slider-section .kv_swiper-area.type-videos .swiper-container{
  position: absolute;
}

.GenZ_review-section .best-icon{
  position: absolute;
  top: -117px;
  left: -52px;
  z-index: 3;

}

.GenZ_review-section .text-area{
  padding-top: 32px;
}

.GenZ_review-section .text-area .arrow_down{
  padding-top: 64px;
  text-align: center;
}

.GenZ_review-section .text-area .arrow_down .spf{
  width: 40px;
  height: 40px;
  line-height: 40px;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.GenZ_review-section .text-area .arrow_down .spf::before{
  width: 40px;
  height: 40px;
  font-size: 40px;
}

.GenZ_review-section .text-area .tt1{
  padding-top: 24px;
  text-align: center;
}

.GenZ_review-section .text-area .tt1 span{
  color: #541AC8;
}

@media screen and (max-width: 1439px) {
  
  .GenZ_review-section .con-wrap{
    width: 560px;
  }

  .GenZ_review-section .best-icon{
    top: -92px;
    left: -41px;
  }

  .GenZ_review-section .best-icon img{
    width: 128px;
  }

  .GenZ_review-section .text-area{
    padding-top: 24px;
  }

  .GenZ_review-section .text-area .arrow_down{
    padding-top: 48px;
  }

  .GenZ_review-section .text-area .arrow_down .spf{
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  
  .GenZ_review-section .text-area .arrow_down .spf::before{
    width: 32px;
    height: 32px;
    font-size: 32px;
  }

  .GenZ_review-section .text-area .tt1{
    padding-top: 16px;
  }

}
@media screen and (max-width: 1023px) {
  .GenZ_review-section .con-wrap{
    width: 480px;
  }

  .GenZ_review-section .best-icon{
    top: -76px;
    left: -34px;
  }

  .GenZ_review-section .best-icon img{
    width: 104px;
  }

  .GenZ_review-section .text-area{
    padding-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_review-section .p-header{
    padding-bottom: 96px;
  }
  .GenZ_review-section .con-wrap{
    width: 100%;
    padding: 0 16px;
  }

  .GenZ_review-section .best-icon{
    top: -76px;
    left: -16px;
  }

  .GenZ_review-section .best-icon img{
    width: 104px;
  }

  .GenZ_review-section .text-area{
    padding-top: 16px;
  }

  .GenZ_review-section .text-area .arrow_down .spf{
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  
  .GenZ_review-section .text-area .arrow_down .spf::before{
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
}





.GenZ_great-section{
  background: #000;
  color: #fff;
  text-align: center;
}

.GenZ_great-section .section-inner{
  padding: 32px 48px 128px !important;
}


.GenZ_great-section .desc{
  padding: 32px 0 24px;
}

.GenZ_great-section .arrow{
  position: relative;
  height: 48px;
}

.GenZ_great-section .arrow .spf,
.GenZ_great-section .spf::before{
  width: 48px;
  height: 48px;
}

.GenZ_great-section .arrow .spf{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  animation: Genz-arrow-uodown 0.5s ease-in-out 0s infinite alternate;
  line-height: 48px;
}

@keyframes Genz-arrow-uodown {
	0% {top: 0px;}
	100% {top: -30px;}
}

.GenZ_great-section .arrow .spf::before{
  font-size: 48px;
}

.GenZ_great-section .great{
  display: inline-block;
  padding: 13px 27px 13px 23px;
  border: 1px solid rgba( 255, 255, 255, 0.62 );
  border-radius: 32px;
  letter-spacing: .015em;
}

.GenZ_great-section .great:hover{
  cursor: pointer;
  border: 1px solid rgba( 255, 255, 255, 0.87 );
}


.GenZ_great-section .great .inner{
  display: flex;
  align-items: center;
  position: relative;
}

.GenZ_great-section .great .heart object{
  width: 32px;
  height: 32px;
  display: inline-block;
  position: absolute;
  left:0; 
  top: 0;
}

.GenZ_great-section .great .heart .animation{
  display: none;
}

.GenZ_great-section .great.click .normal{
  display: none;
}

.GenZ_great-section .great.click .animation{
  display: block;
}

.GenZ_great-section .great .count{
  position: relative;
  padding-left: 36px;
  display: inline-block;
  line-height: 32px;
  min-height: 32px;
}



@media screen and (max-width: 1439px) {
  .GenZ_great-section .section-inner{
    padding: 24px 48px 96px !important;
  }
  
  
  .GenZ_great-section .desc{
    padding: 24px 0 16px;
  }

  .GenZ_great-section .arrow{
    height: 40px;
  }

  .GenZ_great-section .arrow .spf,
  .GenZ_great-section .spf::before{
    width: 40px;
    height: 40px;
  }
  
  .GenZ_great-section .arrow .spf{
    line-height: 40px;
  }

  @keyframes Genz-arrow-uodown {
    0% {top: 0px;}
    100% {top: -20px;}
  }
  
  
  .GenZ_great-section .arrow .spf::before{
    font-size: 40px;
  }
  
  .GenZ_great-section .great{
    padding: 9px 23px 9px 19px;
  }
  
  .GenZ_great-section .great .heart object{
    width: 24px;
    height: 24px;
  }

  .GenZ_great-section .great .count{
    padding-left: 28px;
    line-height: 24px;
    min-height: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .GenZ_great-section .section-inner{
    padding: 24px 32px 64px !important;
  }
  
  .GenZ_great-section .arrow{
    height: 32px;
  }

  .GenZ_great-section .arrow .spf,
  .GenZ_great-section .spf::before{
    width: 32px;
    height: 32px;
  }
  
  .GenZ_great-section .arrow .spf{
    line-height: 32px;
  }
  
  .GenZ_great-section .arrow .spf::before{
    font-size: 32px;
  }
  
}
@media screen and (max-width: 767px) {

  
  .GenZ_great-section .desc{
    padding: 24px 0 12px;
  }

  html.lang-ko .GenZ_great-section .desc .tt3{
    font-size: 16px;
    line-height: 24px;
  }

  .GenZ_great-section .great{
    top: 2px;
    padding: 9px 19px 9px 15px;
    margin-bottom: 24px;
  }
  
  .GenZ_great-section .great .heart object{
    width: 16px;
    height: 16px;
  }

  .GenZ_great-section .great .count{
    padding-left: 20px;
    line-height: 20px;
    min-height: 20px;
  }
}


.GenZ_num-section{
  background-color: #000;
}

.GenZsPick.vol02 .GenZ_num-section .section-inner{
  padding: 120px 160px;
}

@media screen and (max-width: 1439px) {
  .GenZsPick.vol02 .GenZ_num-section .section-inner{
    padding: 96px 48px 80px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZsPick.vol02 .GenZ_num-section .section-inner{
    padding: 80px 48px;
  }
}
@media screen and (max-width: 767px) {
  .GenZsPick.vol02 .GenZ_num-section .section-inner{
    padding: 80px 24px;
  }
}

.GenZ_num-section .p-header .title {
  color: #fff;
}

.GenZ_num-section .p-header .title .td3{
  padding-top: 16px;
  color: #11D9AE;
}

@media screen and (max-width: 1439px) {

  .GenZ_num-section .p-header .title .td3{
      padding-top: 12px;
  }
}
@media screen and (max-width: 1023px) {

  .GenZ_num-section .p-header .title .td3{
      padding-top: 8px;
  }
}


/* switch */
.GenZ_num-section .switch {
}
.GenZ_num-section .switch ul {
  overflow: hidden;
}
.GenZ_num-section .switch ul li {
  display: block;
  position: relative;
  margin: 0 auto;
  margin-bottom: 16px;
  width: 360px;
  height: 132px;
  
}
.GenZ_num-section .switch ul li .__cover {
  width: 360px;
  height: 132px;
  color: #fff;
  text-align: center;
  border-radius: 32px;
  background-color: #11d9ae;
}
.GenZ_num-section .switch ul li .__cover .tt1 {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.GenZ_num-section .switch ul li .__contents {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 132px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 32px;
  z-index: -1;
  color: #fff;
  overflow: hidden;
}
.GenZ_num-section .switch ul li .__contents p {
  text-align: center;
  word-break: keep-all;
  padding-left: 15px;
}

.GenZ_num-section .switch ul li .__contents p span{
  color: #11D9AE;
}

.GenZ_num-section .switch .tb5{
  max-width: 1120px;
  margin: 0 auto;
  padding-top: 16px;
  color: #999;
  text-align: right;
}

.GenZ_num-section .switch .desc{
  padding: 96px 48px 0;
  color: #fff;
}


@media screen and (max-width: 1439px) {
  .GenZ_num-section .switch ul li {
      width: 280px;
      height: 104px;
  }
  .GenZ_num-section .switch ul li .__cover {
      width: 280px;
      height: 104px;
  }
  .GenZ_num-section .switch ul li .__contents {
      height: 104px;
  }

  .GenZ_num-section .switch .tb5{
      max-width: 928px;
  }

  .GenZ_num-section .switch .desc{
      padding: 80px 24px 0;
  }
}

@media screen and (max-width: 1023px) {
  .GenZ_num-section .switch ul li {
      width: 210px;
      height: 96px;
  }
  .GenZ_num-section .switch ul li .__cover {
      width: 210px;
      height: 96px;
  }
  .GenZ_num-section .switch ul li .__contents {
      height: 96px;
  }
  .GenZ_num-section .switch ul li .__contents p {
      padding-left: 25px;
  }

  .GenZ_num-section .switch .tb5{
      max-width: 928px;
      padding-top: 12px;
  }

  .GenZ_num-section .switch .desc{
      padding: 48px 0;
  }
}

@media screen and (max-width: 767px) {
  .GenZ_num-section .switch {
  }
  .GenZ_num-section .switch ul li {
      margin-bottom: 16px;
      width: calc(100vw - 96px);
      height: 104px;
  }
  .GenZ_num-section .switch ul li .__cover {
      position: relative;
      margin: 0 auto;
      width: 61.112vw;
      height: 104px;
      color: #fff;
      line-height: 112px;
      border-radius: 24px;
      background: #11d9ae;
      z-index: 5;
  }
  .GenZ_num-section .switch ul li .__contents {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(100vw - 96px);
      height: 104px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 24px;
      z-index: -1;
      overflow: hidden;
  }
  .GenZ_num-section .switch ul li .__contents p {
      padding: 0 20px;
  }

  .GenZ_num-section .switch .tb5{
      max-width: calc(100vw - 96px);
  }
}

.GenZ_band-section{
  background: #000;
}
.GenZ_band-section .section-inner{
  max-width: 100%;
  padding: 0 0 96px !important;
}
.GenZ_band-section .GenZ_band{
  width: 100%;
  height: 240px;
  display: inline-block;
  position: relative;
}

.GenZ_band-section .GenZ_band .band-inner{
  width: 100%;
  height: 128px;
  background: url(../images/GenZsPick/vol02/img_band_genz-love-cjenm.png) left top no-repeat;
  position:relative; 
  top:50%; 
  left:0%; 
  transform: translateY(-50%); 
}

.GenZ_band-section .GenZ_band.sa.show .band-inner{
  animation: GenZ_band_right 1s;
  animation-fill-mode: forwards; 
}

@keyframes GenZ_band_right {
  0% {
    transform: translate(100%, -50%) rotate(-3deg);
  }
  to {
    transform: translate(1%, -50%) rotate(-3deg);
  }
}

@media screen and (max-width: 1439px) {
  .GenZ_band-section .GenZ_band{
    width: 100%;
    height: 160px;
    margin-bottom: 64px;
  }
  
  .GenZ_band-section .GenZ_band .band-inner{
    width: 100%;
    height: 80px;
    background-size: auto 100%;
  }
}
@media screen and (max-width: 1023px) {

}
@media screen and (max-width: 767px) {

}



.GenZ_story-section{

}

.GenZ_story-section .p-header{
  padding-bottom: 48px;
  text-align: center;
}

.GenZ_story-section .p-header .num{
  position: relative;
  padding-bottom: 24px;
  color: #FF8247;
}


.GenZ_story-section .p-header .num::after { 
  content:''; 
  width:56px; 
  height:4px; 
  position:absolute; 
  bottom:16px; 
  left:50%;
  transform: translateX(-50%);
  background:#FF8247; 
}


@media screen and (max-width: 1439px) {
  .GenZ_story-section .p-header{
      padding-bottom: 32px !important;
  }

  
  .GenZ_story-section .p-header .num::after { 
    content:''; 
    width:36px;  
  }
}

@media screen and (max-width: 767px) {
  .GenZ_story-section .p-header{
      padding-bottom: 24px !important;
  }

  .GenZ_story-section .p-header .num{
    padding-bottom: 16px;
  }
  
  .GenZ_story-section .p-header .num::after { 
    content:''; 
    width:28px; 
    bottom:12px;  
  }

  .GenZ_story-section .p-header .title.td3{
    display: none;
  }
}


.GenZ_story-section .p-body .cont-box{
  overflow: hidden;
}

.GenZ_story-section .p-body .cont-box + .cont-box{
  margin-top: 64px;
}

.GenZ_story-section .p-body .cont-box .title{
  position: relative;
  margin-bottom: 24px;
}

.GenZ_story-section .p-body .cont-box .title.bar{
  padding-left: 28px;
}

.GenZ_story-section .p-body .cont-box .title.bar::before{
  content:''; 
  width:4px; 
  height:64px; 
  position:absolute;  
  left:0;
  top: 0;
  background:#FF8247; 
}



.GenZ_story-section .p-body .cont-box .cont-text,
.GenZ_story-section .p-body .cont-box .cont-img{
  margin-bottom: 48px;
}

.GenZ_story-section .p-body .cont-box .cont-text:last-child,
.GenZ_story-section .p-body .cont-box .cont-img:last-child{
  margin-bottom: 0;
}

.GenZ_story-section .p-body .cont-box .cont-img{
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}

.GenZ_story-section .p-body .cont-box .cont-img img{
  width: 100%;
}

.GenZ_story-section .p-body .cont-box .cont-img .line{
  padding: 11px;
  border: 1px solid #ccc;
}

.GenZ_story-section .p-body .source{
  padding-top: 16px;
  font-size: 15px;
  color: #000;
  text-align: right;
}


@media screen and (max-width: 1439px) {
  .GenZ_story-section .p-body .cont-box + .cont-box{
    margin-top: 56px;
  }

  .GenZ_story-section .p-body .cont-box .title{
    margin-bottom: 16px;
  }
  
  .GenZ_story-section .p-body .cont-box .title.bar{
    padding-left: 20px;
  }
  
  .GenZ_story-section .p-body .cont-box .title.bar::before{
    height:56px; 
  }
  
  .GenZ_story-section .p-body .cont-box .cont-text,
  .GenZ_story-section .p-body .cont-box .cont-img{
    margin-bottom: 32px;
  }
  
  .GenZ_story-section .p-body .source{
    padding-top: 12px;
    font-size: 13px;
  }

}

@media screen and (max-width: 1023px) {
  .GenZ_story-section .p-body .cont-box .title.bar::before{
    height:48px; 
  }

  .GenZ_story-section .p-body .cont-box .cont-img .line{
    padding: 7px;
  }

  .GenZ_story-section .p-body .source{
    padding-top: 12px;
  }
  
}
@media screen and (max-width: 767px) {
  .GenZ_story-section .p-body .cont-box + .cont-box{
    margin-top: 48px;
  }
  .GenZ_story-section .p-body .cont-box .title{
    margin-bottom: 12px;
  }
  
  .GenZ_story-section .p-body .cont-box .title.bar{
    padding-left: 16px;
  } 
  
  .GenZ_story-section .p-body .cont-box .cont-text,
  .GenZ_story-section .p-body .cont-box .cont-img{
    margin-bottom: 24px;
  } 

  .GenZ_story-section .p-body .cont-box .cont-img{
    width: 100%;
  }
}



.GenZ_story-section .p-body .cont-box .cont_text-img{
  display: flex;
  gap: 48px;
}

.GenZ_story-section .p-body .cont-box .cont_text-img .cont-text,
.GenZ_story-section .p-body .cont-box .cont_text-img .cont-img{
  margin-bottom: 0;
}

.GenZ_story-section .p-body .cont-box .cont_text-img .cont-text{
  flex: 1;
}

.GenZ_story-section .p-body .cont-box .cont_text-img .cont-img{
  left: 0;
  transform: translateX(0);
}

@media screen and (max-width: 1439px) {
  .GenZ_story-section .p-body .cont-box .cont_text-img{
    gap: 32px;
  }

  .GenZ_story-section img.only-pc{
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_story-section .p-body .cont-box .cont_text-img.response{
    display: block;
  }

  .GenZ_story-section .p-body .cont-box .cont_text-img.response .cont-text{
    margin-bottom: 32px;
  }
  .GenZ_story-section img.only-pc{
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_story-section img.only-pc{
    display: none;
  }

  .GenZ_story-section .p-body .cont-box .cont_text-img{
    display: block;
  }

  .GenZ_story-section .p-body .cont-box .cont_text-img .cont-text{
    margin-bottom: 24px;
  }
}


.GenZ_story-section .response-box{ 
  width: 480px;
  height: 100%;
  position: relative;
  padding: 32px 32px 56px 40px;
  overflow: hidden;
  background: #F0FAF8;
  border-radius: 8px 8px 64px 8px;
}


.GenZ_story-section .response-box::before{
  content:''; 
  width:8px; 
  height:100%; 
  position:absolute;  
  left:0;
  top: 0;
  background:#11D9AE; 
}

.GenZ_story-section .response-box::after{
  content:''; 
  width:56px; 
  height:56px; 
  position:absolute;  
  right:32px;
  bottom: 32px;
  background: url(../images/GenZsPick/vol02/response-icon.png) left top no-repeat;
}

.GenZ_story-section .response-box .name{
  color: #999;
  padding-top: 16px;
}

@media screen and (max-width: 1439px) {
  .GenZ_story-section .response-box{
    width: 400px;
    padding: 24px 24px 64px 32px;
    margin: 0 auto;
  }
  
  
  .GenZ_story-section .response-box::after{
    content:''; 
    width:48px; 
    height:48px; 
    right:24px;
    bottom: 24px;
    background-size: 100%;
  }
  
  .GenZ_story-section .response-box .name{
    padding-top: 12px;
  }
}

@media screen and (max-width: 767px) {
  .GenZ_story-section .response-box{
    width: 100%;
    padding: 20px 20px 52px 28px;
    border-radius: 8px 8px 48px 8px;
  }
  
  .GenZ_story-section .response-box::before{
    content:''; 
    width: 6px;
    height:100%; 
  }
  
  .GenZ_story-section .response-box::after{
    content:''; 
    width:40px; 
    height:40px; 
    background-size: 100%;
  }
  
  .GenZ_story-section .response-box .name{
    padding-top: 8px;
  }
}


/* GenZ_story-section > chapter */
.GenZ_story-section .chapter{
  padding-bottom: 160px;
}

@media screen and (max-width: 1439px) {
  .GenZ_story-section .chapter{
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_story-section .chapter{
    padding-bottom: 96px;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_story-section .chapter{
    padding-bottom: 80px;
  }
}


html.lang-en .GenZ_story-section .response-box{ 
  padding-bottom: 64px;
}

@media screen and (max-width: 1439px) {
  html.lang-en .GenZ_story-section .response-box{ 
    padding-bottom: 52px;
  }
}
@media screen and (max-width: 1023px) {
  html.lang-en .GenZ_story-section .response-box{ 
    padding-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  html.lang-en .GenZ_story-section .response-box{ 
    padding-bottom: 40px;
  }
}

.GenZ_story-section .section-inner:last-child div.chapter-wrap .chapter:last-child{
  padding-bottom: 0px;
}


.GenZ_story-section .chapter.__02 .p-header .num{
  color: #00BCC9;
}

.GenZ_story-section .chapter.__02 .p-header .num::after { 
  background:#00BCC9; 
}

.GenZ_story-section .chapter.__02 .p-body .cont-box .title.bar::before{
  background:#00BCC9; 
}

.GenZ_story-section .chapter.__02 .p-body .cont-box .cont_text-img .cont-img{
  width: 624px;
}

@media screen and (max-width: 1439px) {
  .GenZ_story-section .chapter.__02 .p-body .cont-box .cont_text-img .cont-img{
    width: 504px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_story-section .chapter.__02 .p-body .cont-box .cont_text-img .cont-img{
    width: 336px;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_story-section .chapter.__02 .p-body .cont-box .cont_text-img .cont-img{
    width: 100%;
  }
}

.GenZ_story-section .chapter.__03 .p-header .num{
  color: #11D9AE;
}

.GenZ_story-section .chapter.__03 .p-header .num::after { 
  background:#11D9AE; 
}

.GenZ_story-section .chapter.__03 .p-body .cont-box .title.bar::before{
  background:#11D9AE; 
}

.GenZ_story-section .story_total{
  width: 100%;
  position: relative;
  padding: 105px 64px;
  background: #F7F7F7;
  border-radius: 16px 16px 64px 16px;
  margin-top: 96px;
}

.GenZ_story-section .story_total::before,
.GenZ_story-section .story_total::after{
  content:''; 
  width:64px; 
  height:64px; 
  position:absolute;  
  background: url(../images/GenZsPick/vol02/response-icon2.png) left top no-repeat;
}

.GenZ_story-section .story_total::before{
  top: 32px;
  left: 64px;
}

.GenZ_story-section .story_total::after{
  bottom: 32px;
  right: 64px;
  rotate: 180deg;
}

.GenZ_story-section .story_total .desc{
  padding-top: 16px;
}

@media screen and (max-width: 1439px) {
  .GenZ_story-section .story_total{
    padding: 80px 48px;
    margin-top: 80px;
  }
  
  .GenZ_story-section .story_total::before,
  .GenZ_story-section .story_total::after{
    content:''; 
    width:48px; 
    height:48px; 
    background-size: 100%;
  }

  .GenZ_story-section .story_total::before{
    top: 24px;
    left: 48px;
  }

  .GenZ_story-section .story_total::after{
    bottom: 24px;
    right: 48px;
  }
  
  .GenZ_story-section .story_total .desc{
    padding-top: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .GenZ_story-section .story_total{
    padding: 68px 40px;
  }
  
  .GenZ_story-section .story_total::before,
  .GenZ_story-section .story_total::after{
    content:''; 
    width:40px; 
    height:40px; 
  }

  .GenZ_story-section .story_total::before{
    top: 20px;
    left: 40px;
  }

  .GenZ_story-section .story_total::after{
    bottom: 20px;
    right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .GenZ_story-section .story_total{
    padding: 72px 24px;
    margin-top: 64px;
  }
  

  .GenZ_story-section .story_total::before{
    top: 24px;
    left: 24px;
  }

  .GenZ_story-section .story_total::after{
    bottom: 24px;
    right: 24px;
  }
  
  .GenZ_story-section .story_total .desc{
    padding-top: 12px;
  }
}




.GenZ_cont-list-section {
  overflow: hidden;
}


.GenZsPick.vol02 .GenZ_cont-list-section .section-inner{
  padding-top: 0;
  
}

.GenZ_cont-list-section .p-header .title{
  padding-top: 8px;
  text-align: left;
}



@media screen and (min-width: 1440px) {
  .GenZ_cont-list-section {
    background-size: 100% 396px;
  }
}

@media screen and (max-width: 1439px) {
  .GenZ_cont-list-section {
    background-size: 100% 28.41797vw;
  }
}

@media screen and (max-width: 1023px) {
  .GenZ_cont-list-section {
    background-size: 100% 36.19792vw;
  }
}

@media screen and (max-width: 767px) {
  .GenZ_cont-list-sectionn {
    background-size: 100% 176px;
  }
}
.GenZ_cont-list-section .bg{
  width: 100%;
  height: 508px; 
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, #220A58 0%, #000000 84%, #000000 100%);
}
.GenZ_cont-list-section .col_slider-area .swiper-container {
  overflow: visible;
}

.GenZ_cont-list-section .col_slider-area .swiper-container .swiper-slide {
  width: 318px;
}

.GenZ_cont-list-section .col_slider-area .swiper-container .swiper-slide .img-area img{
  width: 100%;
}

.GenZ_cont-list-section .col_slider-area .swiper-container .swiper-slide .typo-area{
  padding-top: 24px;
}

.GenZ_cont-list-section .col_slider-area .swiper-container .swiper-slide .typo-area .desc{
  padding-top: 8px;
}

@media screen and (max-width: 1439px) {
  .GenZ_cont-list-section .bg{
    height: 380px; 
  }

  .GenZ_cont-list-section .col_slider-area .swiper-container .swiper-slide {
    width: 214px;
  }

  
  .GenZ_cont-list-section .col_slider-area .swiper-container .swiper-slide .typo-area{
    padding-top: 16px;
  }
  
  .GenZ_cont-list-section .col_slider-area .swiper-container .swiper-slide .typo-area .desc{
    padding-top: 4px;
  }
}

@media screen and (max-width: 1023px) {
  .GenZ_cont-list-section .bg{
    height: 315px; 
  }

  .GenZ_cont-list-section .col_slider-area .swiper-container .swiper-slide {
    width: 148px;
  }
}

@media screen and (max-width: 767px) {
  .GenZ_cont-list-section .bg{
    height: 309px; 
  }

  .GenZ_cont-list-section .col_slider-area .swiper-container .swiper-slide {
    width: 148px;
  }
  .GenZ_cont-list-section .col_slider-area .swiper-container .swiper-slide .img-box {
    background-position: center;
  }
}







/* 하단 팝업 */
.trp.popupfixed-wrap.popup_bottom{
  position: fixed;
  top: auto;
  bottom:0;
  height: auto;
  max-height: 200px;
  min-height: auto;
  display: none;
}
.trp.popupfixed-wrap.popup_bottom .popup-align .popup-vertical{
  padding: 0;
}

.trp.popupfixed-wrap.popup_bottom .popup-layer{
  width: 100%;
  padding: 20px 48px;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(6px);
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap.popup_bottom .popup-layer{
      padding: 20px 24px;
  }
}

.trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body{
  max-width: 1344px;
  position: relative;
  margin: 0 auto;
}
.trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .tb4,
.trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .tb3{
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .tb4,
  .trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .tb3{
      font-size: 14px;
  }
}
.trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .title{
  margin-bottom: 2px;
}

.trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .title .spf{
  color: #FF5A00;
  vertical-align: top;
}


.trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .btn{
  width: auto;
  margin-top: 12px;
  padding: 11px 35px;
  background-color: transparent;
}

@media screen and (max-width: 1023px) {
  .trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .btn{
      width: auto;
      padding: 9px 16px;
  }
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .pop-btn{
      padding-bottom: 50px;
  }
  .trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .btn{
      padding: 8px 12px;
  }
  .trp.popupfixed-wrap.popup_bottom .popup-layer .pop-body .btn .tb3{
      font-size: 12px;
  }
}

.trp.popupfixed-wrap.popup_bottom .popup-layer .pop-closebtn{
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 6px 0;
}
.trp.popupfixed-wrap.popup_bottom .popup-layer .pop-closebtn .tb3{
  font-size: 14px;
  line-height: 20px;
}

.trp.popupfixed-wrap.popup_bottom .popup-layer .pop-closebtn .spf{
  vertical-align: middle;
  margin-top: 0;
  margin-left: 2px;
}


/* 스와이퍼 팝업 */
.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev, 
.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next, 
.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .pagination {
  position: absolute;
  z-index: 5;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev, 
.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  text-align: center;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev i, 
.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next i {
  text-align: center;
  width: 40px;
  height: 40px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev i::before, 
.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next i::before {
  width: 40px;
  height: 40px;
  color: #000;
  opacity: 1;
  font-size: 32px;
  line-height: 40px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev.swiper-button-disabled, 
.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next.swiper-button-disabled {
  opacity: .42;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev {
  left: 8px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next {
  right: 8px;
}


.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .pagination {
  text-align: center;
  font-size: 0;
  padding: 16px;
  left: 0;
  right: 0;
  bottom: 0;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  opacity: 0.42;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: width 0.3s ease-out;
  -moz-transition: width 0.3s ease-out;
  -ms-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
  background: rgba(0, 0, 0, 1);
  opacity: 1;
}

@media screen and (max-width: 1439px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev {
    left: 4px;
  }

  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next {
    right: 4px;
  }
}

@media screen and (max-width: 767px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev,
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next{
    display: none;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .pagination {
    padding: 13px;
  }
}

/*# sourceMappingURL=maps/common_pub.css.map */