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

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

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

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

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

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

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/roboto-v30-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/roboto-v30-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v30-latin-300.woff2") format("woff2"), url("./fonts/roboto-v30-latin-300.woff") format("woff"), url("./fonts/roboto-v30-latin-300.ttf") format("truetype"), url("./fonts/roboto-v30-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/roboto-v30-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v30-latin-regular.woff") format("woff"), url("./fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v30-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/roboto-v30-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/roboto-v30-latin-500.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v30-latin-500.woff2") format("woff2"), url("./fonts/roboto-v30-latin-500.woff") format("woff"), url("./fonts/roboto-v30-latin-500.ttf") format("truetype"), url("./fonts/roboto-v30-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/roboto-v30-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v30-latin-700.woff2") format("woff2"), url("./fonts/roboto-v30-latin-700.woff") format("woff"), url("./fonts/roboto-v30-latin-700.ttf") format("truetype"), url("./fonts/roboto-v30-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("./fonts/roboto-v30-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/roboto-v30-latin-900.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v30-latin-900.woff2") format("woff2"), url("./fonts/roboto-v30-latin-900.woff") format("woff"), url("./fonts/roboto-v30-latin-900.ttf") format("truetype"), url("./fonts/roboto-v30-latin-900.svg#Roboto") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url("./fonts/Poppins-Thin.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Poppins-Thin.eot?#iefix") format("embedded-opentype"), url("./fonts/Poppins-Thin.woff2") format("woff2"), url("./fonts/Poppins-Thin.woff") format("woff"), url("./fonts/Poppins-Thin.ttf") format("truetype"), url("./fonts/Poppins-Thin.svg#Roboto") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url("./fonts/Poppins-ExtraLight.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Poppins-ExtraLight.eot?#iefix") format("embedded-opentype"), url("./fonts/Poppins-ExtraLight.woff2") format("woff2"), url("./fonts/Poppins-ExtraLight.woff") format("woff"), url("./fonts/Poppins-ExtraLight.ttf") format("truetype"), url("./fonts/Poppins-ExtraLight.svg#Roboto") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/Poppins-Light.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Poppins-Light.woff2") format("woff2"), url("./fonts/Poppins-Light.woff") format("woff"), url("./fonts/Poppins-Light.ttf") format("truetype"), url("./fonts/Poppins-Light.svg#Roboto") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/Poppins-Regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Poppins-Regular.woff2") format("woff2"), url("./fonts/Poppins-Regular.woff") format("woff"), url("./fonts/Poppins-Regular.ttf") format("truetype"), url("./fonts/Poppins-Regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/Poppins-Medium.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/Poppins-Medium.woff2") format("woff2"), url("./fonts/Poppins-Medium.woff") format("woff"), url("./fonts/Poppins-Medium.ttf") format("truetype"), url("./fonts/Poppins-Medium.svg#Roboto") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url("./fonts/Poppins-SemiBold.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("./fonts/Poppins-SemiBold.woff2") format("woff2"), url("./fonts/Poppins-SemiBold.woff") format("woff"), url("./fonts/Poppins-SemiBold.ttf") format("truetype"), url("./fonts/Poppins-SemiBold.svg#Roboto") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/Poppins-Bold.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/Poppins-Bold.woff2") format("woff2"), url("./fonts/Poppins-Bold.woff") format("woff"), url("./fonts/Poppins-Bold.ttf") format("truetype"), url("./fonts/Poppins-Bold.svg#Roboto") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url("./fonts/Poppins-ExtraBold.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Poppins-ExtraBold.eot?#iefix") format("embedded-opentype"), url("./fonts/Poppins-ExtraBold.woff2") format("woff2"), url("./fonts/Poppins-ExtraBold.woff") format("woff"), url("./fonts/Poppins-ExtraBold.ttf") format("truetype"), url("./fonts/Poppins-ExtraBold.svg#Roboto") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url("./fonts/Poppins-Black.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Poppins-Black.eot?#iefix") format("embedded-opentype"), url("./fonts/Poppins-Black.woff2") format("woff2"), url("./fonts/Poppins-Black.woff") format("woff"), url("./fonts/Poppins-Black.ttf") format("truetype"), url("./fonts/Poppins-Black.svg#Roboto") format("svg");
  /* Legacy iOS */
}


/* 일본어 */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: local(""), url(./fonts/NotoSansJP-Thin.woff2) format("woff2"), url(./fonts/NotoSansJP-Thin.woff) format("woff"), url(./fonts/NotoSansJP-Thin.otf) format("opentype");
}

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

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

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

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

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

/* 중국어(번체) */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: local(""), url(./fonts/NotoSansTC-Thin.woff2) format("woff2"), url(./fonts/NotoSansTC-Thin.woff) format("woff"), url(./fonts/NotoSansTC-Thin.otf) format("opentype");
}

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

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

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

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

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

/* 중국어(간체) */
@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 100;
  src: local(""), url(./fonts/NotoSansSC-Thin.woff2) format("woff2"), url(./fonts/NotoSansSC-Thin.woff) format("woff"), url(./fonts/NotoSansSC-Thin.otf) format("opentype");
}

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

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

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

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

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


@font-face {
  font-family: 'Cute-Regular';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/Cute-Regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Cute-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Cute-Regular.woff2") format("woff2"), url("./fonts/Cute-Regular.woff") format("woff"), url("./fonts/Cute-Regular.ttf") format("truetype");
  /* Legacy iOS */
}

@font-face {
  font-family: 'Diphylleia-Regular';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/Diphylleia-Regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/Diphylleia-Regular?#iefix") format("embedded-opentype"), url("./fonts/Diphylleia-Regular.woff2") format("woff2"), url("./fonts/Diphylleia-Regular.woff") format("woff"), url("./fonts/Diphylleia-Regular.ttf") format("truetype");
  /* Legacy iOS */
}

@font-face {
  font-family: 'gamjaflower-regular';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/gamjaflower-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/gamjaflower-regular?#iefix") format("embedded-opentype"), url("./fonts/gamjaflower-regular.woff2") format("woff2"), url("./fonts/gamjaflower-regular.woff") format("woff"), url("./fonts/gamjaflower-regular.ttf") format("truetype");
  /* Legacy iOS */
}




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

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

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

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

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

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

.ft_st {
  font-family: "Roboto";
  font-weight: 100;
}

.ft_sl {
  font-family: "Roboto";
  font-weight: 300;
}

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

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

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

.ft_sbb {
  font-family: "Roboto";
  font-weight: 900;
}

.colorB {
  color: #222222;
}

.colorP {
  color: #cc0000;
}

.colorD {
  color: #454545;
}

.colorS {
  color: #777777;
}

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

.colorE {
  color: #f24848;
}

/* ============== 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?v=2023_15_1637);
  background-position: -34px -134px;
  width: 23px;
  height: 23px;
}

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

.form-checkbox-dim-sm::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -176px -90px;
  width: 14px;
  height: 14px;
}

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

.form-checkbox-dim::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: 0px -100px;
  width: 24px;
  height: 24px;
}

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

.form-checkbox-off-sm::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -176px -114px;
  width: 14px;
  height: 14px;
}

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

.form-checkbox-off::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -34px -100px;
  width: 24px;
  height: 24px;
}

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

.form-checkbox-on-sm::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -176px -138px;
  width: 14px;
  height: 14px;
}

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

.form-checkbox-on::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -68px -100px;
  width: 24px;
  height: 24px;
}

.form-checkbox_big-dim {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.form-checkbox_big-dim::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -58px 0px;
  width: 32px;
  height: 32px;
}

.form-checkbox_big-off {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.form-checkbox_big-off::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: 0px -58px;
  width: 32px;
  height: 32px;
}

.form-checkbox_big-on {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.form-checkbox_big-on::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -42px -58px;
  width: 32px;
  height: 32px;
}

.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?v=2023_15_1637);
  background-position: 0px -168px;
  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?v=2023_15_1637);
  background-position: -23px -168px;
  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?v=2023_15_1637);
  background-position: -131px -134px;
  width: 20px;
  height: 20px;
}

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

.form-radio-dark-off::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -102px -100px;
  width: 24px;
  height: 24px;
}

.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?v=2023_15_1637);
  background-position: -176px 0px;
  width: 20px;
  height: 20px;
}

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

.form-radio-off::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -142px 0px;
  width: 24px;
  height: 24px;
}

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

.form-radio-on::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -142px -34px;
  width: 24px;
  height: 24px;
}

.form-radio_big_clear-off {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.form-radio_big_clear-off::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -100px 0px;
  width: 32px;
  height: 32px;
}

.form-radio_big_clear-on {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.form-radio_big_clear-on::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -100px -42px;
  width: 32px;
  height: 32px;
}

.form-radio_clear-off {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.form-radio_clear-off::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -142px -68px;
  width: 24px;
  height: 24px;
}

.form-radio_clear-on {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.form-radio_clear-on::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: 0px -134px;
  width: 24px;
  height: 24px;
}

.form-search_del {
  display: inline-block;
  width: 22px;
  height: 22px;
}

.form-search_del::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -142px -102px;
  width: 22px;
  height: 22px;
}

.form-search_del-2x {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.form-search_del-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-size: 98px 91.5px;
  background-position: 0px 0px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 959px) {
  .form-search_del {
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .form-search_del::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
    background-size: 98px 91.5px;
    background-position: 0px 0px;
    width: 24px;
    height: 24px;
  }
}

.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?v=2023_15_1637);
  background-position: -176px -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?v=2023_15_1637);
  background-position: -176px -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?v=2023_15_1637);
  background-position: -67px -134px;
  width: 23px;
  height: 23px;
}

.form-tooltip-top {
  display: inline-block;
  width: 12px;
  height: 10px;
}

.form-tooltip-top::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -46px -168px;
  width: 12px;
  height: 10px;
}

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

.form-tooltip::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -100px -134px;
  width: 21px;
  height: 21px;
}

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

.btn_delete::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -393px -303px;
  width: 16px;
  height: 16px;
}

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

.icon-accordion_arrow_down::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -351px -210px;
  width: 30px;
  height: 30px;
}

.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?v=2023_15_1637);
  background-position: -351px -250px;
  width: 30px;
  height: 30px;
}

.icon-breadcromb_arrow-2x {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.icon-breadcromb_arrow-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -117.5px -87px;
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 959px) {
  .icon-breadcromb_arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
  }
  .icon-breadcromb_arrow::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -117.5px -87px;
    width: 16px;
    height: 16px;
  }
}

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

.icon-camera::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -144px -328px;
  width: 28px;
  height: 24px;
}

.theme-dark .icon-camera::after {
  background: url(../images/common/icon_camera_64-dk.png);
  background-size: cover;
}

.icon-camera-2x {
  display: inline-block;
  width: 22px;
  height: 20px;
}

.icon-camera-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -146.5px -58px;
  width: 22px;
  height: 20px;
}

@media screen and (max-width: 959px) {
  .icon-camera {
    display: inline-block;
    width: 22px;
    height: 20px;
  }
  .icon-camera::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -146.5px -58px;
    width: 22px;
    height: 20px;
  }
}

.icon-chat-blue {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.icon-chat-blue::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -128px -156px;
  width: 48px;
  height: 48px;
}

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

.icon-chat::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -182px -328px;
  width: 24px;
  height: 24px;
}

.icon-chat-2x {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-chat-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -117.5px 0px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 959px) {
  .icon-chat {
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .icon-chat::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -117.5px 0px;
    width: 24px;
    height: 24px;
  }
}

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

.icon-check_done::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -186px -156px;
  width: 32px;
  height: 32px;
}

.icon-check_done-2x {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-check_done-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -117.5px -29px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 959px) {
  .icon-check_done {
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .icon-check_done::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -117.5px -29px;
    width: 24px;
    height: 24px;
  }
}

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

.icon-count::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -393px -329px;
  width: 16px;
  height: 16px;
}

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

.icon-delete::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -100px -278px;
  width: 32px;
  height: 32px;
}

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

.icon-delete2::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -142px -278px;
  width: 32px;
  height: 32px;
}

.icon-delete2-2x {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-delete2-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: 0px -41px;
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 959px) {
  .icon-delete2 {
    display: inline-block;
    width: 32px;
    height: 32px;
  }
  .icon-delete2::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: 0px -41px;
    width: 32px;
    height: 32px;
  }
}

.icon-delete-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-delete-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -146.5px -83px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 959px) {
  .icon-delete {
    display: inline-block;
    width: 20px;
    height: 20px;
  }
  .icon-delete::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -146.5px -83px;
    width: 20px;
    height: 20px;
  }
}

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

.icon-error::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -50px -367px;
  width: 14px;
  height: 14px;
}

.icon-error-2x {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.icon-error-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -36px -163px;
  width: 14px;
  height: 14px;
}

@media screen and (max-width: 959px) {
  .icon-error {
    display: inline-block;
    width: 14px;
    height: 14px;
  }
  .icon-error::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -36px -163px;
    width: 14px;
    height: 14px;
  }
}

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

.icon-file-blue::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -216px -328px;
  width: 24px;
  height: 24px;
}


.theme-dark .icon-file-blue::after {
  background-position: -216px -360px;
}

.icon-file-blue-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-file-blue-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -146.5px -108px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 959px) {
  .icon-file-blue {
    display: inline-block;
    width: 20px;
    height: 20px;
  }
  .icon-file-blue::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -146.5px -107px;
    width: 20px;
    height: 20px;
  }
  .theme-dark .icon-file-blue::after {
    background-image: url(../images/common/icon_file-40-dk.png);
    background-size: 20px;
    background-position: left 1px;
  }
}

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

.icon-file-more::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -250px -328px;
  width: 24px;
  height: 24px;
}

.icon-file-more_30 {
  display: inline-block;
  width: 61px;
  height: 60px;
}

.icon-file-more_30::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -164px 0px;
  width: 61px;
  height: 60px;
}

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

.icon-insta_reels::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -184px -278px;
  width: 32px;
  height: 32px;
}

.icon-insta_reels-2x {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-insta_reels-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -117.5px -58px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 959px) {
  .icon-insta_reels {
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .icon-insta_reels::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -117.5px -58px;
    width: 24px;
    height: 24px;
  }
}

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

.icon-insta_slide::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -226px -278px;
  width: 32px;
  height: 32px;
}

.icon-insta_slide-2x {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-insta_slide-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: 0px -110px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 959px) {
  .icon-insta_slide {
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .icon-insta_slide::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: 0px -110px;
    width: 24px;
    height: 24px;
  }
}

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

.icon-insta_video::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -268px -278px;
  width: 32px;
  height: 32px;
}

.icon-insta_video-2x {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-insta_video-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -29px -110px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 959px) {
  .icon-insta_video {
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .icon-insta_video::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -29px -110px;
    width: 24px;
    height: 24px;
  }
}

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

.icon-live::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -393px -65px;
  width: 20px;
  height: 20px;
}

.icon-live-2x {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.icon-live-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -142px -164px;
  width: 12px;
  height: 12px;
}

@media screen and (max-width: 959px) {
  .icon-live {
    display: inline-block;
    width: 12px;
    height: 12px;
  }
  .icon-live::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -142px -164px;
    width: 12px;
    height: 12px;
  }
}

.icon-media_thum_arrow_l {
  display: inline-block;
  width: 54px;
  height: 54px;
}

.icon-media_thum_arrow_l::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: 0px -156px;
  width: 54px;
  height: 54px;
}

.icon-media_thum_arrow_r {
  display: inline-block;
  width: 54px;
  height: 54px;
}

.icon-media_thum_arrow_r::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -64px -156px;
  width: 54px;
  height: 54px;
}

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

.icon-more_set::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -318px -328px;
  width: 24px;
  height: 24px;
}

.icon-more_set-2x {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-more_set-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -58px -110px;
  width: 24px;
  height: 24px;
}

.theme-dark .icon-more_set::after {
  background-position: -318px -360px;
}

@media screen and (max-width: 959px) {
  .icon-more_set {
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .icon-more_set::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -58px -110px;
    width: 24px;
    height: 24px;
  }
}

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

.icon-more_set_40::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: 0px -278px;
  width: 40px;
  height: 40px;
}

.icon-more_set_40-2x {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-more_set_40-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -87px -110px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 959px) {
  .icon-more_set_40 {
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .icon-more_set_40::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -87px -110px;
    width: 24px;
    height: 24px;
  }

  .theme-dark .icon-more_set::after {
    background-size: inherit;
  }
}

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

.icon-my::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -352px -328px;
  width: 24px;
  height: 24px;
}

.icon-my-2x {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-my-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -25px -139px;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 959px) {
  .icon-my {
    display: inline-block;
    width: 20px;
    height: 20px;
  }
  .icon-my::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -25px -139px;
    width: 20px;
    height: 20px;
  }
}

.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?v=2023_15_1637);
  background-position: -393px -95px;
  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?v=2023_15_1637);
  background-position: -393px -125px;
  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?v=2023_15_1637);
  background-position: -393px -155px;
  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?v=2023_15_1637);
  background-position: -393px -185px;
  width: 20px;
  height: 20px;
}

.icon-photo-count {
  display: inline-block;
  width: 11px;
  height: 11px;
}

.icon-photo-count::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -96px -367px;
  width: 11px;
  height: 11px;
}

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

.icon-play_32-on::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -351px 0px;
  width: 32px;
  height: 32px;
}

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

.icon-play_32::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -351px -42px;
  width: 32px;
  height: 32px;
}

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

.icon-pop_close::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -310px -278px;
  width: 30px;
  height: 30px;
}

.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?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -82px -35px;
  width: 28px;
  height: 28px;
}

@media screen and (max-width: 959px) {
  .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?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -82px -35px;
    width: 28px;
    height: 28px;
  }
}

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

.icon-refresh::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -351px -84px;
  width: 32px;
  height: 32px;
}

.icon-refresh-2x {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.icon-refresh-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -37px -41px;
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 959px) {
  .icon-refresh {
    display: inline-block;
    width: 32px;
    height: 32px;
  }
  .icon-refresh::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -37px -41px;
    width: 32px;
    height: 32px;
  }
}

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

.icon-reply::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -393px 0px;
  width: 24px;
  height: 24px;
}

.icon-reply-2x {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon-reply-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -116px -110px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 959px) {
  .icon-reply {
    display: inline-block;
    width: 24px;
    height: 24px;
  }
  .icon-reply::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -116px -110px;
    width: 24px;
    height: 24px;
  }
}

.icon-search-blue {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.icon-search-blue::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -293px 0px;
  width: 48px;
  height: 48px;
}

.theme-dark .icon-search-blue::after {
  background-position: -293px -58px;
}

.icon-search-blue-2x {
  display: inline-block;
  width: 36px;
  height: 36px;
}

.icon-search-blue-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: 0px 0px;
  width: 36px;
  height: 36px;
}

@media screen and (max-width: 959px) {
  .icon-search-blue {
    display: inline-block;
    width: 36px;
    height: 36px;
  }
  .icon-search-blue::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: 0px 0px;
    width: 36px;
    height: 36px;
  }
  .theme-dark .icon-search-blue::after {
    background-position: -41px 0;
  }
}

.icon-search-dark {
  display: inline-block;
  width: 48px;
  height: 48px;
}

.icon-search-dark::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -293px -58px;
  width: 48px;
  height: 48px;
}

.icon-search-dark-2x {
  display: inline-block;
  width: 36px;
  height: 36px;
}

.icon-search-dark-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -41px 0px;
  width: 36px;
  height: 36px;
}

@media screen and (max-width: 959px) {
  .icon-search-dark {
    display: inline-block;
    width: 36px;
    height: 36px;
  }
  .icon-search-dark::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -41px 0px;
    width: 36px;
    height: 36px;
  }
}

.icon-success {
  display: inline-block;
  width: 13px;
  height: 13px;
}

.icon-success::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -73px -367px;
  width: 13px;
  height: 13px;
}

.icon-time-list {
  display: inline-block;
  width: 17px;
  height: 19px;
}

.icon-time-list::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -393px -245px;
  width: 17px;
  height: 19px;
}

.icon-time-list-2x {
  display: inline-block;
  width: 13px;
  height: 14.5px;
}

.icon-time-list-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: 0px -164px;
  width: 13px;
  height: 14.5px;
}

@media screen and (max-width: 959px) {
  .icon-time-list {
    display: inline-block;
    width: 13px;
    height: 14.5px;
  }
  .icon-time-list::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: 0px -164px;
    width: 13px;
    height: 14.5px;
  }
}

.icon-time-list_on {
  display: inline-block;
  width: 17px;
  height: 19px;
}

.icon-time-list_on::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -393px -274px;
  width: 17px;
  height: 19px;
}

.icon-time-list_on-2x {
  display: inline-block;
  width: 13px;
  height: 14.5px;
}

.icon-time-list_on-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -18px -164px;
  width: 13px;
  height: 14.5px;
}

@media screen and (max-width: 959px) {
  .icon-time-list_on {
    display: inline-block;
    width: 13px;
    height: 14.5px;
  }
  .icon-time-list_on::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -18px -164px;
    width: 13px;
    height: 14.5px;
  }
}

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

.icon-timer::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: 0px -367px;
  width: 16px;
  height: 16px;
}

.icon-timer-2x {
  display: inline-block;
  width: 13px;
  height: 13px;
}

.icon-timer-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -54px -164px;
  width: 13px;
  height: 13px;
}

@media screen and (max-width: 959px) {
  .icon-timer {
    display: inline-block;
    width: 13px;
    height: 13px;
  }
  .icon-timer::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -54px -164px;
    width: 13px;
    height: 13px;
  }
}

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

.icon-timer_14::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -26px -367px;
  width: 14px;
  height: 14px;
}

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

.icon-timer_28::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -351px -290px;
  width: 28px;
  height: 28px;
}

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

.icon-tooltip_black::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -393px -34px;
  width: 20px;
  height: 21px;
}

.icon-tooltip_black-2x {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.icon-tooltip_black-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -175.5px -63px;
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 959px) {
  .icon-tooltip_black {
    display: inline-block;
    width: 16px;
    height: 16px;
  }
  .icon-tooltip_black::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -175.5px -63px;
    width: 16px;
    height: 16px;
  }
}

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

.icon-warning::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -393px -215px;
  width: 20px;
  height: 20px;
}

.theme-dark .icon-warning::after {
  background-position: -287px -360px;
}

.icon-warning-2x {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.icon-warning-2x::after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-size: 208.5px 191.5px;
  background-position: -175.5px -84px;
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 959px) {
  .icon-warning {
    display: inline-block;
    width: 16px;
    height: 16px;
  }
  .icon-warning::after {
    content: "";
    display: block;
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -175.5px -84px;
    width: 16px;
    height: 16px;
  }
  .theme-dark .icon-warning::after {
    background: url(../images/common/icon_warning-40-dk.png);
    background-size: cover;
  }
}

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

/* %spf {
	@include spf-styles;
} */
.spf-acodion_arrow:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-arrow_next:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-arrow_page-l:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-arrow_page-r:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-arrow_prev:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-big_banner-arrow_l:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-big_banner-arrow_r:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-big_banner-play:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-breadcrumb_arrow-16:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-channel_link-arrow:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-count:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-envelope:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-float_sns:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-float_top:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-footer_select_arrow-12:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-gnb_back:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-gnb_menu_close:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-gnb_menu_close_pc:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-gnb_menu_open:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-gnb_search:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-gnb_subdep1-arrow:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-gnb_subdep2-arrow:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-icon-alarm:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-icon_arrow_40_r:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-icon_arrow_54_l:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-icon_arrow_54_r:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-icon_delete:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-icon_live:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-icon_slider_arrow_l:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-icon_slider_arrow_r:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-icon_sound-off:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-icon_sound-on:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-itme_link-arrow:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-media_main_arrow_l:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-media_main_arrow_r:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-mobile_link_arrow:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-navi_page-arrow_l:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-navi_page-arrow_r:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-pop_close:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-refresh:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-thick_arrow_r:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-title_link-arrow:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-video-play-arrow:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-video-play:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-video_list_page:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-_belt_banner_arrow_l:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-_belt_banner_arrow_r:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-_belt_banner_close-16:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.spf-_belt_banner_close-32:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

/*  
  _mixin.scss  

  # 선언  (@content); 확장
  @mixin opacity($value) {
    opacity: $value;
    @content;
  }

  # 사용
  xxx {
    @include opacity(.5){
      확장 스타일
    }
  }

*/
/* opacity(1.0) == 100% */
/* 1줄 말줄임 */
/* 멀티라인 말줄임 */
/* 텍스트 깨기 */
/* 텍스트 단어별 줄바꿈  */
/* float 영역 유지 */
/* 
* before 속성을 이용한 vertical 정열
*
*/
/** 
 * 비율로 영역 확보  
 * bg-ratio ($ratio) : ( 16:9 = 56.25%);
 */
/* ================= function ================= */
/* 단위환산 / 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: #cc0000;
}

.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: "Noto Sans KR", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
  font-size: 14px;
  color: #464646;
  line-height: 1.3;
  letter-spacing: -0.4px;
  font-weight: 300;
}


html.lang-ja html, html.lang-ja body {
  font-family: "Noto Sans JP", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
}

html.lang-zh-CN html, html.lang-zh-CN body {
  font-family: "Noto Sans SC", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
}

html.lang-zh-TW html, html.lang-zh-TW body {
  font-family: "Noto Sans TC", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
}


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;
  word-break: break-all;
}

/*글자자동조절방지*/
html.lang-en 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 {
  word-break: keep-all;
}

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

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

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

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

.mb48 {
  margin-bottom: 48px !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 */
.wauto {
  width: auto !important;
}

.w100 {
  width: 100px !important;
}

.w200 {
  width: 200px !important;
}

.w300 {
  width: 300px !important;
}

.w400 {
  width: 400px !important;
}

.w500 {
  width: 500px !important;
}

.w600 {
  width: 600px !important;
}

.w700 {
  width: 700px !important;
}

.w800 {
  width: 800px !important;
}

.w900 {
  width: 900px !important;
}

.w10p {
  width: 10% !important;
}

.w20p {
  width: 20% !important;
}

.w25p {
  width: 25% !important;
}

.w30p {
  width: 30% !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w60p {
  width: 60% !important;
}

.w70p {
  width: 70% !important;
}

.w75p {
  width: 75% !important;
}

.w80p {
  width: 80% !important;
}

.w90p {
  width: 90% !important;
}

.w95p {
  width: 95% !important;
}

.w100p {
  width: 100% !important;
}

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

.h200 {
  height: 200px !important;
}

.h300 {
  height: 300px !important;
}

.h400 {
  height: 400px !important;
}

.h500 {
  height: 500px !important;
}

.h600 {
  height: 600px !important;
}

.h700 {
  height: 700px !important;
}

.h800 {
  height: 800px !important;
}

.h900 {
  height: 900px !important;
}

.h10p {
  height: 10% !important;
}

.h20p {
  height: 20% !important;
}

.h30p {
  height: 30% !important;
}

.h40p {
  height: 40% !important;
}

.h50p {
  height: 50% !important;
}

.h60p {
  height: 60% !important;
}

.h70p {
  height: 70% !important;
}

.h80p {
  height: 80% !important;
}

.h90p {
  height: 90% !important;
}

.h100p {
  height: 100% !important;
}

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

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

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

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

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

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

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

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

.col8 > a, .col8 > li, .col8 > .colitem {
  float: left;
  box-sizing: border-box;
  width: 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;
}

/* 아이콘 폰트 */
.spf, .spf-envelope:before {
  display: inline-block;
}

.spf::before {
  display: block;
  line-height: 1;
  normalize: true;
}

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

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

/* 팝업 떴을때 */
.wrapper.popup_on {
  position: fixed;
}

#contents {
  min-height: 100vh;
  overflow: hidden;
  min-width: 1360px;
  margin: 0 auto;
}

@media all and (max-width: 959px) {
  #contents {
    min-width: auto;
  }
}

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

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

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

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

.only-mb {
  display: none;
}

.only_ib-mb {
  display: none;
}

@media all and (max-width: 959px) {
  .only-pc {
    display: none;
  }
  .only_ib-pc {
    display: none;
  }
  .only-mb {
    display: block;
  }
  .only_ib-mb {
    display: inline-block;
  }
}

/* ========================== text */
.h1 {
  font-size: 30px;
  font-weight: bold;
  color: #222222;
}

.h2 {
  font-size: 27px;
  font-weight: bold;
  color: #222222;
}

.h3 {
  font-size: 23px;
  font-weight: bold;
  color: #222222;
}

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

.h5 {
  font-size: 17px;
  font-weight: bold;
  color: #222222;
}

.h6 {
  font-size: 15px;
  font-weight: normal;
  color: #222222;
}

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

/* 검색어 컬러 */
q.search-q {
  color: #F90228 !important;
}

.title-main .module_type q,
.list-wrap q {
  color: #F90228 !important;
}

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

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

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

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

.colorPrimary,
.c-red {
  color: #F90228;
}

.colorB {
  color: #222222;
}

.colorP {
  color: #cc0000;
}

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

.colorE {
  color: #f24848;
}

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

a.link_hover:hover,
.link_hover {
  text-decoration: underline;
}

/* ========================== 컨텐츠 간격  */
.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;
}

/* ========================== 섹션 basis-section  (type_section-XXXX) */
section[class$="-section"] .section-wrap {
  min-width: 1360px;
  padding: 90px 0;
  background-repeat: no-repeat;
  background-position: center 0;
}

section[class$="-section"] .section-wrap > .section-inner,
section[class$="-section"] .section-dim > .section-inner {
  padding: 0 20px;
  width: 1360px;
  margin: 0 auto;
}

section[class$="-section"].mode-full .section-wrap {
  width: 100%;
  min-width: 1360px;
}

section[class$="-section"].mode-full .section-wrap > .section-inner,
section[class$="-section"].mode-full .section-dim > .section-inner {
  /* width: 100%; min-width: $G-width;  */
  width: 100%;
  margin: 0 auto;
  min-width: 100%;
  padding: 0px;
}

section[class$="-section"].mode-inner .section-wrap > .section-inner,
section[class$="-section"].mode-inner .section-dim > .section-inner {
  width: 1360px;
  margin: 0 auto;
  min-width: 1360px;
  padding: 0 20px;
}

section[class$="-section"]:last-child .section-wrap {
  padding-bottom: 180px;
}

@media all and (max-width: 959px) {
  section[class$="-section"] .section-wrap {
    width: 100%;
    padding: 45px 0;
    min-width: 100%;
  }
  section[class$="-section"] .section-wrap > .section-inner,
  section[class$="-section"] .section-dim > .section-inner {
    width: 100%;
    min-width: 100%;
    padding: 0px 16px;
  }
  section[class$="-section"].mode-full .section-wrap {
    width: 100%;
    min-width: 100%;
  }
  section[class$="-section"].mode-full .section-wrap .section-inner,
  section[class$="-section"].mode-full .section-dim .section-inner {
    width: 100%;
    min-width: 100%;
    padding: 0px;
  }
  section[class$="-section"].mode-mbfull .panel-header {
    padding-left: 16px;
    padding-right: 16px;
  }
  section[class$="-section"].mode-mbfull .section-wrap {
    width: 100%;
    min-width: 100%;
  }
  section[class$="-section"].mode-mbfull .section-wrap .section-inner,
  section[class$="-section"].mode-mbfull .section-dim .section-inner {
    width: 100%;
    min-width: 100%;
    padding: 0px;
  }
  section[class$="-section"].mode-mbfull .section-wrap .side-area,
  section[class$="-section"].mode-mbfull .section-dim .side-area {
    right: 16px;
  }
  section[class$="-section"].mode-mbfull .panel-footer {
    padding-left: 16px;
    padding-right: 16px;
  }
  section[class$="-section"].mode-inner .section-wrap > .section-inner,
  section[class$="-section"].mode-inner .section-dim > .section-inner {
    width: 100%;
    padding: 0 16px;
    min-width: 100%;
  }
  section[class$="-section"]:last-child .section-wrap {
    padding-bottom: 80px;
  }
}

/* ========================== 패널 content-panel (type_panel-XXXX) */
.content-panel {
  /* ---------------------- 패널 테마 */
  /* // ---------------------- 패널 테마 */
  /* XXXXX */
}

.content-panel > .panel-header.theme-dark .page_title span {
  color: #fff;
}

.content-panel > .panel-header.theme-dark .title-sub span {
  color: #fff;
}

.content-panel > .panel-header.theme-dark .title-main span {
  color: #fff;
}

.content-panel > .panel-header {
  padding-bottom: 32px;
}

.content-panel > .panel-header a {
  display: inline-block;
}

.content-panel > .panel-header .page_title {
  padding: 30px 0 120px;
}

.content-panel > .panel-header .page_title span {
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.03em;
  color: #000000;
}

.content-panel > .panel-header .header-inner {
  display: inline-table;
}

.content-panel > .panel-header .header-inner.select {
  padding-right: 200px;
}

.content-panel > .panel-header .title-sub {
  margin-bottom: 8px;
}

.content-panel > .panel-header .title-sub span {
  color: #111;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: -0.02em;
}

.content-panel > .panel-header .title-main span {
  color: #111;
  font-weight: 700;
  font-size: 38px;
  line-height: 46px;
  letter-spacing: -0.03em;
}

.content-panel > .panel-header .title-main q {
  color: #F90228;
}

.content-panel > .panel-header .title-main .spf, .content-panel > .panel-header .title-main .spf-envelope:before {
  width: 18px;
  height: 18px;
  margin: 0px 0 21px 12px;
  vertical-align: top;
}

.content-panel > .panel-header .title-main .spf::before {
  font-size: 18px;
  color: #FF1230;
}

.content-panel > .panel-header .title span {
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #000000;
}

.content-panel > .panel-header .title.title_type-font_lg_1 span {
  font-size: 46px;
  font-weight: 700;
  line-height: 74px;
  letter-spacing: -0.01em;
}

.content-panel > .panel-header .title.title_type-font_lg_2 span {
  font-size: 38px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.02em;
}

@media all and (max-width: 959px) {
  .content-panel > .panel-header .title span {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.01em;
    color: #000000;
  }
  .content-panel > .panel-header .title.title_type-font_lg_1 span {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.02em;
  }
  .content-panel > .panel-header .title.title_type-font_lg_2 span {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.03em;
  }
}

.content-panel > .panel-header .category-list {
  margin-top: 20px;
}

.content-panel > .panel-header .category-list li {
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: #fff;
}

.content-panel > .panel-header .category-list li + li {
  display: inline-block;
  margin-left: 10px;
  padding-left: 10px;
}

.content-panel > .panel-header .category-list li + li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.4);
}

@media all and (max-width: 959px) {
  .content-panel > .panel-header {
    padding-bottom: 18px;
  }
  .content-panel > .panel-header .page_title {
    padding: 15px 0 60px;
  }
  .content-panel > .panel-header .page_title span {
    font-size: 25px;
    line-height: 30px;
  }
  .content-panel > .panel-header .header-inner.select {
    padding-right: 140px;
  }
  .content-panel > .panel-header .title-sub {
    margin-bottom: 2px;
  }
  .content-panel > .panel-header .title-sub span {
    font-size: 13px;
    line-height: 18px;
  }
  .content-panel > .panel-header .title-main span {
    font-size: 23px;
    line-height: 30px;
  }
  .content-panel > .panel-header .title-main .spf, .content-panel > .panel-header .title-main .spf-envelope:before {
    width: 12px;
    height: 12px;
    margin: 0 0 12px 8px;
  }
  .content-panel > .panel-header .title-main .spf::before {
    font-size: 12px;
  }
  .content-panel > .panel-header .category-list {
    margin-top: 10px;
  }
  .content-panel > .panel-header .category-list li {
    font-size: 13px;
    line-height: 20px;
  }
  .content-panel > .panel-header .category-list li + li {
    margin-left: 8px;
    padding-left: 8px;
  }
  .content-panel > .panel-header .category-list li + li::before {
    top: 5px;
    height: 10px;
  }
}

.content-panel > .panel-header.title_type-btn .header-inner {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
}

.content-panel > .panel-header.title_type-btn .header-inner a,
.content-panel > .panel-header.title_type-btn .header-inner .title_wrap {
  max-width: 917px;
}

@media all and (max-width: 959px) {
  .content-panel > .panel-header.title_type-btn .header-inner a,
  .content-panel > .panel-header.title_type-btn .header-inner .title_wrap {
    max-width: 100%;
  }
  
  .content-panel > .panel-header.title_type-btn .header-inner .btn-wrap {
    margin-top: 24px;
  }
  .content-panel > .panel-header.title_type-btn.type02{
    padding-bottom:16px;
  }
  .content-panel > .panel-header.title_type-btn.type02 .header-inner{
    display: block;
  }
  .content-panel > .panel-header.title_type-btn.type02 .header-inner .more_btn-wrap{
    margin-top: 24px;
  }
}

.content-panel.type_panel-con_box {
  border: 1px solid #ccc;
}

.content-panel.type_panel-con_box > .panel-header {
  padding: 10px;
}

.content-panel.type_panel-con_box > .panel-body {
  padding: 20px 10px;
  border-top: 1px solid #ccc;
}

.content-panel.type_panel-con_box > .panel-footer {
  padding: 10px;
  border-top: 1px solid #ccc;
}

/* ---------------------- 패널 테마 */
/* .theme-light {

}
.theme-dark {
  .content-panel{ 
    >.panel-header { 
      .page_title  span { color:#fff }
      .title-sub   span { color:#fff }
      .title-main  span { color:#fff }
    }
  }
}
  */
/* ========================== //  content-panel (컨텐츠이름-panel) */
/* ========================== //  페이지타이틀공통 */
.top_title-section .section-inner {
  min-width: 1360px;
  padding: 0 !important;
  overflow: hidden;
  transition: top 0.3s ease-out;
}

.top_title-section .section-inner .con-inner {
  width: 1360px;
  margin: 0 auto;
  padding: 0 20px;
}

.top_title-section .title {
  font-size: 38px;
  line-height: 48px;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #fff;
  padding: 60px 0 50px;
}

@media all and (max-width: 959px) {
  .top_title-section .section-inner {
    min-width: 100%;
  }
  .top_title-section .section-inner .con-inner {
    width: 100%;
    padding: 0 16px;
  }
  .top_title-section .title {
    font-size: 22px;
    line-height: 34px;
    padding: 28px 0 30px;
  }
}

.top_title-section.search .title {
  font-size: 38px;
  line-height: 48px;
  letter-spacing: -0.02em;
  font-weight: 400;
  color: #fff;
  padding: 80px 0;
}

.top_title-section.search .title span {
  font-weight: 700;
}

.top_title-section.search .title.no_data {
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}

@media all and (max-width: 959px) {
  .top_title-section.search .title {
    font-size: 22px;
    line-height: 34px;
    padding: 48px 0;
  }
  .top_title-section.search .title.no_data {
    text-align: left;
  }
}

.top_title-section .title + .search-noData {
  margin-top: -40px;
  margin-bottom: 80px;
}

@media all and (max-width: 959px) {
  .top_title-section .title + .search-noData {
    margin-top: -24px;
    margin-bottom: 48px;
  }
}

.top_title-section.my_list .title {
  font-size: 46px;
  font-weight: 700;
  line-height: 70px;
  letter-spacing: -0.01em;
  text-align: left;
  padding: 40px 0;
}

@media all and (max-width: 959px) {
  .top_title-section.my_list .title {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.02em;
  }
}

.search-noData {
  width: 100%;
  max-width: 648px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  padding: 40px;
}

@media all and (max-width: 959px) {
  .search-noData {
    padding: 20px;
  }
}

.search-noData .mark_dot-list li {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.6);
}

.search-noData .mark_dot-list li:after {
  background-color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .search-noData .mark_dot-list li {
    font-size: 12px;
    line-height: 20px;
  }
}

/* ==========================  비율  */
.img-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  text-align: center;
}

.img-ratio img,
.img-ratio .lazyload-wrapper {
  width: 100%;
}

.img-ratio .noimg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.12);
  background-position: center;
  background-repeat: no-repeat;
}

.img-box .noimg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.12);
  background-position: center;
  background-repeat: no-repeat;
}

.img_empty {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
}

.img_empty .img-ratio {
  background-color: transparent;
  padding-bottom: 32.00% !important;
  overflow: hidden;
}

.img_empty .img-ratio .lazyload-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.theme-dark .img-ratio .noimg,
.theme-light .img-ratio .noimg {
  background-color: #e0e0e0;
}

.theme-dark .img-box .noimg,
.theme-light .img-box .noimg {
  background-color: #e0e0e0;
}

/* ==========================  정열  */
.img-align {
  position: absolute;
  right: 0;
  left: 0;
  vertical-align: middle;
  width: auto;
  height: 100%;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

.img-align.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.img-align.flex::before {
  display: none;
}

.img-align::before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
  font-size: 0;
}

.img-align img,
.img-align .lazyload-wrapper {
  display: inline-block;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

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

.mark_char_item::before {
  content: "-";
  display: inline-block;
  text-indent: -.7em;
}

.mark_char-list li {
  position: relative;
  padding-left: 0.7em;
}

.mark_char-list li::before {
  content: "-";
  display: inline-block;
  text-indent: -.7em;
}

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

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

.mark_dot-list li {
  position: relative;
  padding-left: 12px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.01em;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
}

.mark_dot-list li:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .mark_dot-list li {
    font-size: 12px;
    line-height: 20px;
  }
  .mark_dot-list li:after {
    top: 8px;
    width: 4px;
    height: 4px;
  }
}

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

.table-panel > .p-header {
  position: relative;
  line-height: 40px;
  padding-bottom: 5px;
}

.table-panel > .p-header .title em {
  color: #cc0000;
}

.table-panel .p-body {
  border-top: 2px solid #555555;
}

.table-panel .ab-r {
  font-size: 0;
}

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

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

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

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

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

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

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

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

table th.tac,
table td.tac {
  text-align: center;
}

table th.bdl,
table td.bdl {
  border-left: 1px solid #d8d8d8 !important;
}

table th.bdr,
table td.bdr {
  border-right: 1px solid #d8d8d8 !important;
}

table th.bdt_b,
table td.bdt_b {
  border-top: 2px solid #555555 !important;
}

table.top_bold_bar {
  border-top: 2px solid #555555 !important;
}

table.topbar_none {
  border-top: 0px !important;
}

table.bottom_bar {
  border-bottom: 1px solid #d8d8d8 !important;
}

/* ========================== table_list : .style1 */
.table_list th {
  padding: 15px 20px;
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
  color: #222222;
  background-color: #f7f8f8;
}

.table_list td {
  padding: 15px 20px;
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
}

.table_list td .td-inner {
  height: 46px;
}

.table_list td .td-inner.oneline {
  padding-top: 13px;
}

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

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

.table_list th.tac,
.table_list td.tac {
  text-align: center;
}

.table_list tbody tr:first-child td {
  border-top: 0;
}

/* ==========================  form table : .style1 */
.form_table th {
  background: #f6f6f6;
  text-align: left;
  font-weight: bold;
  color: #797979;
}

.form_table th,
.form_table td {
  padding: 6px 10px;
  border-bottom: 1px solid #e6e6e6;
  height: 30px;
}

.form_table th .textarea-box,
.form_table td .textarea-box {
  position: relative;
}

.form_table th .textarea-box textarea,
.form_table td .textarea-box textarea {
  height: 70px;
}

.form_table th .edit_module,
.form_table td .edit_module {
  height: 150px;
  overflow-y: auto;
}

.form_table th .form_alert,
.form_table td .form_alert {
  display: none;
  margin-top: 5px;
  color: #ea0530;
  font-size: 12px;
}

.form_table th i {
  color: #ea0530;
  margin-left: 3px;
}

.form_table td label {
  margin-right: 30px;
}

.form_table td input,
.form_table td a {
  vertical-align: middle;
}

.form_table tr.disabled th,
.form_table tr.disabled td {
  color: #aaaaaa;
}

/* ==========================  data table : .style1 */
.data_table {
  width: 100%;
}

.data_table th,
.data_table td {
  border: 1px solid #e6e6e6;
  text-align: center;
  padding: 5px 10px;
  height: 30px;
}

.data_table th {
  background: #f6f6f6;
}

.data_table tr th:first-child {
  border: 1px solid #e6e6e6;
}

.data_table tr td:last-child {
  border: 1px solid #e6e6e6;
}

.data-empty {
  padding: 200px 0;
  width: 100%;
  background: #F8F8F8;
  text-align: center;
  letter-spacing: -0.02em;
}

.data-empty .result_tit {
  font-weight: 500;
  font-size: 24px;
  line-height: 38px;
  color: #000;
}

.data-empty .result_sub {
  margin-top: 16px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.4);
}

.data-empty .result_sub span {
  color: #F90228;
}

@media all and (max-width: 959px) {
  .data-empty .result_tit {
    font-size: 18px;
    line-height: 30px;
  }
  .data-empty .result_sub {
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
  }
}

.mCustomScrollBox {
  padding-right: 0px;
}

.mCustomScrollbar.pr0 > .mCustomScrollBox {
  padding-right: 0px;
}

/* ========================== 약관 내용 */
.terms_contents {
  padding: 0;
  /* ========================== table_terms */
}

.terms_contents .h1 {
  margin-top: 32px;
}

.terms_contents .h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0;
  margin-bottom: 16px;
}

.terms_contents .txt {
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.01em;
}

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

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

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

.terms_contents .top-area ol li {
  padding-left: 0;
}

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

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

.terms_contents article {
  padding: 32px 0;
}

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

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

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

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

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

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

.terms_contents ul li,
.terms_contents ol li {
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.01em;
  padding-left: 25px;
}

.terms_contents ul li em,
.terms_contents ol li em {
  margin-left: -25px;
  display: inline-block;
  width: 25px;
}

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

.terms_contents ul li .mark_dot-list li,
.terms_contents ol li .mark_dot-list li {
  padding-left: 12px;
}

.terms_contents ul li .mark_dot-list li::after,
.terms_contents ol li .mark_dot-list li::after {
  top: 18px;
}

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

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

.terms_contents .mark_dot-list li {
  padding-left: 12px;
}

.terms_contents .mark_dot-list li::after {
  top: 50%;
}

@media all and (max-width: 959px) {
  .terms_contents .h1 {
    margin-bottom: 16px;
  }
  .terms_contents .h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.010em;
    margin-bottom: 8px;
  }
  .terms_contents .txt {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .terms_contents .sub_txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .terms_contents .top-area {
    padding: 16px 0;
  }
  .terms_contents article {
    padding: 16px 0;
  }
  .terms_contents p + p {
    margin-top: 16px;
  }
  .terms_contents p + .cont {
    margin-top: 16px;
  }
  .terms_contents .cont > li + li {
    margin-top: 16px;
  }
  .terms_contents .inner-list > li + li {
    margin-top: 8px;
  }
  .terms_contents ul li,
  .terms_contents ol li {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.010em;
    padding-left: 20px;
  }
  .terms_contents ul li em,
  .terms_contents ol li em {
    margin-left: -20px;
    width: 20px;
  }
  .terms_contents ul li .mark_dot-list,
  .terms_contents ol li .mark_dot-list {
    margin: 4px 0;
  }
  .terms_contents ul li .mark_dot-list li::after,
  .terms_contents ol li .mark_dot-list li::after {
    top: 10px;
  }
  .terms_contents ul li .table_terms,
  .terms_contents ol li .table_terms {
    margin-bottom: 16px;
  }
}

.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: 60px;
  border: 1px solid #999;
  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;
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.015em;
}

.terms_contents .table_terms td {
  padding: 16px 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.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 all and (max-width: 959px) {
  .terms_contents .table_terms table {
    min-width: 719px;
  }

  .terms_contents .table_terms th {
    padding: 4px 8px;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.010em;
  }
  .terms_contents .table_terms td {
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.010em;
  }
  .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: 60px;
}

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

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

@media screen and (max-width: 959px) {
  .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 20px;
  }
}

/* ====== SNS ICON ====== */
.sns_list {
  display: flex;
}

.sns_list .icon {
  display: inline-block;
  border-radius: 100%;
  width: 64px;
  height: 64px;
  font-size: 0;
  border: 1px solid rgba(255, 255, 255, 0.6);
  vertical-align: top;
  margin: 0 4px;
}

.sns_list .icon.icon-instargram {
  background: url("../images/common/icon_instagram.svg") no-repeat center;
}

.sns_list .icon.icon-facebook {
  background: url("../images/common/icon_facebook.svg") no-repeat center;
}

.sns_list .icon.icon-youtube {
  background: url("../images/common/icon_youtube.svg") no-repeat center;
}

.sns_list .icon.icon-twitter {
  background: url("../images/common/icon_X.svg") no-repeat center;
}

.sns_list .icon.icon-kakaostory {
  background: url("../images/common/icon_kakaostory.svg") no-repeat center;
}

.sns_list .icon.icon-navertv {
  background: url("../images/common/icon_navertv.svg") no-repeat center;
}

@media all and (max-width: 959px) {
  .sns_list .icon {
    width: 40px;
    height: 40px;
    margin: 0 5px;
  }
  .sns_list .icon.icon-instargram, .sns_list .icon.icon-facebook, .sns_list .icon.icon-youtube, .sns_list .icon.icon-twitter, .sns_list .icon.icon-kakaostory, .sns_list .icon.icon-navertv {
    background-size: 40px 40px;
  }
}

/* ====== 성인물 안내 ICON ====== */
.info_adult {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: flex;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 6px;
}

.info_adult .icon_adult {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-bottom: 18px;
  background: url("../images/common/icon_adult.svg") no-repeat 50% 50%;
  background-size: cover;
}

.info_adult .icon_caution {
  display: inline-block;
  width: 90px;
  height: 71px;
  margin-bottom: 23px;
  background: url("../images/common/icon_caution.svg") no-repeat 50% 50%;
  background-size: 100% auto;
}

.info_adult .info_txt {
  color: #fff;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.02em;
}

.info_adult .txt-block {
  width: 380px;
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  line-height: 34px;
  text-align: center;
}

.info_adult .btn-block .btn.btn_line-radius {
  min-width: 120px;
  padding: 12px 10px 12px;
}

.info_adult .btn-block .btn.btn_line-radius span {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}

.info_adult .txt-block + .btn-block {
  margin-top: 20px;
}

@media all and (max-width: 959px) {
  .info_adult {
    border-radius: 4px;
  }
  .info_adult .icon_caution {
    width: 70px;
    height: 55px;
    margin-bottom: 13px;
  }
  .info_adult .txt-block {
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
  }
  .info_adult .btn-block .btn.btn_line-radius {
    min-width: 80px;
    padding: 11px;
  }
  .info_adult .btn-block .btn.btn_line-radius span {
    font-size: 12px;
  }
  .info_adult .txt-block + .btn-block {
    margin-top: 10px;
  }
}

/* ====== 광고정보영상레이어 ====== */
.ad_layer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.ad_layer .sound_btn {
  position: absolute;
  left: 24px;
  top: 24px;
  z-index: 7;
}

.ad_layer .sound_btn .sound {
  display: inline-block;
  border-radius: 6px;
  padding: 0 16px;
  height: 46px;
  background-color: rgba(0, 0, 0, 0.6);
}

.ad_layer .sound_btn .sound em {
  display: none;
}

.ad_layer .sound_btn .sound .spf::before {
  font-size: 24px;
  line-height: 46px;
  color: #fff;
}

@media all and (max-width: 959px) {
  .ad_layer .sound_btn {
    left: 16px;
    top: 16px;
  }
  .ad_layer .sound_btn .sound {
    border-radius: 4px;
    padding: 0 8px;
    height: 32px;
  }
  .ad_layer .sound_btn .sound em {
    display: none;
  }
  .ad_layer .sound_btn .sound .spf::before {
    font-size: 18px;
    line-height: 32px;
  }
}

.ad_layer .add_more {
  position: absolute;
  left: 24px;
  bottom: 48px;
  z-index: 10;
}

.ad_layer .add_more a {
  display: inline-block;
  border-radius: 6px;
  padding: 0 16px;
  height: 46px;
  background-color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 15px;
  line-height: 46px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

@media all and (max-width: 959px) {
  .ad_layer .add_more {
    left: 16px;
    bottom: 20px;
  }
  .ad_layer .add_more a {
    border-radius: 4px;
    padding: 0 10px;
    height: 32px;
    font-size: 11px;
    line-height: 32px;
  }
}

.ad_layer .ad_skip {
  position: absolute;
  right: 24px;
  bottom: 48px;
  z-index: 10;
  text-align: right;
}

.ad_layer .ad_skip .ing .num {
  font-family: 'Roboto';
}

.ad_layer .ad_skip .ing .ad_number {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.4);
}

.ad_layer .ad_skip .ing .ad_number .num {
  font-size: 13px;
}

.ad_layer .ad_skip .ing .ad_time {
  display: block;
  font-weight: 500;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.56);
}

.ad_layer .ad_skip .ing .ad_time .num {
  font-size: 24px;
}

.ad_layer .ad_skip .ing .ad_time b {
  font-weight: 700;
  color: #ECAF11;
}

.ad_layer .ad_skip .add_skip_btn {
  border-radius: 6px;
  padding: 0 30px;
  height: 54px;
  background-color: black;
  font-weight: 700;
  font-size: 22px;
  line-height: 54px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

@media all and (max-width: 959px) {
  .ad_layer .ad_skip {
    bottom: 20px;
    right: 8px;
  }
  .ad_layer .ad_skip .ing .ad_number {
    font-size: 11px;
  }
  .ad_layer .ad_skip .ing .ad_number .num {
    font-size: 12px;
  }
  .ad_layer .ad_skip .ing .ad_time {
    font-size: 16px;
    line-height: 28px;
  }
  .ad_layer .ad_skip .ing .ad_time .num {
    font-size: 16px;
  }
  .ad_layer .ad_skip .add_skip_btn {
    border-radius: 4px;
    padding: 0 20px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
  }
}

.ad_layer .ad_play_bar {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 10;
  height: 3px;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
}

.ad_layer .ad_play_bar .bar {
  background: #FF1230;
  height: 3px;
}

@media all and (max-width: 959px) {
  .ad_layer .ad_play_bar {
    left: 16px;
    right: 16px;
    bottom: 8px;
    height: 2px;
  }
  .ad_layer .ad_play_bar .bar {
    height: 2px;
  }
}

.ad_layer .click_layer{
  width: 100%;
  height: 100%;
}




/* ui_common.scss */
.theme-dark .btn.btn_line-round {
  border: 1px solid white;
  color: #fff;
}

.theme-dark .btn.btn_default {
  border: 1px solid white;
  color: #fff;
  background: transparent;
}

.theme-dark .btn.btn_default:hover {
  background: transparent;
  border: 1px solid white;
}

/* ====== 버튼 ====== */
a.btn, a.btn.btn_lg, a.btn.btn_sm,
button.btn, button.btn.btn_lg, button.btn.btn_sm {
  font-size: 0;
  line-height: 0;
}

.btn {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  padding: 9px 10px 9px;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -1px;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border-radius: 6px;
  -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;
}

@media all and (max-width: 959px) {
  .btn {
    border-radius: 4px;
  }
}

.btn span {
  font-size: 20px;
  line-height: 22px;
  box-sizing: border-box;
  vertical-align: middle;
  font-weight: 700;
}

@media all and (max-width: 959px) {
  .btn span {
    font-size: 15px;
    line-height: 26px;
    letter-spacing: -0.01em;
  }
}

.btn i {
  margin-right: 6px;
  vertical-align: middle;
}

@media all and (max-width: 959px) {
  .btn i {
    margin-right: 2px;
  }
}

.btn span + i {
  margin-left: 6px;
}

@media all and (max-width: 959px) {
  .btn span + i {
    margin-left: 2px;
  }
}

.btn:disabled {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  opacity: 0.6;
  pointer-events: none;
}

.btn:disabled i {
  opacity: .4;
}

.btn.disabled {
  pointer-events: none;
}

.btn.disabled i,
.btn.disabled span {
  opacity: .4;
}

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

.btn.btn_default:hover {
  background: #f8f8f8;
  border-color: #111111;
}

.btn.btn_gray {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.btn.btn_gray:hover {
  background: #444444;
  border-color: #444444;
}

.btn.btn_lite_gray {
  background: rgba(0, 0, 0, 0.03);
  color: #000;
}

.btn.btn_lite_gray:hover {
  background: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.03);
}

.btn.btn_black {
  background: #1D1D22;
  border: 1px solid #1D1D22;
  color: #fff;
}

.btn.btn_black:hover {
  background: #1D1D22;
  border-color: #1D1D22;
}

.btn.btn_red {
  background: #F90228;
  border: 1px solid #F90228;
  color: #fff;
}


.btn.btn_line-radius {
  border-radius: 6px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #fff;
}

.btn.btn_line-radius_b {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.6);
  color: #000;
}

@media all and (max-width: 959px) {
  .btn.btn_line-radius_b {
    border-radius: 4px;
  }
}

.btn.btn_white {
  background: #fff;
  border: 1px solid #fff;
  color: #000;
}

.btn.btn_white:hover {
  background: #eee;
  border-color: #eee;
}

.btn.btn_blue {
  background: #1F1F69;
  border: 1px solid #1F1F69;
  color: #fff;
}

.btn.btn_blue:hover {
  background: #1F1F69;
  border-color: #1F1F69;
}

.btn.btn_orange {
  background: #FF8B00;
  border: 1px solid #FF8B00;
  color: #fff;
}

.btn.btn_line-round {
  background: transparent;
  border: 1px solid black;
  color: #000;
  border-radius: 30px;
}

.btn.btn_lg {
  padding: 19px 25px;
  min-width: 180px !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  border-radius: 6px;
  vertical-align: middle;
  text-align: center;
}

.btn.btn_lg span {
  margin: 0 10px;
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -0.02em;
  vertical-align: middle;
}

.btn.btn_lg i {
  vertical-align: middle;
  width: 24px;
}

.btn.btn_lg i::before {
  font-size: 24px;
}

@media all and (max-width: 959px) {
  .btn.btn_lg {
    padding: 11px 12px;
    min-width: 48px !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    border-radius: 4px;
  }
  .btn.btn_lg span {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
  }
  .btn.btn_lg i {
    width: 24px;
  }
  .btn.btn_lg i::before {
    font-size: 24px;
  }
}

.btn.btn_xlg{
  min-height: 90px;
}
.btn.btn_xlg span{
  font-size: 24px;
}

@media all and (max-width: 959px) {
  .btn.btn_xlg{
    min-width: auto !important;
    min-height: 60px;
  }
  .btn.btn_xlg span{
    font-size: 16px;
  }
}

.btn.btn_md {
  padding: 17px 24px;
  min-width: 100px !important;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.02em;
  vertical-align: middle;
  text-align: center;
}

.btn.btn_md span {
  vertical-align: top;
  line-height: 24px;
  font-weight: 700;
  font-size: 20px;
}

@media all and (max-width: 959px) {
  .btn.btn_md {
    padding: 9px 14px;
    min-width: 60px !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }
  .btn.btn_md span {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }
}

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

.btn.btn_sm span {
  font-size: 14px;
  line-height: 20px;
}

.btn_bottom {
  margin-top: 40px;
}

.btn_flex {
  display: flex;
  justify-content: center;
}

.btn_flex.align-jcsb {
  justify-content: space-between;
}

.btn_flex.align-jcfs {
  justify-content: flex-start;
}

.btn_flex.align-jcfe {
  justify-content: flex-end;
}

.btn_flex .btn_group.item_space {
  margin-left: -5px;
  font-size: 0;
}

.btn_flex .btn_group.item_space .btn {
  margin: 0 5px;
}

@media all and (max-width: 959px) {
  .btn_flex .btn_group.item_space {
    margin-left: -2px;
    font-size: 0;
  }
  .btn_flex .btn_group.item_space .btn {
    margin: 0 2px;
  }
}

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

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

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

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

.btn_set.center-type{
  display: flex;
  justify-content: 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, .btn_set-double .btn_item input[type="button"] {
  width: 100%;
}

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

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

@media all and (max-width: 959px) {
  .btn_set-double {
    /*  */
  }
  .btn_set-double .btn_item:first-child {
    padding-right: 4px;
  }
  .btn_set-double .btn_item:last-child {
    padding-left: 4px;
  }
}

.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 4px;
  float: left;
}

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

.btn_set-triple .btn_item:first-child {
  padding-left: 0px;
}

.btn_set-triple .btn_item:last-child {
  padding-right: 0px;
}


/* sns 로그인 버튼*/
.sns_login_btn-type ul{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;
}

.sns_login_btn-type ul li{
  width: 100%;
}

.sns_login_btn-type ul li a{
  width: 100%;
}

.sns_login_btn-type .btn.btn_default{
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.sns_login_btn-type .btn.btn_md span{
  font-size: 15px;
  font-weight: 500;
}
.sns_login_btn-type .btn.btn_md span::before{
  content: "";
  position: absolute;
  left: 20px;
  width: 24px;
  height: 24px;
}

.sns_login_btn-type .btn.btn_md span.google::before{
  background: url("../images/common/loginBtn-icon_google.png") no-repeat center top;
  background-size: contain;
}

.sns_login_btn-type .btn.btn_md span.naver::before{
  content: "";
  background: url("../images/common/loginBtn-icon_naver.png") no-repeat center top;
  background-size: contain;
}

.sns_login_btn-type .btn.btn_md span.line::before{
  background: url("../images/common/loginBtn-icon_line.png") no-repeat center top;
  background-size: contain;
}

.sns_login_btn-type .btn.btn_md span.apple::before{
  background: url("../images/common/loginBtn-icon_apple.png") no-repeat center top;
  background-size: contain;
}

.sns_login_btn-type .btn.btn_md span.weibo::before{
  background: url("../images/common/loginBtn-icon_weibo.png") no-repeat center top;
  background-size: contain;
}

.sns_login_btn-type .btn.btn_md span.wechat::before{
  background: url("../images/common/loginBtn-icon_wechat.png") no-repeat center top;
  background-size: contain;
}

.sns_login_btn-type .btn.btn_md span.kakao::before{
  background: url("../images/common/loginBtn-icon_kakao.png") no-repeat center top;
  background-size: contain;
}

.sns_login_btn-type .btn.btn_md span.twitter::before{
  background: url("../images/common/loginBtn-icon_twitter.png") no-repeat center top;
  background-size: contain;
}

.sns_login_btn-type .btn.btn_md span.twitch::before{
  background: url("../images/common/loginBtn-icon_twitch.png") no-repeat center top;
  background-size: contain;
}

.sns_login_btn-type .btn.btn_md span.facebook::before{
  background: url("../images/common/loginBtn-icon_facebook.png") no-repeat center top;
  background-size: contain;
}








.date_font {
  font-family: "Roboto";
  padding-top: 2px;
  line-height: initial;
}


/* ====== PAGING ====== */
.paging-area {
  width: 100%;
  clear: both;
  position: relative;
  padding: 60px 0px 0px;
  letter-spacing: 0px;
  text-align: center;
}

.paging-area .paging {
  position: relative;
  text-align: center;
  font-size: 0;
}

.paging-area .paging a, .paging-area .paging strong {
  position: relative;
  display: inline-block;
  min-width: 48px;
  height: 48px;
  padding: 7px 7px;
  margin: 0 6px;
  text-decoration: none;
  vertical-align: top;
  box-sizing: border-box;
}

.paging-area .paging a em, .paging-area .paging strong em {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 22px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.2);
}

.paging-area .paging a i, .paging-area .paging strong i {
  width: 48px;
  height: 48px;
  padding: 16px 0;
  box-sizing: border-box;
}

.paging-area .paging a i::before, .paging-area .paging strong i::before {
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.2);
}

.paging-area .paging strong.on {
  border-radius: 6px;
  background-color: #000;
}

.paging-area .paging strong.on em {
  color: #fff;
  font-weight: 800;
}

.paging-area .paging a:hover, .paging-area .paging a:focus {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.04);
}

.paging-area .paging a:hover em, .paging-area .paging a:focus em {
  color: #000;
}

.paging-area .paging a:hover i::before, .paging-area .paging a:focus i::before {
  color: black;
}

.paging-area .paging a.prev, .paging-area .paging a.prev_end, .paging-area .paging a.next, .paging-area .paging a.next_end {
  border: 0px;
  box-sizing: border-box;
}

.paging-area .paging a.prev:after, .paging-area .paging a.prev_end:after, .paging-area .paging a.next:after, .paging-area .paging a.next_end:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 8px;
}

.paging-area .paging a.prev {
  width: 48px;
  padding: 0px;
  margin-right: 20px;
}

.paging-area .paging a.prev_end {
  width: 48px;
  padding: 0px;
  margin-right: 0px;
}

.paging-area .paging a.next {
  width: 48px;
  padding: 0px;
  margin-left: 20px;
}

.paging-area .paging a.next_end {
  width: 48px;
  padding: 0px;
  margin-left: 0px;
}

.paging-area .moreload .more-btn {
  display: block;
  width: 100%;
  padding: 12px 0;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 6px;
}

.paging-area .moreload .more-btn span {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .paging-area {
    padding-top: 12px;
  }
  .paging-area .moreload .more-btn {
    border-radius: 4px;
    padding: 14px 0 15px;
  }
}

/* ----------------- PAGING theme */
.theme-dark .paging-area .paging a em, .theme-dark .paging-area .paging strong em {
  color: rgba(255, 255, 255, 0.4);
}

.theme-dark .paging-area .paging a i::before, .theme-dark .paging-area .paging strong i::before {
  color: rgba(255, 255, 255, 0.2);
}

.theme-dark .paging-area .paging strong.on {
  background-color: #fff;
}

.theme-dark .paging-area .paging strong.on em {
  color: #000;
}

.theme-dark .paging-area .paging a:hover, .theme-dark .paging-area .paging a:focus {
  background-color: rgba(255, 255, 255, 0.04);
}

.theme-dark .paging-area .paging a:hover em, .theme-dark .paging-area .paging a:focus em {
  color: #fff;
}

.theme-dark .paging-area .paging a:hover i::before, .theme-dark .paging-area .paging a:focus i::before {
  color: white;
}

.theme-dark .paging-area .moreload .more-btn {
  background: rgba(255, 255, 255, 0.08);
}

.theme-dark .paging-area .moreload .more-btn span {
  color: rgba(255, 255, 255, 0.6);
}

/* ================== 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;
  color: #000;
}

.tab-list > li .btn-area a {
  font-size: 18px;
  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;
  padding: 0 0px;
}

.tab-list > .on .btn-area a {
  color: #ffffff;
  background-color: #cc0000;
}

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

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

.tab-list.tab_type1 > li .btn-area {
  color: #454545;
  border: 1px solid #d0d0d0;
  border-bottom: 2px solid #cc0000;
  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 #cc0000 !important;
  border-bottom: none !important;
}

.tab-list.tab_type1 > .on .btn-area a {
  color: #222222;
  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%;
}

.tab_menu-list {
  display: flex;
  position: relative;
  margin-bottom: 32px;
}

.tab_menu-list li {
  margin-left: 24px;
}

.tab_menu-list li:first-child {
  margin-left: 0;
}

.tab_menu-list li a {
  display: block;
  padding: 10px 0;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.4);
  border-radius: 50px;
  overflow: hidden;
  white-space: nowrap;
}

.tab_menu-list li.active a {
  background: #000;
  color: #fff;
  padding: 10px 24px;
}

@media all and (max-width: 959px) {
  .tab_menu-list {
    margin-bottom: 16px;
  }
  .tab_menu-list li {
    margin-left: 16px;
  }
  .tab_menu-list li a {
    padding: 8px 0;
    font-size: 16px;
    line-height: 23px;
  }
  .tab_menu-list li.active a {
    padding: 8px 14px;
  }
}

.tab_cont-secetion .tab_content {
  display: none;
}

.tab_cont-secetion .tab_content.active {
  display: block;
}

/* ================== Sort MENU */
.sort_menu-wrap {
  padding: 8px 0 32px;
}

.sort_menu-wrap.sort_type-tab_select {
  padding-bottom: 24px;
}

.sort_menu-wrap.sort_type-tab_select .wrap-inner {
  display: flex;
  justify-content: space-between;
}

.sort_menu-wrap.sort_type-tab_select .wrap-inner.jc_fe {
  justify-content: flex-end;
}

.sort_menu-wrap.sort_type-tab_select .content_tab-area {
  padding-right: 32px;
}

.sort_menu-wrap.sort_type-tab_select .side-area {
  min-width: 132px;
  margin-top: -8px;
}

.sort_menu-wrap.sort_type-select {
  padding: 0;
}

.sort_menu-wrap.sort_type-select .wrap-inner {
  position: relative;
}

.sort_menu-wrap.sort_type-select .side-area {
  min-width: 132px;
  position: absolute;
  top: -86px;
  right: 0;
}

.sort_menu-wrap.sort_type-tab_btn1 {
  padding-bottom: 21px;
}

.sort_menu-wrap.sort_type-tab_btn1 .wrap-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sort_menu-wrap.sort_type-tab_btn1 .content_tab-area {
  padding-right: 20px;
}

@media all and (max-width: 959px) {
  .sort_menu-wrap {
    padding: 6px 0 18px;
  }
  .sort_menu-wrap.sort_type-tab_select {
    padding: 6px 0 8px;
  }
  .sort_menu-wrap.sort_type-tab_select .wrap-inner {
    display: block;
    justify-content: normal;
  }
  .sort_menu-wrap.sort_type-tab_select .content_tab-area {
    padding-right: 0px;
  }
  .sort_menu-wrap.sort_type-tab_select .side-area {
    margin-top: 10px;
    text-align: right;
  }
  .sort_menu-wrap.sort_type-tab_select .side-area .select-box {
    display: inline-block;
  }
  .sort_menu-wrap.sort_type-select .wrap-inner {
    display: block;
    justify-content: normal;
  }
  .sort_menu-wrap.sort_type-select .content_tab-area {
    padding-right: 0px;
  }
  .sort_menu-wrap.sort_type-select .side-area {
    margin-top: -10px;
    padding-bottom: 8px;
    text-align: right;
    position: relative;
    top: 0px;
    right: 0;
  }
  .sort_menu-wrap.sort_type-select .side-area .select-box {
    display: inline-block;
  }
  .sort_menu-wrap.sort_type-tab_btn1 {
    padding: 6px 0 18px;
  }
  .sort_menu-wrap.sort_type-tab_btn1 .wrap-inner {
    display: block;
    justify-content: normal;
  }
  .sort_menu-wrap.sort_type-tab_btn1 .content_tab-area {
    padding-right: 0px;
  }
  .sort_menu-wrap.sort_type-tab_btn1 .side-area {
    margin-top: 16px;
    text-align: right;
  }
  .sort_menu-wrap.sort_type-tab_btn1 .side-area .select-box {
    display: inline-block;
  }
}

.sort_menu_type2-wrap {
  padding: 8px 0 32px;
}

.sort_menu_type2-wrap.sort_type-tab_select {
  padding-bottom: 24px;
}

.sort_menu_type2-wrap.sort_type-tab_select .wrap-inner {
  display: flex;
  justify-content: space-between;
}

.sort_menu_type2-wrap.sort_type-tab_select .wrap-inner.jc_fe {
  justify-content: flex-end;
}

.sort_menu_type2-wrap.sort_type-tab_select .content_tab-area {
  padding-right: 32px;
}

.sort_menu_type2-wrap.sort_type-tab_select .side-area {
  min-width: 132px;
  margin-top: -8px;
}

.sort_menu_type2-wrap.sort_type-select {
  padding: 0;
}

.sort_menu_type2-wrap.sort_type-select .wrap-inner {
  position: relative;
}

.sort_menu_type2-wrap.sort_type-select .side-area {
  min-width: 132px;
  position: absolute;
  top: -86px;
  right: 0;
}

.sort_menu_type2-wrap.sort_type-tab_btn1 {
  padding-bottom: 21px;
}

.sort_menu_type2-wrap.sort_type-tab_btn1 .wrap-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sort_menu_type2-wrap.sort_type-tab_btn1 .content_tab-area {
  padding-right: 20px;
}

@media all and (max-width: 959px) {
  .sort_menu_type2-wrap {
    padding: 6px 0 18px;
  }
  .sort_menu_type2-wrap.sort_type-tab_select {
    padding: 6px 0 8px;
  }
  .sort_menu_type2-wrap.sort_type-tab_select .wrap-inner {
    display: block;
    justify-content: normal;
  }
  .sort_menu_type2-wrap.sort_type-tab_select .content_tab-area {
    padding-right: 0px;
  }
  .sort_menu_type2-wrap.sort_type-tab_select .side-area {
    margin-top: 10px;
    text-align: right;
  }
  .sort_menu_type2-wrap.sort_type-tab_select .side-area .select-box {
    display: inline-block;
  }
  .sort_menu_type2-wrap.sort_type-select .wrap-inner {
    display: block;
    justify-content: normal;
  }
  .sort_menu_type2-wrap.sort_type-select .content_tab-area {
    padding-right: 0px;
  }
  .sort_menu_type2-wrap.sort_type-select .side-area {
    margin-top: -10px;
    padding-bottom: 8px;
    text-align: right;
    position: relative;
    top: 0px;
    right: 0;
  }
  .sort_menu_type2-wrap.sort_type-select .side-area .select-box {
    display: inline-block;
  }
  .sort_menu_type2-wrap.sort_type-tab_btn1 {
    padding: 6px 0 18px;
  }
  .sort_menu_type2-wrap.sort_type-tab_btn1 .wrap-inner {
    display: block;
    justify-content: normal;
  }
  .sort_menu_type2-wrap.sort_type-tab_btn1 .content_tab-area {
    padding-right: 0px;
  }
  .sort_menu_type2-wrap.sort_type-tab_btn1 .side-area {
    margin-top: 16px;
    text-align: right;
  }
  .sort_menu_type2-wrap.sort_type-tab_btn1 .side-area .select-box {
    display: inline-block;
  }
}

.sort_menu-wrap.sort_type-tab + .sort_menu-wrap.sort_type_sub-tab {
  margin-top: -20px;
}

@media all and (max-width: 959px) {
  .sort_menu-wrap.sort_type-tab + .sort_menu-wrap.sort_type_sub-tab {
    margin-top: -12px;
  }
}

.content_tab-area .tab-inner {
  position: relative;
}

.content_tab-area .tab-inner .slider-area {
  position: relative;
  overflow: hidden;
}

.content_tab-area .left_arrow-box, .content_tab-area .right_arrow-box {
  position: absolute;
  top: -9px;
  z-index: 2;
  width: 90px;
}

.content_tab-area .left_arrow-box .tab_prev, .content_tab-area .left_arrow-box .tab_next, .content_tab-area .right_arrow-box .tab_prev, .content_tab-area .right_arrow-box .tab_next {
  display: inline-block;
}

.content_tab-area .left_arrow-box .tab_prev.swiper-button-disabled, .content_tab-area .left_arrow-box .tab_next.swiper-button-disabled, .content_tab-area .right_arrow-box .tab_prev.swiper-button-disabled, .content_tab-area .right_arrow-box .tab_next.swiper-button-disabled {
  display: none;
}

.content_tab-area .left_arrow-box i, .content_tab-area .right_arrow-box i {
  position: relative;
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 27px;
  background-color: #fff;
}

.content_tab-area .left_arrow-box i::before, .content_tab-area .right_arrow-box i::before {
  font-size: 54px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.6);
}

.content_tab-area .left_arrow-box i img, .content_tab-area .right_arrow-box i img {
  width: 100%;
  height: 100%;
}

.content_tab-area .left_arrow-box {
  left: 0;
  background: linear-gradient(90deg, #FFFFFF 33.9%, rgba(255, 255, 255, 0.752762) 60.27%, rgba(255, 255, 255, 0) 80.28%);
}

.content_tab-area .right_arrow-box {
  right: 0;
  text-align: right;
  background: linear-gradient(270deg, #FFFFFF 33.9%, rgba(255, 255, 255, 0.752762) 60.27%, rgba(255, 255, 255, 0) 80.28%);
}

.content_tab-area .tab-inner.js-tab_sort_sub .left_arrow-box, .content_tab-area .tab-inner.js-tab_sort_sub .right_arrow-box {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 90px;
}

.content_tab-area .tab-inner.js-tab_sort_sub .left_arrow-box .tab_prev, .content_tab-area .tab-inner.js-tab_sort_sub .left_arrow-box .tab_next, .content_tab-area .tab-inner.js-tab_sort_sub .right_arrow-box .tab_prev, .content_tab-area .tab-inner.js-tab_sort_sub .right_arrow-box .tab_next {
  display: inline-block;
}

.content_tab-area .tab-inner.js-tab_sort_sub .left_arrow-box .tab_prev.swiper-button-disabled, .content_tab-area .tab-inner.js-tab_sort_sub .left_arrow-box .tab_next.swiper-button-disabled, .content_tab-area .tab-inner.js-tab_sort_sub .right_arrow-box .tab_prev.swiper-button-disabled, .content_tab-area .tab-inner.js-tab_sort_sub .right_arrow-box .tab_next.swiper-button-disabled {
  display: none;
}

.content_tab-area .tab-inner.js-tab_sort_sub .left_arrow-box i, .content_tab-area .tab-inner.js-tab_sort_sub .right_arrow-box i {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 27px;
  background-color: #fff;
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.06), 0 8px 18px 0 rgba(0, 0, 0, 0.06);
}

.content_tab-area .tab-inner.js-tab_sort_sub .left_arrow-box i::before, .content_tab-area .tab-inner.js-tab_sort_sub .right_arrow-box i::before {
  font-size: 42px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.6);
}

.content_tab-area .tab-inner.js-tab_sort_sub .left_arrow-box i img, .content_tab-area .tab-inner.js-tab_sort_sub .right_arrow-box i img {
  width: 100%;
  height: 100%;
}

.content_tab-area .tab-inner.js-tab_sort_sub .left_arrow-box {
  left: 0;
  background: linear-gradient(90deg, #FFFFFF 33.9%, rgba(255, 255, 255, 0.752762) 60.27%, rgba(255, 255, 255, 0) 80.28%);
}

.content_tab-area .tab-inner.js-tab_sort_sub .right_arrow-box {
  right: 0;
  text-align: right;
  background: linear-gradient(270deg, #FFFFFF 33.9%, rgba(255, 255, 255, 0.752762) 60.27%, rgba(255, 255, 255, 0) 80.28%);
}

.content_tab-area .content_tab-list {
  display: flex;
}

.content_tab-area .content_tab-list.non_swiper li {
  padding-right: 32px;
}

.content_tab-area .content_tab-list li {
  width: auto;
}

.content_tab-area .content_tab-list li a {
  display: block;
}

.content_tab-area .content_tab-list li span {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.03em;
  opacity: .4;
  color: #000;
}

.content_tab-area .content_tab-list li.active span {
  font-weight: 700;
  color: #F90228;
  opacity: 1;
}

.content_tab-area .content_tab-list.type2.non_swiper li {
  padding-right: 10px;
}

.content_tab-area .content_tab-list.type2 li {
  width: auto;
}

.content_tab-area .content_tab-list.type2 li a {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 100px;
  padding: 0 14px;
}

.content_tab-area .content_tab-list.type2 li span {
  font-weight: 500;
  font-size: 18px;
  line-height: 42px;
  letter-spacing: -0.03em;
  opacity: .6;
  color: #000;
}

.content_tab-area .content_tab-list.type2 li.active a {
  background: #F90228;
  border-color: #F90228;
}

.content_tab-area .content_tab-list.type2 li.active span {
  font-weight: 700;
  color: #fff;
  opacity: 1;
}

@media all and (max-width: 959px) {
  .content_tab-area .tab-inner {
    position: relative;
    /* padding: 0 16px; width: calc( 100% + 32px ); margin-left: -16px; */
  }
  .content_tab-area .tab-inner .slider-area {
    position: relative;
    overflow: visible;
  }
  .content_tab-area .left_arrow-box, .content_tab-area .right_arrow-box {
    top: 0px;
    width: 16px;
    display: none;
  }
  .content_tab-area .left_arrow-box .tab_prev, .content_tab-area .left_arrow-box .tab_next, .content_tab-area .right_arrow-box .tab_prev, .content_tab-area .right_arrow-box .tab_next {
    width: 0;
    height: 24px;
    overflow: hidden;
  }
  .content_tab-area .content_tab-list.non_swiper li {
    padding-right: 12px;
  }
  .content_tab-area .content_tab-list li span {
    font-weight: 500;
    letter-spacing: -0.01em;
    font-size: 18px;
    line-height: 20px;
  }
  .content_tab-area .content_tab-list.type2.non_swiper li {
    padding-right: 6px;
  }
  .content_tab-area .content_tab-list.type2 li span {
    font-size: 14px;
    line-height: 32px;
  }
}

/* ----------------- Sort MENU  theme */
.theme-dark .content_tab-area .left_arrow-box i, .theme-dark .content_tab-area .right_arrow-box i {
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.06), 0 8px 18px 0 rgba(0, 0, 0, 0.06);
  background-color: #29292d;
}

.theme-dark .content_tab-area .left_arrow-box i::before, .theme-dark .content_tab-area .right_arrow-box i::before {
  color: rgba(255, 255, 255, 0.4);
}

.theme-dark .content_tab-area .content_tab-list li span {
  color: rgba(255, 255, 255, 0.4);
}

.theme-dark .content_tab-area .content_tab-list li.active span {
  font-weight: 700;
  color: #F90228;
}

/* ================== accordion MENU */
.accordion-wrap.noneline {
  border-top: 0;
}

.accordion-wrap {
  border-top: 2px solid #555555;
}

.accordion-list > li {
  border-bottom: 1px solid #e1e1e1;
}

.accordion-list > li .header-area {
  position: relative;
}

.accordion-list > li .header-area .accordion_name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.accordion-list > li .header-area .acc_btn {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 20px 50px 20px 20px;
}

.accordion-list > li .header-area .acc_btn i {
  position: absolute;
  top: 18px;
  right: 15px;
}

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

.accordion-list > li.on .header-area .acc_btn i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ================== form스타일 */
.form_list li {
  margin-top: 10px;
}

.form_list li:first-child {
  margin-top: 0;
}

.form_list li .input_btn-box {
  position: relative;
}

.form_list li .input_btn-box input {
  padding-right: 197px;
}

.form_list li .input_btn-box .input-side {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translate(0, -50%);
}

.form_list li .input_btn-box .input-side .btn {
  width: 110px;
  height: 46px;
}

.form_list li .input_btn-box .input-side .btn span {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.form_list li .input_btn-box .time_box {
  position: absolute;
  right: 143px;
  top: 50%;
  transform: translate(0, -50%);
  color: #F90228;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.01em;
  font-weight: 500;
}

@media all and (max-width: 959px) {
  .form_list li {
    margin-top: 8px;
  }
  .form_list li .input_btn-box input {
    padding-right: 166px;
  }
  .form_list li .input_btn-box .input-side {
    right: 6px;
  }
  .form_list li .input_btn-box .input-side .btn {
    width: 101px;
    height: 44px;
  }
  .form_list li .input_btn-box .input-side .btn span {
    font-size: 12px;
  }
  .form_list li .input_btn-box .time_box {
    right: 123px;
    font-size: 14px;
    line-height: 22px;
  }
}

/* 툴팁 */
.form_list > li .input-title .icon-tooltip_black {
  position: relative;
  margin-left: 4px;
}

.form_list > li .input-title .icon-tooltip_black + .tooltip-cont {
  display: none;
}

.form_list > li .input-title .icon-tooltip_black:hover + .tooltip-cont {
  display: block;
  position: absolute;
  left: 11px;
  top: 0;
  transform: translateY(-53px);
  background-color: #000;
  border-radius: 12px;
  width: 158px;
  padding: 12px 16px;
  z-index: 2;
}

.form_list > li .input-title .icon-tooltip_black:hover + .tooltip-cont::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

.form_list > li .input-title .icon-tooltip_black:hover + .tooltip-cont p {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  word-break: break-all;
}

@media all and (max-width: 959px) {
  .form_list > li .input-title .icon-tooltip_black:hover + .tooltip-cont {
    left: 0;
    transform: translateY(-74px);
  }
}



.error_txt {
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  color: #F90228;
  letter-spacing: -0.01em;
  margin-top: 8px;
  padding-left: 17px;
}

.error_txt.notice{
  padding-left:0;
}

.error_txt i {
  vertical-align: middle;
  margin-left: -17px;
  width: 17px;
  margin-top: -2px;
}

.success_txt {
  position: absolute;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.01em;
  margin-top: 8px;
}

.success_txt::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 0;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -73px -367px;
  width: 13px;
  height: 13px;
}

@media all and (max-width: 959px) {
  .error_txt, .success_txt {
    position: static;
    font-size: 11px;
    margin-top: 6px;
  }
}

.addfile .info_txt {
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.addfile .info_txt.bottom{
  margin-bottom: 0;
  margin-top: 12px;
}

.addfile .info_txt.top{
  margin-bottom: 16px;
  margin-top: 0;
}

.addfile .info_txt span {
  color: #000;
}

.addfile .file-list-box {
  padding: 17px 19px;
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}

.addfile .file-list-box .file-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.addfile .file-list-box .file-item .file_name {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.01em;
  width: calc(100% - 30px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.addfile .file-list-box .file-item .btn_del {
  display: inline-block;
}

.addfile .file-list-box .file-item .btn_del i {
  font-size: 14px;
  vertical-align: middle;
}

.addfile .file-list-box .file-item + .file-item {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.addfile .file-btn-box .file-btn {
  display: inline-block;
  position: relative;
}

.addfile .file-btn-box .file-btn .btn_hidden_addfile {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

.addfile .file-list-box + .file-btn-box {
  margin-top: 12px;
}

@media all and (max-width: 959px) {
  .addfile .info_txt {
    margin-bottom: 12px;
  }
  .addfile .file-btn-box .file-btn {
    width: 100%;
  }
  .addfile .file-btn-box .file-btn .btn {
    width: 100%;
  }
  .addfile .file-list-box .file-item .file_name {
    font-size: 14px;
    line-height: 20px;
  }
  .addfile .file-list-box .file-item .btn_del i {
    font-size: 12px;
  }
}

.addfile .file-btn-box {
  margin: -10px -4px 0;
  width: 100%;
}

.addfile .file-btn-box .file-btn {
  margin: 10px 4px 0;
}

.addfile .file-btn-box .file-btn .btn,
.add-btn .btn {
  width: 160px;
  height: 54px;
}

.addfile .file-btn-box .file-btn .btn span,
.add-btn .btn span {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.01em;
}

.addfile .file-btn-box .file_item {
  background: #fff;
  border: 1px solid #000;
  border-radius: 6px;
  height: 54px;
  display: inline-block;
  max-width: 100%;
  margin: 10px 4px 0;
}

.addfile .file-btn-box .file_item .inner {
  position: relative;
  margin: 0 16px 0;
  display: flex;
  align-items: center;
}

.addfile .file-btn-box .file_item .file {
  font-weight: 500;
  font-size: 13px;
  line-height: 54px;
  letter-spacing: -0.01em;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 20px;
}

.addfile .file-btn-box .file_item .file.c-red{
  color: red;
}

.addfile .file-btn-box .file_item .btn_del {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 100%;
  width: 16px;
  height: 16px;
}

.addfile .file-btn-box .file_item .btn_del i {
  font-size: 10px;
  line-height: 16px;
  color: #fff;
  display: block;
}

.addfile .file-btn-box .file_item.btn_gray{
  border: 1px solid rgba(0, 0, 0, 0.2);
}

@media all and (max-width: 959px) {
  .addfile .file-btn-box .file-btn .btn{
    width: 160px;
    height: 48px;
  }

  .add-btn .btn{
    width: calc(50% - 6px)
  }

  .add-btn.btn_set-triple .btn{
    width: calc(33.3% - 8px)
  }

  .addfile .file-btn-box .file-btn .btn span,
  .add-btn .btn span {
    font-size: 15px;
    line-height: 26px;
  }
  .addfile .file-btn-box .file_item {
    border-radius: 4px;
    height: 48px;
    display: inline-block;
    max-width: 100%;
  }
  .addfile .file-btn-box .file_item .inner {
    position: relative;
    margin: 0 16px 0;
    display: flex;
    align-items: center;
  }
  .addfile .file-btn-box .file_item .file {
    font-size: 12px;
    line-height: 46px;
  }
}

.addfile .thumb_photo {
  position: relative;
  width: 120px;
  margin-bottom: 16px;
}

.addfile .thumb_photo .img-ratio {
  overflow: hidden;
  border-radius: 6px;
}

.addfile .thumb_photo .btn_del_photo {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 2;
}

@media all and (max-width: 959px) {
  .addfile .thumb_photo {
    width: 142px;
  }
  .addfile .thumb_photo .img-ratio {
    border-radius: 4px;
  }
  .addfile .thumb_photo .btn_del_photo {
    right: 0px;
    top: 0px;
    padding: 4px;
  }
}

.addfile .file-btn-box-wrap{
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 16px 0;
}


.addfile .file_preview{
  display: inline-block;
  margin-top: 10px;
}

.addfile .file_preview .txt{
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: underline;
  color: #1F4E7A;
}

.addfile .file_preview .inner{
  display: flex;
  align-items: center;
}

/* lg 사이즈 추가 */
.addfile .file_preview.lg .icon img{
  width: 30px;
}

.addfile .file_preview.lg .txt{
  font-size: 20px;
  line-height: 30px;
}


@media all and (max-width: 959px) {
  .addfile .file_preview{
    display: block;
  }
}




.add-btn{
  margin-top: 12px;
}

.add-btn button + button{
  margin-left: 8px;
}
/* ================== Sort MENU */
.panel-body > .more_btn-wrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  transform: translateY(-100%);
  margin-top: -32px;
}

.panel-body > .more_btn-wrap.theme-light .btn {
  border-color: #000;
  color: #000;
}

.panel-body > .more_btn-wrap.theme-dark .btn {
  border-color: #fff;
  color: #fff;
}

@media all and (max-width: 959px) {
  .panel-body > .more_btn-wrap {
    position: relative;
    transform: none;
    margin-top: 6px;
    margin-bottom: 16px;
  }
  .panel-body > .more_btn-wrap.theme-light .btn {
    border-color: rgba(0, 0, 0, 0.6);
  }
  .panel-body > .more_btn-wrap.theme-dark .btn {
    border-color: rgba(255, 255, 255, 0.6);
  }
}


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

.trp.popupfixed-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 9000;
  -webkit-overflow-scrolling: touch;
  /* 방송알림, 편성정보 */
  /* 검색 */
  /* 알림, 컨펌레이어 */
  /* 컨펌 Toast */
}


.trp.popupfixed-wrap .popup-dim {
  background: #000000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 0;
}

.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%;
  margin: 0rem;
  text-align: center;
  vertical-align: middle;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap .popup-align .popup-vertical {
    margin: 0;
  }
}

.trp.popupfixed-wrap .popup-align.mode-full {
  position: relative;
  display: block;
  table-layout: initial;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-vertical {
  display: block;
  padding: 0;
  height: 100%;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer {
  width: 100%;
  height: 100%;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel {
  height: 100%;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel .pop-header {
  height: 132px;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel .pop-body {
  margin-top: 132px;
  padding-top: 0;
  overflow-y: auto;
  height: calc( 100% - 132px - 42px);
  max-height: calc( 100vh - 132px - 42px);
  max-height: calc(var(--vh, 1vh) * 100 - 132px - 42px);
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel .pop-footer {
  height: 42px;
}

.trp.popupfixed-wrap .popup-align.mode-full .popup-layer .pop-panel .pop-footer .btn_bottom {
  margin-top: 0;
}

.trp.popupfixed-wrap .popup-align.mode-full_inner .popup-layer {
  padding: 0px 20px;
  height: 100%;
  margin: 0 auto;
  background-color: transparent;
  border-radius: 0px;
}

.trp.popupfixed-wrap .popup-align.mode-full_inner .popup-layer .btn-close {
  position: fixed;
  top: 40px;
  right: 40px;
}

.trp.popupfixed-wrap .popup-align.mode-full_inner .popup-layer .btn-close i::before {
  font-size: 32px;
  color: #fff;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap .popup-align.mode-full_inner .popup-layer {
    width: 100%;
    padding: 0px;
  }
  .trp.popupfixed-wrap .popup-align.mode-full_inner .popup-layer .btn-close {
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
  }
  .trp.popupfixed-wrap .popup-align.mode-full_inner .popup-layer .btn-close i::before {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
  }
}

.trp.popupfixed-wrap .popup-align.mode-full_inner .pop-panel .pop-header {
  min-height: 120px;
  position: static;
  padding: 40px 0 32px;
}

.trp.popupfixed-wrap .popup-align.mode-full_inner .pop-panel .pop-header .pop_tit {
  padding: 0;
  font-size: 38px;
  line-height: 48px;
  min-height: 48px;
  font-weight: 700;
  text-align-last: left;
  color: #fff;
}


@media all and (max-width: 959px) {
  .trp.popupfixed-wrap .popup-align.mode-full_inner .pop-panel .pop-header {
    min-height: 66px;
    padding: 16px 0px 16px 16px;
  }
  .trp.popupfixed-wrap .popup-align.mode-full_inner .pop-panel .pop-header .pop_tit {
    font-weight: 700;
    min-height: 34px;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
  }
}

.trp.popupfixed-wrap .popup-align.mode-full_inner .pop-panel .pop-body {
  padding: 0;
  overflow-y: auto;
  height: calc( 100vh - 100px);
  max-height: calc( 100vh - 100px);
  max-height: calc(var(--vh, 1vh) * 100 - 100px);
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap .popup-align.mode-full_inner .pop-panel .pop-body {
    height: calc( 100vh - 66px);
    max-height: calc( 100vh - 66px);
    max-height: calc(var(--vh, 1vh) * 100 - 66px);
  }
}

.trp.popupfixed-wrap .popup-layer {
  position: relative;
  z-index: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 6px;
  background: #fff;
}

.trp.popupfixed-wrap .popup-layer.wDefault {
  width: 820px;
}

.trp.popupfixed-wrap .popup-layer.w720 {
  width: 720px;
}




@media all and (max-width: 959px) {
  .trp.popupfixed-wrap .popup-layer {
    border-radius: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .trp.popupfixed-wrap .popup-layer.wDefault {
    height: 100%;
    width: 100%;
  }
  .trp.popupfixed-wrap .popup-layer.w720,
  .trp.popupfixed-wrap .popup-layer.w1096 {
    height: 100%;
    width: auto;
  }
}

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

.trp.popupfixed-wrap .popup-layer .btn_set .btn {
  width: 280px;
  min-height: 76px;
  /*min-height:90px;*/
}

.trp.popupfixed-wrap .popup-layer .btn_set.btn_set-double .btn {
  width: 280px;
}

.trp.popupfixed-wrap .popup-layer .btn_set.btn_set-double .btn_item:first-child {
  text-align: right;
  padding-right: 5px;
}

.trp.popupfixed-wrap .popup-layer .btn_set.btn_set-double .btn_item:last-child {
  text-align: left;
  padding-left: 5px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap .popup-layer .btn_set {
    margin-top: 40px;
  }
  .trp.popupfixed-wrap .popup-layer .btn_set .btn {
    width: 146px;
    min-height: 60px;
  }
  .trp.popupfixed-wrap .popup-layer .btn_set.btn_set-double .btn {
    width: 100%;
  }
  .trp.popupfixed-wrap .popup-layer .btn_set.btn_set-double .btn_item:first-child {
    padding-right: 4px;
  }
  .trp.popupfixed-wrap .popup-layer .btn_set.btn_set-double .btn_item:last-child {
    padding-left: 4px;
  }
}

.trp.popupfixed-wrap .pop-panel .pop-header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}

.trp.popupfixed-wrap .pop-panel .pop-header .pop_tit {
  position: relative;
  font-size: 0;
  margin: 40px 48px 40px;
  font-size: 28px;
  font-weight: 700;
  color: #000;
  line-height: 40px;
  letter-spacing: -0.02rem;
  text-align: left;
}

.trp.popupfixed-wrap .pop-panel .pop-header .pop_tit::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap .pop-panel .pop-header .pop_tit {
    max-height: 38px;
    margin: 17px 52px 17px 16px;
    font-size: 24px;
    line-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}

.trp.popupfixed-wrap .pop-panel .pop-header .btn_close {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 10;
  font-size: 0px;
  line-height: 1;
  box-sizing: border-box;
}

.trp.popupfixed-wrap .pop-panel .pop-header .btn_close .spf::before {
  font-size: 27px;
  color: #000;
}

.trp.popupfixed-wrap.event_agree.date-type .popup-align .pop-panel .pop-header .date-area{
  margin: 0 48px;
  text-align: left;
  position: absolute;
  top: 80px;
}
.trp.popupfixed-wrap.event_agree.date-type .popup-align .pop-panel .pop-header .date{
  color: #F90228;
  display: block;
  font-size: 14px; 
  font-weight: 500;
  line-height: 20px;
}

.trp.popupfixed-wrap.event_agree.date-type .popup-align .pop-panel .pop-header .desc{
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}


@media all and (max-width: 959px) {
  .trp.popupfixed-wrap .pop-panel .pop-header .btn_close {
    top: 20px;
    right: 20px;
  }
  .trp.popupfixed-wrap .pop-panel .pop-header .btn_close .spf::before {
    font-size: 18px;
    padding: 7px;
  }
  
  .trp.popupfixed-wrap.event_agree.date-type .popup-align .pop-panel .pop-header .date-area{
    margin: 0 16px;
    top: 58px;
  }
}

.trp.popupfixed-wrap .pop-panel .pop-body {
  padding: 120px 48px 48px;
}

.trp.popupfixed-wrap .pop-panel .pop-body .section {
  position: relative;
  text-align: left;
}

.trp.popupfixed-wrap .pop-panel .pop-body .scroll_content {
  overflow: hidden;
  overflow-y: scroll;
}

.trp.popupfixed-wrap .pop-panel .pop-body .scroll_content .os-padding::after {
  display: none !important;
}


.trp.popupfixed-wrap.event_agree.date-type .pop-panel .pop-body {
  padding: 150px 48px 48px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap .pop-panel .pop-body {
    padding: 72px 16px 23px;
  }

  .trp.popupfixed-wrap.event_agree.date-type .pop-panel .pop-body {
    padding: 132px 16px 23px;
  }
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .data-empty, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .data-empty {
    margin-left: -16px;
    margin-right: -16px;
    width: auto;
  }
}

.trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .program_alarm-list .program_list li .program_name .label_b, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .program_alarm-list .program_list li .program_name .label_b {
  background: #F90228;
}

.trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .program_alarm-list + .program_alarm-list, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .program_alarm-list + .program_alarm-list {
  margin-top: 16px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .program_alarm-list + .program_alarm-list, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .program_alarm-list + .program_alarm-list {
    margin-top: 4px;
  }
}

.trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .tab_cont-secetion .tab_menu-list, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .tab_cont-secetion .tab_menu-list {
  margin-bottom: 24px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .tab_cont-secetion .tab_menu-list, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .tab_cont-secetion .tab_menu-list {
    margin-bottom: 16px;
  }
}

.trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .tab_cont-secetion .scroll_content, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .tab_cont-secetion .scroll_content {
  height: 486px;
  max-height: calc( 100vh - 0px);
  margin-right: -20px;
}

.trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .tab_cont-secetion .scroll_content .program_alarm-list .alarm_check-box, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .tab_cont-secetion .scroll_content .program_alarm-list .alarm_check-box {
  margin-top: 16px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .tab_cont-secetion .scroll_content, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .tab_cont-secetion .scroll_content {
    height: 100%;
    margin: 0 -16px;
    padding: 0 16px;
    max-height: calc( 100vh - 167px);
    max-height: calc(var(--vh, 1vh) * 100 - 167px);
  }
  .trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .tab_cont-secetion .scroll_content .program_alarm-list .alarm_check-box, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .tab_cont-secetion .scroll_content .program_alarm-list .alarm_check-box {
    padding: 0 16px;
  }
}

.trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .tab_cont-secetion .form_readonly + .scroll_content, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .tab_cont-secetion .form_readonly + .scroll_content {
  height: 266px;
  margin-top: 32px;
  max-height: calc( 100vh - 0px);
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .tab_cont-secetion .form_readonly + .scroll_content, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .tab_cont-secetion .form_readonly + .scroll_content {
    height: 100%;
    margin-top: 40px;
    max-height: calc( 100vh - 319px);
    max-height: calc(var(--vh, 1vh) * 100 - 319px);
  }
}

.trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .tab_cont-secetion .alarm_check-box label, .trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .tab_cont-secetion .terms_check-box label, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .tab_cont-secetion .alarm_check-box label, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .tab_cont-secetion .terms_check-box label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.6);
}

.trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .program_alarm-list .scroll_content, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .program_alarm-list .scroll_content {
  height: 458px;
  max-height: calc( 100vh - 0px);
}

.trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .program_alarm-list .scroll_content.ol_scroll-style.os-host-overflow-y, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .program_alarm-list .scroll_content.ol_scroll-style.os-host-overflow-y {
  margin-right: -20px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .program_alarm-list, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .program_alarm-list {
    margin: 0 -16px;
  }
  .trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .program_alarm-list .scroll_content, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .program_alarm-list .scroll_content {
    height: 100%;
    max-height: calc( 100vh - 174px);
    max-height: calc(var(--vh, 1vh) * 100 - 174px);
  }
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.program_time .pop-panel .pop-body .section .request_info-wrap .btn_set .btn, .trp.popupfixed-wrap.program_alarm .pop-panel .pop-body .section .request_info-wrap .btn_set .btn {
    width: 100%;
  }
}

.trp.popupfixed-wrap.search_pop .popup-dim {
  background-color: #000;
  opacity: 1;
}

.trp.popupfixed-wrap.search_pop .popup-layer {
  width: 1360px;
  padding: 0 20px;
  height: 100%;
  margin: 0 auto;
  background-color: transparent;
  border-radius: 0px;
}

.trp.popupfixed-wrap.search_pop .popup-layer .btn-close {
  position: fixed;
  top: 40px;
  right: 40px;
}

.trp.popupfixed-wrap.search_pop .popup-layer .btn-close i::before {
  font-size: 32px;
  color: #fff;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.search_pop .popup-layer {
    width: 100%;
    padding: 0 16px;
  }
  .trp.popupfixed-wrap.search_pop .popup-layer .btn-close {
    top: 16px;
    right: 16px;
    padding: 8px;
  }
  .trp.popupfixed-wrap.search_pop .popup-layer .btn-close i::before {
    font-size: 16px;
    color: #fff;
  }
}

.trp.popupfixed-wrap.search_pop .pop-panel {
  position: relative;
  /* 검색 */
  /* 추천 리스트 */
}

.trp.popupfixed-wrap.search_pop .pop-panel .pop-header {
  padding-top: 200px;
  position: relative;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.search_pop .pop-panel .pop-header {
    padding-top: 64px;
  }
}

.trp.popupfixed-wrap.search_pop .pop-panel .pop-body {
  padding: 0;
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area {
  position: relative;
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: #fff;
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box {
  display: flex;
  position: relative;
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box .input_del {
  padding-right: 50px;
  width: 100%;
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box .input_del button {
  margin-right: 12px;
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input {
  height: 88px;
  border: 0;
  padding: 20px 0;
  font-weight: 700;
  font-size: 38px;
  line-height: 48px;
  letter-spacing: -0.02em;
  color: #fff;
  background-color: transparent;
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input.placeholdersjs {
  color: rgba(255, 255, 255, 0.3);
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input.placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input::-ms-clear, .trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input::-webkit-search-decoration, .trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input::-webkit-search-cancel-button, .trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input::-webkit-search-results-button, .trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input::-webkit-search-results-decoration {
  display: none;
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box button {
  font-size: 0;
}

.trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box button i::before {
  font-size: 48px;
  color: #fff;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box {
    display: flex;
    position: relative;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box .input_del {
    padding-right: 50px;
    width: 100%;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box .input_del button {
    margin-right: 12px;
    margin-top: -12px;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box input {
    height: 48px;
    border: 0;
    padding: 8px 0;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #fff;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box button {
    font-size: 0;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .search-area .search-box button i::before {
    font-size: 32px;
  }
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .area-header {
  padding-top: 70px;
  padding-bottom: 32px;
  text-align: left;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .area-header span {
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #fff;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .area-header {
    padding-top: 60px;
    padding-bottom: 18px;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .area-header span {
    font-size: 18px;
    line-height: 30px;
  }
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .area-body {
  position: relative;
  padding-right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc( 100vh - (500px));
  max-height: calc(var(--vh, 1vh) * 100 - (500px));
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .area-body .inner {
  position: relative;
  min-width: 100%;
  overflow: hidden;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .area-body .os-scrollbar-horizontal {
  display: none;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .area-body .os-viewport {
  overflow-x: hidden;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .area-body {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc( 100vh - (225px));
    max-height: calc(var(--vh, 1vh) * 100 - (225px));
  }
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list {
  /* display: flex; flex-wrap: wrap; */
  width: calc( 100% + 24px);
  margin-top: -24px;
  margin-left: -12px;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list:after {
  content: '';
  display: block;
  clear: both;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list .img-ratio {
  padding-bottom: 56.25%;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list .img-ratio::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.67%, rgba(0, 0, 0, 0.1) 29.69%, rgba(0, 0, 0, 0.25) 44.27%, rgba(0, 0, 0, 0.5) 58.85%, rgba(0, 0, 0, 0.7) 77.08%, rgba(0, 0, 0, 0.9) 94.79%);
  opacity: 0.6;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li {
  float: left;
  width: 16.6666%;
  padding: 0 12px;
  margin-top: 24px;
  height: 112px;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li .item-inner {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li.col_auto {
  width: auto;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li.col_auto .img-ratio {
  position: relative;
  width: auto;
  height: 112px;
  padding: 0;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li.col_auto .img-ratio img {
  height: 112px;
  width: auto;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li.col2 {
  width: calc( 16.6666% * 2);
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li.col2 .img-ratio {
  padding-bottom: 26.4150%;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li.none_dim .img-ratio::after {
  display: none;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li .btn_link {
  display: block;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li .name {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px 14px;
  width: 100%;
  text-align: left;
}

.trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li .name span {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list {
    width: calc( 100% + 10px);
    margin-top: -10px;
    margin-left: -5px;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li {
    width: 50%;
    padding: 0 5px;
    margin-top: 10px;
    height: auto;
    /* height: 90px; */
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li .item-inner {
    border-radius: 4px;
    /* height: 90px; */
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li .img-ratio img {
    min-width: 100%;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li.col_auto {
    width: auto;
    max-width: 100%;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li.col_auto .img-ratio {
    height: 90px;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li.col_auto .img-ratio img {
    max-width: none;
    height: 90px;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li.col2 {
    width: 100%;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li .item-inner {
    border-radius: 4px;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li .name {
    padding: 8px;
  }
  .trp.popupfixed-wrap.search_pop .pop-panel .recommend_list-area .recommend-list li .name span {
    font-size: 14px;
    line-height: 22px;
  }
}

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

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_msg .popup-layer {
    /* 231128 가로사이즈 수정 */
    width: 310px;
    /*padding: 32px 30px 16px;*/
    padding: 60px 30px 16px;
    border-radius: 4px;
  }
}

.trp.popupfixed-wrap.popup_msg .popup-layer .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.popup_msg .popup-layer .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.popup_msg .popup-layer .pop-header .btn-close .spf:before, .trp.popupfixed-wrap.popup_msg .popup-layer .pop-header .btn-close .spf-envelope:before {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_msg .popup-layer .pop-header .btn-close {
    top: 16px;
    right: 16px;
    padding: 3px;
  }
  .trp.popupfixed-wrap.popup_msg .popup-layer .pop-header .btn-close .spf:before, .trp.popupfixed-wrap.popup_msg .popup-layer .pop-header .btn-close .spf-envelope:before {
    width: 18px;
    height: 18px;
    font-size: 18px;
  }
}

.trp.popupfixed-wrap.popup_msg .popup-layer .pop-body {
  padding: 0;
}

.trp.popupfixed-wrap.popup_msg .popup-layer .pop-body .btn_set {
  margin-top: 32px;
}

.trp.popupfixed-wrap.popup_msg .popup-layer .pop-body .btn_set .btn {
  width: 150px;
  height: 54px;
  min-height: 54px;
  padding: 10px 24px;
}

.trp.popupfixed-wrap.popup_msg .popup-layer .pop-body .btn_set .btn span {
  font-size: 16px;
  line-height: 28px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_msg .popup-layer .pop-body .btn_set .btn {
    width: 100%;
  }
  .trp.popupfixed-wrap.popup_msg .popup-layer .pop-body .btn_set .btn span {
    font-size: 16px;
    line-height: 28px;
  }
}

.trp.popupfixed-wrap.popup_msg .popup-layer .pop-body .btn_set.btn_set-double .btn {
  width: 100%;
}

.trp.popupfixed-wrap.popup_msg .popup-layer .pop-body .btn_set.btn_set-single .btn.survey {
  width: 280px;
}


@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_msg .popup-layer .pop-body .btn_set {
    margin-top: 50px;
  }
  .trp.popupfixed-wrap.popup_msg .popup-layer .pop-body .btn_set .btn {
    width: 146px;
  }
}

.trp.popupfixed-wrap.popup_msg .icon {
  text-align: center;
  margin-bottom: 20px;
  margin-top: -12px;
}

.trp.popupfixed-wrap.popup_msg .icon .ico {
  display: inline-block;
  width: 64px;
  height: 64px;
}

.trp.popupfixed-wrap.popup_msg .icon .ico img {
  width: 100%;
}

.trp.popupfixed-wrap.popup_msg .tit {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.trp.popupfixed-wrap.popup_msg .txt {
  margin: 12px 0 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
}

.trp.popupfixed-wrap.popup_msg .pop_msg_wrap .icon + .tit + .btn_set,
.trp.popupfixed-wrap.popup_msg .pop_msg_wrap .tit + .txt + .btn_set {
  margin-top: 40px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_msg .icon {
    margin-bottom: 12px;
    margin-top: -28px;
  }
  .trp.popupfixed-wrap.popup_msg .icon .ico {
    width: 54px;
    height: 54px;
  }
  .trp.popupfixed-wrap.popup_msg .tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0.010em;
  }
  .trp.popupfixed-wrap.popup_msg .txt {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.010em;
  }
  .trp.popupfixed-wrap.popup_msg .pop_msg_wrap .icon + .tit + .btn_set,
  .trp.popupfixed-wrap.popup_msg .pop_msg_wrap .tit + .txt + .btn_set {
    margin-top: 48px;
  }
  .trp.popupfixed-wrap.popup_msg .pop_msg_wrap .btn_set.btn_set-double {
    margin-left: -14px;
    margin-right: -14px;
  }
}

.trp.popupfixed-wrap.popup_toast_msg {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.trp.popupfixed-wrap.popup_toast_msg .popup-layer {
  background: none;
}

.trp.popupfixed-wrap.popup_toast_msg .toast_msg_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  min-width: 648px;
  padding: 31px 32px;
  border-radius: 60px;
  border: 1px solid #000;
  background: rgba(29, 29, 34, 0.95);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

.trp.popupfixed-wrap.popup_toast_msg .toast_msg_wrap .icon {
  margin-right: 16px;
}

.trp.popupfixed-wrap.popup_toast_msg .toast_msg_wrap .icon i {
  vertical-align: top;
}

.trp.popupfixed-wrap.popup_toast_msg .toast_msg_wrap .text {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.02em;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_toast_msg {
    position: relative;
    top: auto;
    bottom: 640px;
    left: 50%;
    height: auto;
    min-height: auto;
    transform: translateX(-50%);
  }
  .trp.popupfixed-wrap.popup_toast_msg .pop-body {
    height: 100%;
  }
  .trp.popupfixed-wrap.popup_toast_msg .toast_msg_wrap {
    position: absolute;
    bottom: 125px;
    left: 50%;
    transform: translateX(-50%);
    padding: 18px;
    min-width: 288px;
    width: calc(100vw - 32px);
    max-width: 736px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
  }
  .trp.popupfixed-wrap.popup_toast_msg .toast_msg_wrap .icon {
    margin-right: 10px;
  }
  .trp.popupfixed-wrap.popup_toast_msg .toast_msg_wrap .text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
  }
}

.trp.popupfixed-wrap.popup_notice .popup-layer {
  border-radius: 12px;
  overflow: hidden;
}

.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 .cont_head {
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  color: #fff;
}

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

.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-body .cont_body .txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer {
  padding: 18px 32px;
  position: relative;
  background: rgba(0, 0, 0, 0.04);
  text-align: left;
}

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .btn_close {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translate(0, -50%);
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #000000;
}

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

.trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .check_today .trp.checkbox-box label {
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice .popup-layer {
    border-radius: 4px;
    min-width: auto;
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .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 .cont_head {
    font-size: 18px;
    line-height: 28px;
  }
  .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 span {
    font-size: 13px;
  }
  .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-body .cont_body .txt {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }
  .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 label {
    margin-left: 0;
  }
  .trp.popupfixed-wrap.popup_notice .popup-layer .pop-footer .btn_close {
    right: 16px;
    font-size: 15px;
    line-height: 26px;
  }
}

.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;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.015em;
}

.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: 959px) {
  .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.popup_notice.swiper_notice .popup-layer {
  width: 648px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .popup-layer {
    width: 328px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .pop-scroll {
  width: 100%;
  max-height: 612px;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .pop-scroll {
    max-height: 402px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .pop-scroll .notice_tit {
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.02em;
  color: #000;
  word-break: break-all;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .pop-scroll .notice_tit {
    font-size: 20px;
    line-height: 32px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .ol_scroll-style.ol_scroll_light-style.os-host-overflow-y .os-padding::after, .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .ol_scroll-style.ol_scroll_light-style.os-host-overflow-y .os-padding::after {
  height: 50px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type {
  padding-bottom: 48px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type {
    padding-bottom: 40px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner {
  padding-bottom: 10px;
  min-height: 612px;
  height: 100%;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner {
    padding-bottom: 6px;
    min-height: 402px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner .notice_tit {
  padding: 48px 40px 24px 40px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner .notice_tit {
    padding: 30px 30px 15px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner .notice_body {
  padding: 24px 40px 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
  word-break: break-word;
  margin-bottom: 76px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner .notice_body {
    padding: 15px 30px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 60px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner .link_btn {
  margin-top: 40px;
  position: absolute;
  bottom: 10px;
  left: 0%;
  right: 0;
  padding: 0 40px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner .link_btn .btn_big {
  min-width: 280px;
  width: auto;
  max-width: 100%;
  height: auto;
  padding: 22px 35px;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #fff;
  white-space: inherit;
  word-break: break-word;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner .link_btn .btn_big span {
  word-break: break-all;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner .link_btn {
    min-width: 100%;
    width: 100%;
    margin-top: 40px;
    padding: 0 16px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .inner .link_btn .btn_big {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.01em;
    padding: 16px 16px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .pop-scroll.os-host-overflow-y .inner .notice_body {
  margin-bottom: 0;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_typo-type .pop-scroll.os-host-overflow-y .inner .link_btn {
  position: static;
  transform: none;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type {
  padding-bottom: 48px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .pop-scroll {
  min-height: 612px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type {
    padding-bottom: 40px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .pop-scroll {
    min-height: 402px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_tit {
  padding: 48px 40px 48px;
}


@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_tit {
    padding: 30px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_body {
  padding: 40px 40px 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
  word-break: keep-all;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_body {
    padding: 20px 30px 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .txt {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #000;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .notice_box {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .notice_box dl dt {
  background: #F0F0F0;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #000;
  padding: 20px 11px;
  border-radius: 6px;
  margin: -1px -1px 0;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .notice_box dl dd {
  padding: 20px 23px;
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .link_btn {
  margin-top: 32px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .link_btn .btn.btn_gray {
  background: #F0F0F0;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .link_btn .btn.btn_gray:hover {
  border-color: transparent;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .link_btn .btn.btn_gray.h50 {
  font-size: 16px;
  line-height: 46px;
  color: #000;
  height: 50px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .txt {
    font-size: 15px;
    line-height: 26px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .notice_box {
    border-radius: 4px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .notice_box dl dt {
    font-size: 14px;
    line-height: 22px;
    padding: 9px 15px;
    border-radius: 6px;
    margin: -1px -1px 0;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .notice_box dl dd {
    padding: 15px 15px;
    font-size: 13px;
    line-height: 20px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .link_btn {
    margin-top: 18px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .link_btn .btn.btn_gray {
    padding: 0 15px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_popup .link_btn .btn.btn_gray.h50 {
    font-size: 14px;
    line-height: 46px;
  }
}


.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_tit.logo-type {
  padding: 24px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_html-type .notice_tit.logo-type .pop_logo{
  text-align: left;
  padding-bottom: 50px;
}


.trp.popupfixed-wrap.popup_notice.swiper_notice .p_image-type .notice_body {
  padding: 0;
  height: 660px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_image-type .notice_body {
    height: 442px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_image-type .notice_body .img-box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_image-type .notice_body .img-box img {
  width: auto;
  max-width: 100%;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_image-type .pop-scroll {
  max-height: 660px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .p_image-type .pop-scroll {
    max-height: 442px;
  }
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .p_image-type .pop-scroll.os-host-overflow-y .notice_body .img-box {
  display: inline-block;
  align-items: normal;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box {
  position: relative;
  width: 100%;
  height: 660px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box {
    height: 442px;
  }
}

.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: 54px;
  height: 54px;
  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;
  background-color: rgba(0, 0, 0, 0.1);
}

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

.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 {
  font-size: 54px;
  color: #000;
  opacity: 1;
}

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

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev {
  left: 20px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev i {
  margin-left: -4px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next {
  right: 20px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next i {
  margin-right: -4px;
}

.trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .pagination {
  text-align: center;
  font-size: 0;
  padding: 20px;
  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.3;
  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: 30px;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
}

@media all and (max-width: 959px) {
  .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: 42px;
    height: 42px;
  }
  .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 {
    font-size: 42px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev {
    left: 12px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-prev i {
    margin-left: -2px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next {
    right: 12px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .button-next i {
    margin-right: -2px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .pagination {
    padding: 17px 20px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 4px;
    border-radius: 3px;
  }
  .trp.popupfixed-wrap.popup_notice.swiper_notice .notice_swiper_box .swiper_button .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
  }
}

.trp.popupfixed-wrap.result_id_check .c-red {
  color: #F90228;
}

.trp.popupfixed-wrap.result_id_check .pop-panel .pop-header .pop_tit {
  padding-bottom: 32px;
}

.trp.popupfixed-wrap.result_id_check .pop-panel .pop-body {
  padding-top: 112px;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area {
  position: relative;
  background: #F8F8F8;
  border-radius: 6px;
  padding: 40px 40px 38px;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .text-box .text {
  color: #000;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .text-box .s_text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .text-box .s_text strong {
  color: #000;
  font-weight: 700;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .text-box .text + .s_text {
  margin-top: 8px;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con {
  padding: 24px 32px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.04);
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con + .result_con {
  margin-top: 8px;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con .sns-list {
  display: flex;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con .sns-list .google_line {
  border: 1px solid rgba(0, 0, 0, 0.14);
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con .sns-list li {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid transparent;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con .sns-list li img {
  width: 100%;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con .sns-list li + li {
  margin-left: 8px;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con .mb_id {
  color: #000;
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .mark_dot-list {
  margin-top: 18px;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .mark_dot-list li {
  color: rgba(0, 0, 0, 0.6);
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .mark_dot-list a.link_line {
  color: #000;
  font-weight: 500;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .text-box + .result-box {
  margin-top: 32px;
}

.trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box + .mark_dot-list {
  margin-top: 18px;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.result_id_check .pop-panel .pop-header .pop_tit {
    padding-bottom: 17px;
  }
  .trp.popupfixed-wrap.result_id_check .pop-panel .pop-body {
    padding-top: 72px;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap {
    margin: 16px 0px 0;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area {
    padding: 0px 16px 0px;
    margin: 0 -16px;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .text-box {
    padding-top: 40px;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .text-box .text {
    font-size: 18px;
    line-height: 30px;
    padding-right: 2px;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .text-box .s_text {
    font-size: 14px;
    line-height: 22px;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box {
    padding-bottom: 40px;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con {
    padding: 16px;
    border-radius: 4px;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con .sns-list li {
    width: 24px;
    height: 24px;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con .sns-list li + li {
    margin-left: 6px;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box .result_con .mb_id {
    font-size: 18px;
    line-height: 30px;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .mark_dot-list {
    background-color: #fff;
    margin: 0px -16px 0;
    padding: 16px 16px 0;
  }
  .trp.popupfixed-wrap.result_id_check .result_info-wrap .info-area .result-box + .mark_dot-list {
    margin-top: 0px;
  }
}

.trp.popupfixed-wrap.terms_info_detail .terms_info-title {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: -0.02em;
}

.trp.popupfixed-wrap.terms_info_detail .terms_cont-area {
  background-color: #F8F8F8;
  border-radius: 6px;
  overflow: hidden;
}

.trp.popupfixed-wrap.terms_info_detail .terms_cont-area .scroll_content {
  height: 378px;
  padding: 40px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.terms_info_detail .terms_info-title + .terms_cont-area {
  margin-top: 16px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.terms_info_detail .terms_info-title {
    margin-top: 16px;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
  }
  .trp.popupfixed-wrap.terms_info_detail .terms_cont-area .scroll_content {
    height: calc(var(--vh, 1vh) * 100 - 276px);
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
  }
  .trp.popupfixed-wrap.terms_info_detail .terms_info-title + .terms_cont-area {
    margin-top: 18px;
  }
  .trp.popupfixed-wrap.terms_info_detail .btn_set {
    padding-bottom: 0;
  }
  .trp.popupfixed-wrap.terms_info_detail .btn_set .btn {
    width: 100%;
  }
}

.trp.popupfixed-wrap.event_form [class$="wrap"] + [class$="wrap"] {
  margin-top: 60px;
}

.trp.popupfixed-wrap.event_form .radio_chk-box .radio-box + .radio-box {
  margin-left: 40px;
}


.trp.popupfixed-wrap.event_form .trp.checkbox-box input[type="checkbox"]:checked + i:after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='icon_check_red' d='M3,0A3,3,0,0,0,0,3V21a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3ZM17.385,8.944l-5.294,6.75a1.125,1.125,0,0,1-1.609.167L6.776,12.746a1.125,1.125,0,1,1,1.448-1.722l2.815,2.366,4.576-5.834a1.125,1.125,0,1,1,1.77,1.389Z' fill='%23ff1230' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-position: left top;
}

.trp.popupfixed-wrap.event_form .section > .scroll_content {
  height: 560px;
}

.trp.popupfixed-wrap.event_form .form_header {
  margin-bottom: 16px;
}

.trp.popupfixed-wrap.event_form .form_header .title {
  color: #000;
  font-size: 22px;
  line-height: 34px;
}

.trp.popupfixed-wrap.event_form .form_header.block{
  display: block;
}

.trp.popupfixed-wrap.event_form .form_header.block .desc{
  margin-top: 8px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: -0.01em;
  font-weight: 400;
}

.trp.popupfixed-wrap.event_form .form_header .top-description {
  font-weight: 400;
}

.trp.popupfixed-wrap.event_form .form_header .top-description .txt_line {
  text-decoration: underline;
  color: #000;
}

.trp.popupfixed-wrap.event_form .form_header .top-description.mark_dot {
  position: relative;
  padding-left: 11px;
}

.trp.popupfixed-wrap.event_form .form_header .top-description.mark_dot::before {
  border-radius: 100%;
}

.trp.popupfixed-wrap.event_form .form_header .top-description.mark_dot::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .radio_chk-box .radio-box + .radio-box {
    margin-left: 32px;
  }
  /* 221121수정 */
  .trp.popupfixed-wrap.event_form .section > .scroll_content {
    height: 100%;
    /* max-height: calc(var(--vh, 1vh) * 100 - 112px); */
    max-height: calc(var(--vh, 1vh) * 100 - 20vh);
    margin: 0 -16px;
    padding: 0 16px;
  }
  .trp.popupfixed-wrap.event_form .form_header .title {
    margin-top: 16px;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
  }
  .trp.popupfixed-wrap.event_form .form_header .top-description {
    font-weight: 500;
  }
  .trp.popupfixed-wrap.event_form .form_header .top-description.mark_dot {
    padding-left: 0;
  }
  .trp.popupfixed-wrap.event_form .form_header .top-description.mark_dot::before {
    display: none;
  }
  .trp.popupfixed-wrap.event_form .form_wrap + .form_wrap .form_header .title {
    margin-top: 0;
  }
}

.trp.popupfixed-wrap.event_form .evt_agree_form {
  padding: 40px;
  background-color: #F8F8F8;
  border-radius: 6px;
}

.trp.popupfixed-wrap.event_form .evt_agree_form .form_list > li {
  margin-top: 32px;
}

.trp.popupfixed-wrap.event_form .evt_agree_form .form_list > li:first-child {
  margin-top: 0;
}

.trp.popupfixed-wrap.event_form .evt_agree_form .form_list > li .input-title i {
  margin-left: 4px;
}

.trp.popupfixed-wrap.event_form .evt_agree_form .mark_dot-list li {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.event_form .evt_agree_form .mark_dot-list li strong {
  color: #000;
}

.trp.popupfixed-wrap.event_form .evt_agree_form .mark_dot-list li + li {
  margin-top: 2px;
}

.trp.popupfixed-wrap.event_form .evt_agree_form .form_list + .mark_dot-list {
  margin-top: 8px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .evt_agree_form {
    padding: 24px 16px;
    /* 231121 삭제 */
    /* margin: 0 -16px; */
    border-radius: 0;
  }
  .trp.popupfixed-wrap.event_form .evt_agree_form .mark_dot-list li:after {
    width: 4px;
    height: 4px;
  }
  .trp.popupfixed-wrap.event_form .evt_agree_form .form_list + .mark_dot-list {
    margin-top: 6px;
  }
}

.trp.popupfixed-wrap.event_form .final_agree-wrap .text-box {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.01em;
  text-align: center;
}

.trp.popupfixed-wrap.event_form .final_agree-wrap .text-box strong {
  color: black;
}

.trp.popupfixed-wrap.event_form .final_agree-wrap .btn_set {
  margin-top: 32px;
}

.trp.popupfixed-wrap.event_form .final_agree-wrap .btn_set.btn_set-double .btn_item:first-child {
  padding-right: 12px;
}

.trp.popupfixed-wrap.event_form .final_agree-wrap .btn_set.btn_set-double .btn_item:last-child {
  padding-left: 12px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .final_agree-wrap .text-box {
    font-size: 16px;
    line-height: 28px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }
  .trp.popupfixed-wrap.event_form .final_agree-wrap .btn_set {
    margin-top: 40px;
  }
  .trp.popupfixed-wrap.event_form .final_agree-wrap .btn_set.btn_set-double .btn_item:first-child {
    padding-right: 4px;
  }
  .trp.popupfixed-wrap.event_form .final_agree-wrap .btn_set.btn_set-double .btn_item:last-child {
    padding-left: 4px;
  }
}

@media all and (max-width: 560px) {
  .trp.popupfixed-wrap.event_form .final_agree-wrap .text-box strong {
    display: block;
  }
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .terms_agree-wrap + .final_agree-wrap {
    margin-top: 48px;
  }
}

/* 14세 미만 */
.trp.popupfixed-wrap.event_form.under14 .form_header{
  display: block;
}
.trp.popupfixed-wrap.event_form.under14 .form_header .desc{
  margin-top: 8px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: -0.01em;
  font-weight: 400;
}

.trp.popupfixed-wrap.event_form.under14 .radio_chk-box .checkbox-box + .checkbox-box,
.trp.popupfixed-wrap.event_form.gift_address .radio_chk-box .checkbox-box + .checkbox-box{
  margin-left: 40px;
}
@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form.under14 .form_header .desc{
    margin-top: 4px;
  }

  .trp.popupfixed-wrap.event_form .radio_chk-box.under14-chk  .checkbox-box + .checkbox-box{
    display: block;
    margin-left:0;
    margin-top: 12px;
  }
}


.trp.popupfixed-wrap.event_form .qna-wrap {
  padding-top: 20px;
  /* form custom */
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .qna-wrap {
    /*padding-top:10px;*/
    margin: 0 -16px;
  }
}

.trp.popupfixed-wrap.event_form .qna-wrap input[type="text"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="password"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="number"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="tel"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="url"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="email"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="search"],
.trp.popupfixed-wrap.event_form .qna-wrap .textarea-box,
.trp.popupfixed-wrap.event_form .qna-wrap .select-box .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px !important;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .qna-wrap input[type="text"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="password"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="number"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="tel"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="url"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="email"], .trp.popupfixed-wrap.event_form .qna-wrap input[type="search"],
  .trp.popupfixed-wrap.event_form .qna-wrap .textarea-box,
  .trp.popupfixed-wrap.event_form .qna-wrap .select-box .select2-container--default .select2-selection--single {
    border-color: rgba(0, 0, 0, 0.08);
    border-radius: 4px !important;
  }
}

.trp.popupfixed-wrap.event_form .qna-wrap .select-box .select2-container--default .select2-selection--single,
.trp.popupfixed-wrap.event_form .qna-wrap .select-box .select2-container--open .select2-selection--single {
  border-color: #000;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .qna-wrap .select-box {
    border-color: black;
  }
}

.trp.popupfixed-wrap.event_form .qna-wrap .radio_chk-box > ul > li + li {
  margin-top: 16px;
}

.trp.popupfixed-wrap.event_form .qna-wrap .radio_chk-box .trp.radio-box input[type="radio"] + i,
.trp.popupfixed-wrap.event_form .qna-wrap .radio_chk-box .trp.checkbox-box input[type="checkbox"] + i {
  top: 3px;
}

.trp.popupfixed-wrap.event_form .qna-wrap .radio_chk-box .trp.radio-box label,
.trp.popupfixed-wrap.event_form .qna-wrap .radio_chk-box .trp.checkbox-box label {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .qna-wrap .radio_chk-box > ul > li + li {
    margin-top: 20px;
  }
  .trp.popupfixed-wrap.event_form .qna-wrap .radio_chk-box .trp.radio-box input[type="radio"] + i,
  .trp.popupfixed-wrap.event_form .qna-wrap .radio_chk-box .trp.checkbox-box input[type="checkbox"] + i {
    top: 4px;
  }
  .trp.popupfixed-wrap.event_form .qna-wrap .radio_chk-box .trp.radio-box label,
  .trp.popupfixed-wrap.event_form .qna-wrap .radio_chk-box .trp.checkbox-box label {
    font-size: 16px;
    line-height: 28px;
  }
}

.trp.popupfixed-wrap.event_form .qna-wrap .qna_card {
  max-width: 720px;
  margin: auto;
  background-color: #fff;
  padding: 24px 48px 32px;
  border-radius: 6px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

.trp.popupfixed-wrap.event_form .qna-wrap .qna_card .quest {
  margin-left: -24px;
  margin-bottom: 32px;
  color: #000;
  letter-spacing: -0.02em;
  font-weight: 700;
}

.trp.popupfixed-wrap.event_form .qna-wrap .qna_card .quest .q_ask {
  font-family: 'Helvetica','Arial';
  font-size: 28px;
  line-height: 32px;
  vertical-align: bottom;
  margin-right: 8px;
}


.trp.popupfixed-wrap.event_form .qna-wrap .qna_card .quest .q_text {
  font-size: 22px;
  line-height: 34px;
}

.trp.popupfixed-wrap.event_form .qna-wrap .qna_card + .qna_card {
  margin-top: 16px;
}


.trp.popupfixed-wrap.event_form .qna-wrap .qna_card .mark_dot-list {
  padding-left: 4px;
}

.trp.popupfixed-wrap.event_form .qna-wrap .qna_card .mark_dot-list li {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.event_form .qna-wrap .qna_card .answer + .mark_dot-list {
  margin-top: 10px;
}

.trp.popupfixed-wrap.event_form .qna-wrap .q_img{
  margin-bottom:24px;
}

.trp.popupfixed-wrap.event_form .qna-wrap .q_img img {
  max-width: 624px;
  border-radius: 6px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .qna-wrap .qna_card {
    padding: 32px 16px 40px;
    border-radius: 0;
  }
  .trp.popupfixed-wrap.event_form .qna-wrap .qna_card .quest {
    margin-left: 0px;
  }
  .trp.popupfixed-wrap.event_form .qna-wrap .qna_card .quest .q_ask {
    font-size: 24px;
    line-height: 28px;
    margin-right: 6px;
  }
  .trp.popupfixed-wrap.event_form .qna-wrap .qna_card .quest .q_text {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
  .trp.popupfixed-wrap.event_form .qna-wrap .qna_card + .qna_card {
    margin-top: 10px;
  }
  .trp.popupfixed-wrap.event_form .qna-wrap .qna_card .mark_dot-list li:after {
    width: 4px;
    height: 4px;
  }

  .trp.popupfixed-wrap.event_form .qna-wrap .q_img{
    margin-bottom:24px;
  }
  
  .trp.popupfixed-wrap.event_form .qna-wrap .q_img img {
    max-width: none;
    width:100%;
    border-radius: 4px;
  }
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap {
  position: relative;
  min-height: 547px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .program_join_info-wrap {
    min-height: auto;
  }
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .c-red {
  color: #F90228;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .text-area {
  text-align: center;
  padding-top: 5px;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .text-area .title {
  color: #000;
  font-size: 34px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: -0.02em;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .text-area .desc {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .text-area .title + .desc {
  margin-top: 10px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .text-area {
    padding-top: 16px;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .text-area .title {
    font-size: 28px;
    line-height: 40px;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .text-area .desc {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.01em;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .text-area .title + .desc {
    margin-top: 10px;
  }
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area {
  margin-top: 24px;
  padding: 48px 40px;
  background-color: #F8F8F8;
  border-radius: 6px;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .episode_number-box {
  padding: 18px 24px 16px;
  background-color: #fff;
  border-radius: 6px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .episode_number-box .ep_title {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .episode_number-box .ep_data {
  color: #000;
  font-weight: 700;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .episode_number-box .ep_title + .ep_data {
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .episode_number-box .ep_title + .ep_data::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: -1px;
  width: 1px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.3);
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .text_list-box .mark_dot-list li {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .text_list-box .mark_dot-list li:after {
  top: 12px;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .text_list-box .mark_dot-list li + li {
  margin-top: 6px;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .text_list-box .mark_dot-list strong {
  color: #000;
  font-weight: 700;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-head .title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-head .btn {
  padding: 7px 9px;
  border-radius: 4px;
  border-color: rgba(0, 0, 0, 0.6);
  background-color: transparent;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-head .btn span {
  color: #000;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.03em;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-body .url-blk {
  padding: 16px 24px 18px;
  background-color: #fff;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-body .url-blk a.agree_url {
  word-break: break-all;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .episode_number-box + .text_list-box {
  margin-top: 24px;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .text_list-box + .companion_agree-box {
  margin-top: 48px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area {
    margin-top: 40px;
    margin-left: -16px;
    margin-right: -16px;
    padding: 40px 16px;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .episode_number-box {
    padding: 20px 24px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .episode_number-box .ep_title + .ep_data::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: -1px;
    width: 1px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .text_list-box .mark_dot-list li {
    font-size: 14px;
    line-height: 22px;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .text_list-box .mark_dot-list li:after {
    top: 9px;
    width: 4px;
    height: 4px;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .text_list-box .mark_dot-list li + li {
    margin-top: 8px;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-head {
    margin-bottom: 6px;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-head .title {
    font-size: 12px;
    line-height: 17px;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-body .url-blk {
    padding: 18px 20px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .episode_number-box + .text_list-box {
    margin-top: 24px;
  }
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .text_list-box + .companion_agree-box {
    margin-top: 32px;
  }
}



/* 25.11.12 카카오톡 공유 추가 [S]*/
/* .trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-head .btn-area{
  display: flex;
  gap: 6px;
}

.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-head .btn-area .btn span::before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  width: 14px;
  height: 14px;
}
.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-head .btn-area .btn.url span::before{
  background-image: url(../images/common/icon_link_copy.svg);
}
.trp.popupfixed-wrap.event_form .program_join_info-wrap .info-area .companion_agree-box .companion-head .btn-area .btn.kakao span::before{
  background-image: url(../images/common/icon_kakao_b.svg);
} */
/* 25.11.12 카카오톡 공유 추가 [E]*/

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .program_join_info-wrap .btn-area .btn_set .btn {
    width: 100%;
  }
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .target-box {
  display: flex;
  /*align-items:center;*/
  background-color: #F8F8F8;
  border-radius: 6px;
  padding: 24px 30px;
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .tit_target {
  margin-right: 20px;
  flex: 0 0 auto;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .target_info {
  width: 100%;
  /*flex-wrap: wrap; display: inline-flex; align-items: center;*/
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .target_info i.icon_nonmb {
  display: inline-block;
  flex: 0 0 auto;
  margin-right: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .target_info span {
  position: relative;
  /*display:inline-block;*/
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .target_info span::before {
  transform: translate(0, -50%);
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .target_info span + span {
  margin-left: 10px;
  padding-left: 11px;
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .target_info span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.3);
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .reply_report-wrap .target-box {
    flex-wrap: wrap;
    padding: 16px 20px;
  }
  .trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .tit_target {
    font-size: 16px;
    line-height: 28px;
  }
  .trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .target_info {
    width: auto;
  }
  .trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .target_info i.icon_nonmb {
    margin-right: 6px;
    padding: 0px 6px;
    margin-top: 4px;
    vertical-align: top;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 10px;
    line-height: 20px;
  }
  .trp.popupfixed-wrap.event_form .reply_report-wrap .target-box .target_info span {
    font-size: 15px;
    line-height: 26px;
  }
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box > ul > li + li {
  margin-top: 16px;
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box .trp.radio-box input[type="radio"] + i {
  top: 3px;
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box .trp.radio-box label {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box .textarea-box {
  margin-top: 12px;
  margin-left: 32px;
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box .textarea-box textarea {
  height: 92px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box > ul > li + li {
    margin-top: 12px;
  }
  .trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box .trp.radio-box {
    padding-left: 34px;
  }
  .trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box .trp.radio-box input[type="radio"] + i {
    top: 2px;
  }
  .trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box .trp.radio-box label {
    font-size: 15px;
    line-height: 26px;
  }
  .trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box .textarea-box {
    margin-top: 12px;
    margin-left: 34px;
  }
  .trp.popupfixed-wrap.event_form .reply_report-wrap .radio_chk-box .textarea-box textarea {
    height: 142px;
    line-height: 20px;
  }
}

.trp.popupfixed-wrap.event_form .reply_report-wrap .target-box + .radio_chk-box {
  margin-top: 40px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .reply_report-wrap .target-box + .radio_chk-box {
    margin-top: 32px;
  }
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .reply_report-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    height: calc(var(--vh, 1vh) * 100 - 112px);
    padding-top: 16px;
  }
}

.trp.popupfixed-wrap.event_form .reply_password-wrap .reply_password-area {
  padding-bottom: 82px;
}

.trp.popupfixed-wrap.event_form .reply_password-wrap .reply_password-area .text-box {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.event_form .reply_password-wrap .reply_password-area .text-box .c-red {
  color: #F90228;
}

.trp.popupfixed-wrap.event_form .reply_password-wrap .reply_password-area .text-box + .form_wrap {
  margin-top: 48px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form .reply_password-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    height: calc(var(--vh, 1vh) * 100 - 112px);
    padding-top: 16px;
  }
  .trp.popupfixed-wrap.event_form .reply_password-wrap .reply_password-area {
    padding-bottom: 0px;
  }
  .trp.popupfixed-wrap.event_form .reply_password-wrap .reply_password-area .form_body .form_list li {
    margin-top: 20px;
  }
  .trp.popupfixed-wrap.event_form .reply_password-wrap .reply_password-area .text-box {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.02em;
  }
  .trp.popupfixed-wrap.event_form .reply_password-wrap .reply_password-area .text-box + .form_wrap {
    margin-top: 32px;
  }
}

.trp.popupfixed-wrap.event_form.event_reply_img .section > .scroll_content{
  height: auto;
  max-height: 560px;
}
.trp.popupfixed-wrap.event_form .reply_img-wrap .img-box{
  text-align: center;
}

.trp.popupfixed-wrap.event_form .reply_img-wrap .img-box img{
  max-width: 100%;
}



@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form.gift_address .addfile {
    margin-top: 0;
  }
}

.trp.popupfixed-wrap.event_form.gift_address .final_agree-wrap {
  margin-top: 40px;
}

.trp.popupfixed-wrap.event_form.gift_address .final_agree-wrap .btn_set .btn {
  width: 280px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form.gift_address .final_agree-wrap .btn_set .btn {
    width: 100%;
  }
}

.trp.popupfixed-wrap.event_form.program_join .pop-panel .pop-body {
  padding-left: 28px;
  padding-right: 8px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form.program_join .pop-panel .pop-body {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.trp.popupfixed-wrap.event_form.program_join .final_agree-wrap {
  margin-top: 40px;
}

.trp.popupfixed-wrap.event_form.program_join .final_agree-wrap .btn_set .btn {
  width: 280px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form.program_join .final_agree-wrap .btn_set .btn {
    width: 100%;
  }
}

.trp.popupfixed-wrap.event_form.program_join_done .pop-body .scroll_content .program_join_info-wrap .info-area {
  margin-bottom: 128px;
}

.trp.popupfixed-wrap.event_form.program_join_done .pop-body .scroll_content.os-host-overflow-y .program_join_info-wrap .info-area {
  margin-bottom: 0;
}

.trp.popupfixed-wrap.event_form.program_join_done .pop-body .scroll_content.os-host-overflow-y .program_join_info-wrap .btn-area {
  position: static;
  transform: none;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form.program_join_done .pop-body .scroll_content .program_join_info-wrap .info-area {
    margin-bottom: 0;
  }
  .trp.popupfixed-wrap.event_form.program_join_done .pop-body .scroll_content .program_join_info-wrap .btn-area {
    position: static;
  }
}

.trp.popupfixed-wrap.event_form.event_reply_report .popup-layer, .trp.popupfixed-wrap.event_form.event_reply_password .popup-layer {
  width: 648px;
}

.trp.popupfixed-wrap.event_form.event_reply_report .popup-layer .section > .scroll_content, .trp.popupfixed-wrap.event_form.event_reply_password .popup-layer .section > .scroll_content {
  height: 554px;
}

.trp.popupfixed-wrap.event_form.event_reply_report .popup-layer .btn_set-double .btn, .trp.popupfixed-wrap.event_form.event_reply_password .popup-layer .btn_set-double .btn {
  width: 100%;
}

.trp.popupfixed-wrap.event_form.event_reply_report .popup-layer .btn_set-double .btn_item:first-child, .trp.popupfixed-wrap.event_form.event_reply_password .popup-layer .btn_set-double .btn_item:first-child {
  padding-right: 4px;
}

.trp.popupfixed-wrap.event_form.event_reply_report .popup-layer .btn_set-double .btn_item:last-child, .trp.popupfixed-wrap.event_form.event_reply_password .popup-layer .btn_set-double .btn_item:last-child {
  padding-left: 4px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_form.event_reply_report .popup-layer, .trp.popupfixed-wrap.event_form.event_reply_password .popup-layer {
    width: 100%;
  }
  .trp.popupfixed-wrap.event_form.event_reply_report .popup-layer .section > .scroll_content, .trp.popupfixed-wrap.event_form.event_reply_password .popup-layer .section > .scroll_content {
    height: 100%;
  }
}

.trp.popupfixed-wrap.password_change .c-red {
  color: #F90228;
}

.trp.popupfixed-wrap.password_change .pop-panel .pop-header .pop_tit {
  padding-bottom: 32px;
}

.trp.popupfixed-wrap.password_change .pop-panel .pop-body {
  padding-top: 112px;
}

.trp.popupfixed-wrap.password_change .text_info-wrap .info-area {
  position: relative;
  background: #F8F8F8;
  border-radius: 6px;
  padding: 40px 40px 38px;
}

.trp.popupfixed-wrap.password_change .text_info-wrap .info-area .text-box {
  text-align: center;
}

.trp.popupfixed-wrap.password_change .text_info-wrap .info-area .text-box .text {
  color: #000;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.trp.popupfixed-wrap.password_change .text_info-wrap .info-area .text-box .s_text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.trp.popupfixed-wrap.password_change .text_info-wrap .info-area .text-box .s_text strong {
  color: #000;
  font-weight: 700;
}

@media screen and (max-width: 959px) {
  .trp.popupfixed-wrap.password_change .pop-panel .pop-header .pop_tit {
    padding-bottom: 17px;
  }
  .trp.popupfixed-wrap.password_change .pop-panel .pop-body {
    padding-top: 72px;
  }
  .trp.popupfixed-wrap.password_change .text_info-wrap {
    margin: 16px 0px 0;
  }
  .trp.popupfixed-wrap.password_change .text_info-wrap .info-area {
    padding: 40px 16px;
    margin: 0 -16px;
  }
  .trp.popupfixed-wrap.password_change .text_info-wrap .info-area .text-box {
    text-align: left;
  }
  .trp.popupfixed-wrap.password_change .text_info-wrap .info-area .text-box .text {
    font-size: 18px;
    line-height: 30px;
    padding-right: 2px;
  }
  .trp.popupfixed-wrap.password_change .text_info-wrap .info-area .text-box .s_text {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
  }
}

  .trp.popupfixed-wrap.amni_service_agree .section > .scroll_content {
    height: 100%;
    max-height: calc(var(--vh, 1vh) * 100 - 112px);
    margin: 0 -16px;
    padding: 0 16px;
  }

.trp.popupfixed-wrap.amni_service_agree .section > .scroll_content {
  height: 560px;
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .trp_acitem{
  padding: 24px 0; 
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .trp_acitem.on{
  padding: 24px 0 0 0; 
  border-bottom: 0;
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .trp_acitem:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box{
  margin: 0;
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .agree_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .agree_wrap .tit,
.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .agree_wrap .radio_chk-box{
  margin: 0;
  font-size: 16px;
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .agree_wrap .tit{
  padding-left:24px;
  font-weight: 700;
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .agree_wrap .radio_chk-box{
  padding-right: 24px;
}
.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .agree_wrap .tit a.link_line{
  display: inline-block;
  vertical-align: top;
  margin-left: 14px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  text-decoration-color: rgba(0, 0, 0, 0.6);
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .radio_chk-box .radio-box + .radio-box{
  margin-left: 32px;
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .terms_wrap{
  margin-top: 16px;
  padding: 0;
  border:0px;
}

.trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .terms_wrap.con-area{
  display: none;
  height: 180px;
  padding: 24px;
}


@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .form_body{
    margin-top: 24px;
  }

  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .trp_acitem,
  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .trp_acitem.on{
    padding: 0 0 32px 0; 
    border-bottom: 0;
  }
  
  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .trp_acitem:last-child{
    padding: 0;
  }

  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .agree_wrap{
    padding: 0;
  }

  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .agree_wrap .tit,
  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .agree_wrap .radio_chk-box{
    font-size: 14px;
  }


  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .agree_wrap .tit{
    width: 100%;
    position: relative;
    margin-bottom: 12px;
    padding-left:0;
    order:1;
  }
  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .agree_wrap .tit a.link_line{
    font-size: 12px;
    position: absolute;
    right: 0;
  }

  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .agree_wrap .radio_chk-box{
    width: 100%;
    padding-right: 0;
    order:3;
  }

  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .agree_wrap .terms_wrap{
    order:2;
    margin: 0 0 16px 0;
  }

  .trp.popupfixed-wrap.amni_service_agree .terms_contents-wrap .terms_box .terms_wrap.con-area{
    height: 194px;
    padding: 20px;
  }

  .trp.popupfixed-wrap.amni_service_agree .final_agree-wrap .btn_set .btn{
    width: 100%;
  }
}


.trp.popupfixed-wrap .gray-box {
  position: relative;
  background: #F8F8F8;
  border-radius: 6px;
  padding: 32px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap .gray-box {
    padding: 20px;
  }
}

/* 투니버스 이벤트 참여완료 팝업 */
.trp.popupfixed-wrap.tooniverse_event_complete .popup-layer{
  width: 610px;
  padding: 60px 30px 40px;
  border: 3px solid #add0f7;
  background: linear-gradient(180deg, #fff 0%, #abcff7 100%);
}

.trp.popupfixed-wrap.tooniverse_event_complete .popup-layer .pop-header .btn-close .spf:before{
  color: #a1c0e1;
}

.trp.popupfixed-wrap.tooniverse_event_complete .icon{
  margin-bottom: 30px;
}

.trp.popupfixed-wrap.tooniverse_event_complete .icon .ico{
  width: 68px;
  height: 68px;
}

.trp.popupfixed-wrap.tooniverse_event_complete .tit{
  font-size: 25px;
}

.trp.popupfixed-wrap.tooniverse_event_complete .pop_msg_wrap .icon + .tit + .btn_set{
  margin-top: 15px;
}

.trp.popupfixed-wrap.tooniverse_event_complete .pop_msg_wrap .icon + .tit + .btn_set a{
  display: block;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.tooniverse_event_complete .popup-layer{
    width: 100%;
    padding: 60px 30px 16px;
  }

  .trp.popupfixed-wrap.tooniverse_event_complete .icon{
    margin-bottom: 12px;
  }
  
  .trp.popupfixed-wrap.tooniverse_event_complete .icon .ico{
    width: 54px;
    height: 54px;
  }
  
  .trp.popupfixed-wrap.tooniverse_event_complete .tit{
    font-size: 18px;
  }
  
  .trp.popupfixed-wrap.tooniverse_event_complete .pop_msg_wrap .icon + .tit + .btn_set{
    margin-top: 15px;
  }

  .trp.popupfixed-wrap.tooniverse_event_complete .pop_msg_wrap .icon + .tit + .btn_set a img{
    width: 100%;
  }

  .trp.popupfixed-wrap.tooniverse_event_complete .popup-align .popup-vertical{
    padding: 25px;
  }
}


/* ======================== input text  */
/* placeholder */
input[type="text"].placeholdersjs, input[type="password"].placeholdersjs, input[type="number"].placeholdersjs,
input[type="tel"].placeholdersjs, input[type="url"].placeholdersjs, input[type="email"].placeholdersjs, input[type="search"].placeholdersjs,
textarea.placeholdersjs {
  color: rgba(0, 0, 0, 0.4);
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-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.4);
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-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.4);
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder,
input[type="tel"]::-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.4);
}

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

input[type="text"], input[type="password"], input[type="number"],
input[type="tel"], input[type="url"], input[type="email"], input[type="search"] {
  width: 100%;
  height: 40px;
  padding: 18px 20px;
  color: #000;
  font-size: 16px;
  vertical-align: middle;
  font-weight: 500;
  border: 1px solid #cdcdcd;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  letter-spacing: -0.01em;
}

@media all and (max-width: 959px) {
  input[type="text"], input[type="password"], input[type="number"],
  input[type="tel"], input[type="url"], input[type="email"], input[type="search"] {
    height: 40px;
    font-size: 14px;
    line-height: 22px;
    border-radius: 4px;
  }
}

input[type="text"].h64, input[type="password"].h64, input[type="number"].h64, input[type="tel"].h64, input[type="url"].h64, input[type="email"].h64, input[type="search"].h64 {
  height: 64px;
}

@media all and (max-width: 959px) {
  input[type="text"].h64, input[type="password"].h64, input[type="number"].h64, input[type="tel"].h64, input[type="url"].h64, input[type="email"].h64, input[type="search"].h64 {
    height: 56px;
  }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="tel"]::-webkit-inner-spin-button,
input[type="tel"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ======================== focus, ,disabled, input_error */
/* -focus */
/* -read only,  -disabled */
input[type="text"]:read-only, input[type="text"]:disabled, input[type="password"]:read-only, input[type="password"]:disabled, input[type="number"]:read-only, input[type="number"]:disabled, input[type="tel"]:read-only, input[type="tel"]:disabled, input[type="url"]:read-only, input[type="url"]:disabled, input[type="email"]:read-only, input[type="email"]:disabled, input[type="search"]:read-only, input[type="search"]:disabled {
  color: rgba(0, 0, 0, 0.6);
}

input[type="text"]:read-only.placeholdersjs, input[type="text"]:disabled.placeholdersjs, input[type="password"]:read-only.placeholdersjs, input[type="password"]:disabled.placeholdersjs, input[type="number"]:read-only.placeholdersjs, input[type="number"]:disabled.placeholdersjs, input[type="tel"]:read-only.placeholdersjs, input[type="tel"]:disabled.placeholdersjs, input[type="url"]:read-only.placeholdersjs, input[type="url"]:disabled.placeholdersjs, input[type="email"]:read-only.placeholdersjs, input[type="email"]:disabled.placeholdersjs, input[type="search"]:read-only.placeholdersjs, input[type="search"]:disabled.placeholdersjs {
  color: rgba(0, 0, 0, 0.2);
}

input[type="text"]:read-only:-ms-input-placeholder, input[type="text"]:disabled:-ms-input-placeholder, input[type="password"]:read-only:-ms-input-placeholder, input[type="password"]:disabled:-ms-input-placeholder, input[type="number"]:read-only:-ms-input-placeholder, input[type="number"]:disabled:-ms-input-placeholder, input[type="tel"]:read-only:-ms-input-placeholder, input[type="tel"]:disabled:-ms-input-placeholder, input[type="url"]:read-only:-ms-input-placeholder, input[type="url"]:disabled:-ms-input-placeholder, input[type="email"]:read-only:-ms-input-placeholder, input[type="email"]:disabled:-ms-input-placeholder, input[type="search"]:read-only:-ms-input-placeholder, input[type="search"]:disabled:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

input[type="text"]:read-only::-webkit-input-placeholder, input[type="text"]:disabled::-webkit-input-placeholder, input[type="password"]:read-only::-webkit-input-placeholder, input[type="password"]:disabled::-webkit-input-placeholder, input[type="number"]:read-only::-webkit-input-placeholder, input[type="number"]:disabled::-webkit-input-placeholder, input[type="tel"]:read-only::-webkit-input-placeholder, input[type="tel"]:disabled::-webkit-input-placeholder, input[type="url"]:read-only::-webkit-input-placeholder, input[type="url"]:disabled::-webkit-input-placeholder, input[type="email"]:read-only::-webkit-input-placeholder, input[type="email"]:disabled::-webkit-input-placeholder, input[type="search"]:read-only::-webkit-input-placeholder, input[type="search"]:disabled::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

input[type="text"]:read-only::-moz-placeholder, input[type="text"]:disabled::-moz-placeholder, input[type="password"]:read-only::-moz-placeholder, input[type="password"]:disabled::-moz-placeholder, input[type="number"]:read-only::-moz-placeholder, input[type="number"]:disabled::-moz-placeholder, input[type="tel"]:read-only::-moz-placeholder, input[type="tel"]:disabled::-moz-placeholder, input[type="url"]:read-only::-moz-placeholder, input[type="url"]:disabled::-moz-placeholder, input[type="email"]:read-only::-moz-placeholder, input[type="email"]:disabled::-moz-placeholder, input[type="search"]:read-only::-moz-placeholder, input[type="search"]:disabled::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

input[type="text"].readonly, input[type="text"].disabled, input[type="password"].readonly, input[type="password"].disabled, input[type="number"].readonly, input[type="number"].disabled, input[type="tel"].readonly, input[type="tel"].disabled, input[type="url"].readonly, input[type="url"].disabled, input[type="email"].readonly, input[type="email"].disabled, input[type="search"].readonly, input[type="search"].disabled {
  background-color: #1D1D22;
}

input[type="text"].readonly + i:first-child, input[type="text"].disabled + i:first-child, input[type="password"].readonly + i:first-child, input[type="password"].disabled + i:first-child, input[type="number"].readonly + i:first-child, input[type="number"].disabled + i:first-child, input[type="tel"].readonly + i:first-child, input[type="tel"].disabled + i:first-child, input[type="url"].readonly + i:first-child, input[type="url"].disabled + i:first-child, input[type="email"].readonly + i:first-child, input[type="email"].disabled + i:first-child, input[type="search"].readonly + i:first-child, input[type="search"].disabled + i:first-child {
  z-index: 1;
}

/* -error */
input[type="text"].input_error, input[type="password"].input_error, input[type="number"].input_error, input[type="tel"].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="tel"], .input-box input[type="url"], .input-box input[type="email"], .input-box input[type="search"] {
  padding: 8px 15px 8px;
}

.input-box .btn {
  margin-top: -1px;
}

.input-box .byte_check {
  position: absolute;
  top: 10px;
  right: 15px;
}

.input-box .byte_check em {
  vertical-align: middle;
  font-size: 14px;
  color: #e90000;
}

.input-box .byte_check span {
  vertical-align: middle;
  font-size: 14px;
}

/* input 삭제 */
.input_del {
  position: relative;
}

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

/* =============== input 테마 =============== */
.theme-dark input[type="text"], .theme-dark input[type="password"], .theme-dark input[type="number"],
.theme-dark input[type="tel"], .theme-dark input[type="url"], .theme-dark input[type="email"], .theme-dark input[type="search"], .theme-dark textarea {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background-color: rgba(255, 255, 255, 0.04);
  /* placeholder */
}

.theme-dark input[type="text"].placeholdersjs, .theme-dark input[type="password"].placeholdersjs, .theme-dark input[type="number"].placeholdersjs,
.theme-dark input[type="tel"].placeholdersjs, .theme-dark input[type="url"].placeholdersjs, .theme-dark input[type="email"].placeholdersjs, .theme-dark input[type="search"].placeholdersjs, .theme-dark textarea.placeholdersjs {
  color: rgba(255, 255, 255, 0.4);
}

.theme-dark input[type="text"]:-ms-input-placeholder, .theme-dark input[type="password"]:-ms-input-placeholder, .theme-dark input[type="number"]:-ms-input-placeholder,
.theme-dark input[type="tel"]:-ms-input-placeholder, .theme-dark input[type="url"]:-ms-input-placeholder, .theme-dark input[type="email"]:-ms-input-placeholder, .theme-dark input[type="search"]:-ms-input-placeholder, .theme-dark textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.theme-dark input[type="text"]::-webkit-input-placeholder, .theme-dark input[type="password"]::-webkit-input-placeholder, .theme-dark input[type="number"]::-webkit-input-placeholder,
.theme-dark input[type="tel"]::-webkit-input-placeholder, .theme-dark input[type="url"]::-webkit-input-placeholder, .theme-dark input[type="email"]::-webkit-input-placeholder, .theme-dark input[type="search"]::-webkit-input-placeholder, .theme-dark textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.theme-dark input[type="text"]::-moz-placeholder, .theme-dark input[type="password"]::-moz-placeholder, .theme-dark input[type="number"]::-moz-placeholder,
.theme-dark input[type="tel"]::-moz-placeholder, .theme-dark input[type="url"]::-moz-placeholder, .theme-dark input[type="email"]::-moz-placeholder, .theme-dark input[type="search"]::-moz-placeholder, .theme-dark textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

/* ======================== textarea  */
.textarea-box {
  padding: 18px 20px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}

.textarea-box.white {
  background: rgba(255, 255, 255,1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.textarea-box textarea,
.textarea-box [contenteditable="true"] {
  width: 100%;
  height: 150px;
  border: 0;
  color: #000;
  font-size: 16px;
  vertical-align: middle;
  font-family: "Noto Sans KR";
  font-weight: 500;
  background-color: transparent;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.textarea-box .byte_check {
  margin-top: 0px;
  height: 20px;
  text-align: right;
}

.textarea-box .byte_check em {
  vertical-align: bottom;
  font-size: 12px;
  color: #e90000;
}

.textarea-box .byte_check span {
  vertical-align: bottom;
  font-size: 12px;
}

.textarea-box [contenteditable="true"]:empty:before {
  content: attr(placeholder);
  color: rgba(0, 0, 0, 0.4);
}

.textarea-box [contenteditable="true"].editable_disabled,
.textarea-box [contenteditable="true"].editable_readonly{
  color: rgba(0, 0, 0, 0.4);
}



@media all and (max-width: 959px) {
  .textarea-box {
    border-radius: 4px;
  }
  .textarea-box textarea {
    font-size: 15px;
    line-height: 26px;
  }
  .textarea-box [contenteditable="true"]:empty:before {
    font-size: 15px;
  }
}






.required {
  color: #F90228;
}

/* =============== textarea 테마 =============== */
.theme-dark .textarea-box {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background-color: rgba(255, 255, 255, 0.04);
}

.theme-dark .textarea-box textarea {
  color: #fff;
}


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

.trp.radio-box label {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: black;
}

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

.trp.radio-box input[type="radio"] + i:after {
  display: block;
  content: '';
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -142px 0px;
  width: 24px;
  height: 24px;
}


.trp.radio-box input[type="radio"]:checked + i:after {
  /* background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -142px -34px; */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23ff1230' data-name='icon_radio_red'/%3E%3Ccircle cx='4' cy='4' r='4' fill='%23fff' data-name='icon_radio_white' transform='translate(8 8)'/%3E%3C/svg%3E");
  background-position: left top;
  width: 24px;
  height: 24px;
}

.trp.radio-box input[type="radio"]:disabled + i:after,
.trp.checkbox-box input[type="checkbox"]:disabled + i:after {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.trp.radio-box input[type="radio"]:disabled + i:after:after,
.trp.checkbox-box input[type="checkbox"]:disabled + i:after:after {
  display: block;
  content: '';
  /* @include sp_icons($form-radio-dim); */
}

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

.trp.radio-box.block{
  display: block;
  margin-top: 20px;
}

@media all and (max-width: 959px) {
  .trp.radio-box label {
    font-size: 14px;
    line-height: 24px;
  }
}

.trp.radio-box.type2 {
  padding-left: 40px;
  min-height: 32px;
}

.trp.radio-box.type2 label {
  line-height: 30px;
}

.trp.radio-box.type2 em {
  height: 32px;
}

.trp.radio-box.type2 input[type="radio"] {
  width: 32px;
  height: 32px;
}

.trp.radio-box.type2 input[type="radio"] + i:after {
  display: block;
  content: '';
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -100px 0px;
  width: 32px;
  height: 32px;
}

.trp.radio-box.type2 input[type="radio"]:checked + i:after {
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -100px -42px;
  width: 32px;
  height: 32px;
}

.trp.radio-box.type2 input[type="radio"]:disabled + i:after {
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -100px 0px;
  width: 32px;
  height: 32px;
}

@media all and (max-width: 959px) {
  .trp.radio-box.type2 {
    padding-left: 32px;
    min-height: 24px;
  }
  .trp.radio-box.type2 label {
    line-height: 24px;
  }
  .trp.radio-box.type2 em {
    height: 24px;
  }
  .trp.radio-box.type2 input[type="radio"] {
    width: 24px;
    height: 24px;
  }
  .trp.radio-box.type2 input[type="radio"] + i:after {
    display: block;
    content: '';
    background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
    background-position: -142px -68px;
    width: 24px;
    height: 24px;
  }
  .trp.radio-box.type2 input[type="radio"]:checked + i:after {
    background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
    background-position: 0px -134px;
    width: 24px;
    height: 24px;
  }
  .trp.radio-box.type2 input[type="radio"]:disabled + i:after {
    background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
    background-position: -142px -68px;
    width: 24px;
    height: 24px;
  }
}

/* ========================  input checkbox */
.trp.checkbox-box {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  min-height: 24px;
}

.trp.checkbox-box label {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: black;
}

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

.trp.checkbox-box input[type="checkbox"] + i:after {
  display: block;
  content: '';
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -34px -100px;
  width: 24px;
  height: 24px;
}


.trp.checkbox-box input[type="checkbox"]:checked + i:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='icon_check_black' d='M3,0A3,3,0,0,0,0,3V21a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3ZM17.8,8.6l-5.294,7a1,1,0,0,1-1.455.151L7.343,12.523a1,1,0,1,1,1.314-1.508l2.9,2.526L16.2,7.4a1,1,0,0,1,1.6,1.2Z' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-position: left top;
  width: 24px;
  height: 24px;
}

.trp.checkbox-box input[type="checkbox"]:disabled + i:after:after {
  display: block;
  content: '';
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: 0px -100px;
  width: 24px;
  height: 24px;
  /* @include sp_icons($form-checkbox-dim); */
}

@media all and (max-width: 959px) {
  .trp.checkbox-box label {
    font-size: 14px;
    line-height: 24px;
  }
}

.trp.checkbox-box.big {
  padding-left: 40px;
  min-height: 32px;
}

.trp.checkbox-box.big label {
  line-height: 30px;
}

.trp.checkbox-box.big em {
  height: 32px;
}

.trp.checkbox-box.big input[type="checkbox"] {
  width: 32px;
  height: 32px;
}

.trp.checkbox-box.big input[type="checkbox"] + i:after {
  display: block;
  content: '';
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: 0px -58px;
  width: 32px;
  height: 32px;
}

.trp.checkbox-box.big input[type="checkbox"]:checked + i:after {
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -42px -58px;
  width: 32px;
  height: 32px;
}

.trp.checkbox-box.big input[type="checkbox"]:disabled + i:after {
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -58px 0px;
  width: 32px;
  height: 32px;
}

@media all and (max-width: 959px) {
  .trp.checkbox-box.big {
    padding-left: 32px;
    min-height: 24px;
  }
  .trp.checkbox-box.big label {
    line-height: 24px;
  }
  .trp.checkbox-box.big em {
    height: 24px;
  }
  .trp.checkbox-box.big input[type="checkbox"] {
    width: 24px;
    height: 24px;
  }
  .trp.checkbox-box.big input[type="checkbox"] + i:after {
    display: block;
    content: '';
    background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
    background-position: -34px -100px;
    width: 24px;
    height: 24px;
  }
  .trp.checkbox-box.big input[type="checkbox"]:checked + i:after {
    background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
    background-position: -68px -100px;
    width: 24px;
    height: 24px;
  }
  .trp.checkbox-box.big input[type="checkbox"]:disabled + i:after {
    background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
    background-position: 0px -100px;
    width: 24px;
    height: 24px;
  }
}

.trp.checkbox-box.small{
  min-height: 20px;
  padding-left: 28px;
}

.trp.checkbox-box.small label{
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}

.trp.checkbox-box.small input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.trp.checkbox-box.small input[type="checkbox"] + i:after {
  display: block;
  content: '';
  background-image: url(../images/common/sp_forms.png?v=2023_15_0517);
  background-position: -68px -163px;
  width: 20px;
  height: 20px;
}

.trp.checkbox-box.small input[type="checkbox"]:checked + i:after {
  display: block;
  content: '';
  background-image: url(../images/common/sp_forms.png?v=2023_15_0517);
  background-position: -100px -163px;
}

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

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

.check-list ul{
  display: flex;
  flex-wrap: wrap;
}
.check-list li{
  width: 20%;
  margin-top: 0 !important;
  margin-bottom: 16px;
}

@media all and (max-width: 959px) {
  .check-list li{
    width: 50%;
    margin-bottom: 8px;
  }
}


/* ========================  input checkbox -> radio*/

.trp.checkbox-box.clickOnlyOne 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.checkbox-box.clickOnlyOne input[type="radio"] + i {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0px;
}

.trp.checkbox-box.clickOnlyOne input[type="radio"] + i:after {
  display: block;
  content: '';
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -34px -100px;
  width: 24px;
  height: 24px;
}

.trp.checkbox-box.clickOnlyOne input[type="radio"]:checked + i:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='icon_check_red' d='M3,0A3,3,0,0,0,0,3V21a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3ZM17.385,8.944l-5.294,6.75a1.125,1.125,0,0,1-1.609.167L6.776,12.746a1.125,1.125,0,1,1,1.448-1.722l2.815,2.366,4.576-5.834a1.125,1.125,0,1,1,1.77,1.389Z' fill='%23ff1230' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-position: left top;
  width: 24px;
  height: 24px;
}

.trp.checkbox-box.clickOnlyOne input[type="radio"]:disabled + i:after:after {
  display: block;
  content: '';
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: 0px -100px;
  width: 24px;
  height: 24px;
  /* @include sp_icons($form-checkbox-dim); */
}


@media all and (max-width: 959px) {
  .trp.checkbox-box.clickOnlyOne label {
    font-size: 14px;
    line-height: 24px;
  }
}



/* =============== input radio / checkbox 테마 =============== */
.theme-dark .trp.radio-box label {
  color: #fff;
}

.theme-dark .trp.radio-box input[type="radio"] + i:after {
  display: block;
  content: '';
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -102px -100px;
  width: 24px;
  height: 24px;
}

.theme-dark .trp.radio-box input[type="radio"]:checked + i:after {
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -142px -34px;
  width: 24px;
  height: 24px;
}

/* ========================  select */
.select-box {
  position: relative;
  /* 기본폼스타일 */
  /* 라운드 스타일 (리스트 - img_left ) */
  /* 라인없는 스타일 (리스트 - 리스트형 )*/
  /* 에지 라운드 스타일(footer) */
}

.select-box select {
  width: 100%;
  height: 40px;
  padding: 0 40px 0 15px;
  border: 1px solid #cdcdcd;
  border-radius: 0px;
  -webkit-appearance: none;
}

.select-box > i {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}

.select-box > i::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #222 transparent transparent transparent;
}

.select-box .select2Basic,
.select-box .select2Basic_round,
.select-box .select2Basic_noneline,
.select-box .select2Basic_edge,
.select-box .select2Basic_pop {
  width: 100%;
  min-width: 100%;
}

.select-box .select2-container--default {
  text-align: left;
}

.select-box .select2-container--default .select2-selection--single {
  height: 64px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}

.select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #000;
  padding: 18px 20px;
}

.select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 20px;
  height: 64px;
  width: 24px;
}

.select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  border: 0;
  margin: 0;
  margin-top: -12px;
  margin-right: 15px;
  left: 0;
}

.select-box .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 10px;
  display: block;
  width: 10px;
  height: 2px;
  background-color: #000;
  border-radius: 2px;
}

.select-box .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
  margin-left: -6px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.select-box .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  margin-right: -6px;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media all and (max-width: 959px) {
  .select-box .select2-container--default .select2-selection--single {
    height: 56px;
    border-radius: 4px;
  }
  .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 500;
    padding: 16px 47px 16px 20px;
    font-size: 14px;
    line-height: 22px;
    border-radius: 4px;
  }
  .select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 22px;
    height: 56px;
    width: 12px;
  }
  .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    border: 0;
    margin: 0;
    margin-top: -6px;
    margin-right: 8px;
    left: 0;
  }
  .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    top: 6px;
    left: 5px;
    width: 6px;
    height: 1px;
    border-radius: 1px;
  }
  .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    margin-left: -4px;
  }
  .select-box .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    margin-right: -4px;
  }
}

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

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

.select-box .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
  opacity: 0.2;
}

.select-box .select2-container {
  z-index: 200;
}

.select-box .select2Basic_round + .select2-container--default .select2-selection--single {
  border: 1px solid #000;
  height: 54px;
  background-color: transparent;
  border-radius: 27px;
}

.select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 52px;
  padding: 14px 45px 14px 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #000000;
}

.select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 20px;
  height: 54px;
  width: 25px;
}

@media all and (max-width: 959px) {
  .select-box .select2Basic_round + .select2-container--default .select2-selection--single {
    border: 1px solid #000;
    height: 32px;
    border-radius: 16px;
  }
  .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 6px 35px 6px 12px;
    font-size: 12px;
    line-height: 18px;
  }
  .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 11px;
    height: 32px;
    width: 12px;
  }
}

.select-box .select2Basic_noneline + .select2-container--default .select2-selection--single {
  border: 0;
  height: 54px;
  min-width: 190px;
  border-radius: 0;
}

.select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 54px;
  padding: 12px 55px 12px 24px;
  text-align: left;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color: #000000;
}

.select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 20px;
  height: 54px;
  width: 24px;
}

.select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  border: 0;
  margin: 0;
  margin-top: -12px;
  margin-right: 15px;
  left: 0;
}

.select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  content: "";
  position: absolute;
  top: 11px;
  left: 10px;
  display: block;
  width: 10px;
  height: 4px;
  background-color: #000;
  border-radius: 2px;
}

.select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
  margin-left: -5px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  margin-right: -5px;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media all and (max-width: 959px) {
  .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single {
    height: 32px;
    min-width: 130px;
  }
  .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 8px 20px 8px 12px;
    font-size: 14px;
    line-height: 16px;
  }
  .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 0px;
    height: 32px;
    width: 16px;
  }
  .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    margin-top: -6px;
    margin-right: 0px;
    left: 0;
  }
  .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 3px;
    border-radius: 2px;
  }
  .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
    margin-left: -4px;
  }
  .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    margin-right: -4px;
  }
}

.select-box .select2Basic_edge + .select2-container--default .select2-selection--single {
  border: 1px solid rgba(255, 255, 255, 0.07);
  height: 40px;
  border-radius: 5px;
}

.select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  padding: 10px 36px 10px 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: #000000;
}

.select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 10px;
  height: 40px;
  width: 12px;
}

.select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  border: 0;
  margin: 0;
  margin-top: -6px;
  margin-right: 0px;
  left: 0;
  font-size: 0;
  /* &::before, &::after { content:""; position: absolute;  
          top:5px; left: 4.5px;
          display: block; width: 6px; height: 2px; background-color: #000;
          border-radius: 0px;
          }
          &::before { 
            margin-left: -3px; @include transform( rotate(45deg) );}
          &::after  { 
            margin-right: -3px; @include transform( rotate(-45deg) );} */
}

.select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

.select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  font-size: 12px;
  color: #fff;
  margin-left: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: transparent;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  display: none;
}

.select-box .select2-container--default .select2-results__option {
  padding: 0 15px;
  line-height: 40px;
}

.select-box .select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #454545;
  background-color: #f8f8f8;
}

.select-box .select2-container--default .select2-results__option[aria-selected=true] {
  color: #454545;
  background-color: #f8f8f8;
}


.select2-container--default .select2-results__option[aria-disabled=true]{
  color: rgba(0, 0, 0, 0.4) !important;
  font-weight: 700 !important;
}

/* =============== select 테마 =============== */
.theme-light .select-box {
  /* 에지 라운드 스타일 */
}

.theme-light .select-box .select2Basic_edge + .select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.05);
}

.theme-light .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000000;
}

.theme-light .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-light .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  color: #000;
}

.theme-dark .select-box, .theme-layer_clip .select-box, .theme-layer_program .select-box {
  /* 에지 라운드 스타일 */
  /*기본셀렉트*/
}

.theme-dark .select-box .select2Basic_round + .select2-container--default .select2-selection--single, .theme-layer_clip .select-box .select2Basic_round + .select2-container--default .select2-selection--single, .theme-layer_program .select-box .select2Basic_round + .select2-container--default .select2-selection--single {
  border: 1px solid #fff;
  background-color: transparent;
}

.theme-dark .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__rendered, .theme-layer_clip .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__rendered, .theme-layer_program .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

.theme-dark .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-dark .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__arrow b::after, .theme-layer_clip .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-layer_clip .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__arrow b::after, .theme-layer_program .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-layer_program .select-box .select2Basic_round + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  background-color: #fff;
}

.theme-dark .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single, .theme-layer_clip .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single, .theme-layer_program .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single {
  background-color: transparent;
}

.theme-dark .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered, .theme-layer_clip .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered, .theme-layer_program .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

.theme-dark .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-dark .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::after, .theme-layer_clip .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-layer_clip .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::after, .theme-layer_program .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-layer_program .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  background-color: #fff;
}

.theme-dark .select-box .select2Basic_edge + .select2-container--default .select2-selection--single, .theme-layer_clip .select-box .select2Basic_edge + .select2-container--default .select2-selection--single, .theme-layer_program .select-box .select2Basic_edge + .select2-container--default .select2-selection--single {
  border: 1px solid rgba(255, 255, 255, 0);
  background-color: rgba(255, 255, 255, 0.07);
}

.theme-dark .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__rendered, .theme-layer_clip .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__rendered, .theme-layer_program .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

.theme-dark .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-dark .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::after, .theme-layer_clip .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-layer_clip .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::after, .theme-layer_program .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-layer_program .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  color: #fff;
}

.theme-dark .select-box .select2Basic + .select2-container--default .select2-selection--single, .theme-layer_clip .select-box .select2Basic + .select2-container--default .select2-selection--single, .theme-layer_program .select-box .select2Basic + .select2-container--default .select2-selection--single {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background-color: rgba(255, 255, 255, 0.04);
}

.theme-dark .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__rendered, .theme-layer_clip .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__rendered, .theme-layer_program .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: white;
}

.theme-dark .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__arrow b, .theme-layer_clip .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__arrow b, .theme-layer_program .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  color: rgba(255, 255, 255, 0.8);
}

.theme-dark .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-dark .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__arrow b::after, .theme-layer_clip .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-layer_clip .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__arrow b::after, .theme-layer_program .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .theme-layer_program .select-box .select2Basic + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  background-color: #fff;
}

.theme-dark.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb, .theme-layer_clip.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb, .theme-layer_program.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.08);
}

/* === select2-dropdown 레이어=== */
.select2-dropdown {
  border-radius: 0;
  background-color: #fff;
  z-index: 300;
}

.select2-dropdown.select2_round {
  padding: 20px 2px;
  border: 1px solid #000;
  border-radius: 27px;
  margin-top: 8px;
  /* 상단 팝업 */
}

.select2-dropdown.select2_round.select2-dropdown--above {
  margin-top: -8px;
}

.select2-dropdown.select2_round .select2-results .select2-results__option {
  padding: 8px 20px;
  color: #000000;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.select2-dropdown.select2_round .select2-results .select2-results__option[aria-selected] {
  background-color: #fff;
}

.select2-dropdown.select2_round .select2-results .select2-results__option[aria-selected=true] {
  background-color: rgba(0, 0, 0, 0.05);
}

.select2-dropdown.select2_round.theme-dark {
  border: 1px solid #fff;
  /*  background-color: #1D1D22; */
}

.select2-dropdown.select2_round.theme-dark .select2-results .select2-results__option {
  color: #fff;
}

.select2-dropdown.select2_round.theme-dark .select2-results .select2-results__option[aria-selected] {
  /* background-color: #1D1D22;  */
}

.select2-dropdown.select2_round.theme-dark .select2-results .select2-results__option[aria-selected=true] {
  background-color: rgba(255, 255, 255, 0.05);
}


@media all and (max-width: 959px) {
  .select2-dropdown.select2_round {
    padding: 8px 2px;
    border-radius: 16px;
    margin-top: 4px;
    /* 상단 팝업 */
  }
  .select2-dropdown.select2_round.select2-dropdown--above {
    margin-top: -4px;
  }
  .select2-dropdown.select2_round .select2-results .select2-results__option {
    padding: 6px 10px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }
}

.select2-dropdown.select2_noneline {
  padding: 20px 2px;
  border: 1px solid #000;
  border-radius: 27px;
  margin-top: 8px;
  /* 상단 팝업 */
}

.select2-dropdown.select2_noneline.select2-dropdown--above {
  margin-top: -8px;
}

.select2-dropdown.select2_noneline .select2-results .select2-results__option {
  padding: 6px 25px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.select2-dropdown.select2_noneline .select2-results .select2-results__option[aria-selected] {
  background-color: #fff;
}

.select2-dropdown.select2_noneline .select2-results .select2-results__option[aria-selected=true] {
  /* background-color: rgba(0,0,0,.05); */
  font-weight: 700;
  color: #000;
}

.select2-dropdown.select2_noneline.theme-dark {
  border: 1px solid #fff;
  /*  background-color: #1D1D22; */
}

.select2-dropdown.select2_noneline.theme-dark .select2-results .select2-results__option {
  color: #fff;
}

.select2-dropdown.select2_noneline.theme-dark .select2-results .select2-results__option[aria-selected] {
  /* background-color: #1D1D22;  */
}

.select2-dropdown.select2_noneline.theme-dark .select2-results .select2-results__option[aria-selected=true] {
  background-color: rgba(255, 255, 255, 0.05);
}

@media all and (max-width: 959px) {
  .select2-dropdown.select2_noneline {
    padding: 12px 2px;
    margin-top: 0px;
    border-radius: 16px;
    /* 상단 팝업 */
  }
  .select2-dropdown.select2_noneline.select2-dropdown--above {
    margin-top: -4px;
  }
  .select2-dropdown.select2_noneline .select2-results .select2-results__option {
    padding: 6px 15px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.02em;
  }
}

.select2-dropdown.select2_edge.theme-dark, .select2-dropdown.select2_edge.theme-dark, .select2-dropdown.select2_edge.theme-dark {
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.select2-dropdown.select2_edge.theme-light {
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.select2-dropdown.select2_submenu {
  box-sizing: border-box;
  min-width: 192px;
  max-width: 192px;
  max-height: 268px;
  margin-top: 4px;
  border: 1px solid #000;
  border-radius: 20px;
  padding: 14px 10px;
}

.select2-dropdown.select2_submenu.select2-dropdown--above {
  margin-top: -4px;
}

.select2-dropdown.select2_submenu .select2-results .select2-results__option {
  padding: 6px 0px 6px 12px;
  background-color: transparent;
  color: inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.01em;
}

.select2-dropdown.select2_submenu .select2-results .select2-results__option[aria-selected=true] {
  background: none;
  color: #F90228;
  font-weight: 700;
}

.select2-dropdown.select2_submenu .select2-results .select2-results__option:hover {
  color: #F90228;
}

@media all and (max-width: 959px) {
  .select2-dropdown.select2_submenu .select2-results .select2-results__option {
    padding: 8px 0px 8px 6px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.02em;
  }
}

.select2-dropdown.select2_edgeline {
  padding: 14px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 6px;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.1);
}

.select2-dropdown.select2_edgeline.select2-dropdown--below {
  transform: translateY(4px);
}

.select2-dropdown.select2_edgeline.select2-dropdown--above {
  transform: translateY(-4px);
}

.select2-dropdown.select2_edgeline .select2-results__option {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.01em;
}

.select2-dropdown.select2_edgeline .select2-results__option[aria-selected=true] {
  color: #F90228;
  font-weight: 700;
  background-color: transparent;
}

.select2-dropdown.select2_edgeline .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
}

@media all and (max-width: 959px) {
  .select2-dropdown.select2_edgeline {
    padding: 14px 10px;
    border-radius: 4px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);
  }
  .select2-dropdown.select2_edgeline .select2-results__option {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
  }
}


.select2-dropdown.select2_edgeline.type02 {
  padding: 18px 20px;
  border-radius: 32px;
}

.select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin: 0 8px;
  -webkit-appearance: none;
  background-color: transparent;
}

.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.08);
}

.select2-dropdown.select2_pop {
  z-index: 9900;
}

/* ========================  input file */
.trp.file-box {
  position: relative;
}

.trp.file-box label.screen-reader-text {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.trp.file-box .trp-Filetext {
  width: calc( 100% - 120px);
  height: 40px;
  padding: 8px 10px 8px 10px;
  font-size: 16px;
  vertical-align: middle;
  border: 1px solid #cdcdcd;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.trp.file-box .btn {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 110px;
  height: 40px;
  background: #757575;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.trp.file-box .trp-Filehidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

/* ========================  jQuery datepicker */
.datepicker-box {
  position: relative;
  display: inline-block;
  min-width: 155px;
  height: 40px;
  background-color: #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?v=2023_15_1637);
  background-position: -34px -134px;
  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: #222222;
  font-weight: bold;
  width: 88px;
  box-sizing: border-box;
  font-family: "Noto Sans KR";
  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: #cc0000;
}

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

.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: #cc0000;
  border-radius: 50%;
}

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

.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: #cc0000;
  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: 20px;
  height: 20px;
  display: block;
  position: absolute;
}

.ui-count > a::after {
  content: "";
  position: absolute;
  right: 5px;
}

.ui-count .arrow_up {
  top: 1px;
  right: 0;
  border-left: 1px solid #cdcdcd;
}

.ui-count .arrow_up::after {
  top: 7px;
  border-style: solid;
  border-width: 0px 4px 5px 4px;
  height: 0;
  border-color: transparent transparent #454545 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: #454545 transparent transparent transparent;
}

/* ========================  timepicker */
.ui-ampm {
  position: relative;
  display: inline-block;
  width: 50px;
  min-width: 50px;
  height: 40px;
  padding: 8px 10px 8px;
  border: 1px solid #bfbfbf;
  text-align: center;
  background: #fff;
}

.timepicker-area {
  position: relative;
  display: inline-block;
}

.timepicker-area .trp-timepicker {
  display: none;
  position: absolute;
  top: 40px;
  width: 170px;
  z-index: 10;
}

.timepicker-box {
  position: relative;
  display: inline-block;
  min-width: 150px;
  width: 160px;
  height: 40px;
  background-color: #fff;
}

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

.timepicker-box input: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?v=2023_15_1637);
  background-position: -67px -134px;
  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?v=2023_15_1637);
  background-position: -176px -30px;
  width: 20px;
  height: 20px;
}

.starpoint-box .star.on:after {
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -176px -60px;
  width: 20px;
  height: 20px;
}

.starpoint2-box .star {
  display: inline-block;
  width: 10px;
  height: 20px;
  overflow: hidden;
}

.starpoint2-box .star:after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -176px -30px;
  width: 20px;
  height: 20px;
}

.starpoint2-box .star:nth-child(even):after {
  margin-left: -10px;
}

.starpoint2-box .star.on:after {
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -176px -60px;
  width: 20px;
  height: 20px;
}

/* ========================  jQuery tooltip */
/* icon_tooltip */
.icon_tooltip {
  display: inline-block;
  width: 21px;
  height: 21px;
}

.icon_tooltip:after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -100px -134px;
  width: 21px;
  height: 21px;
}

.ui-tooltip {
  font-size: 14px;
  color: #222222;
}

.ui-tooltip.ui-widget-shadow {
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.16);
}

.ui-tooltip.ui-widget.ui-widget-content {
  padding: 15px;
  border: 1px solid #aaaaaa;
  border-radius: 0;
}

.ui-tooltip.ui-widget.ui-widget-content .ui-tooltip-content {
  font-size: 14px;
  color: #222222;
  white-space: normal;
  word-wrap: normal;
  word-break: break-all;
}

.ui-tooltip .arrow {
  position: absolute;
  left: 50%;
  bottom: -15px;
  overflow: hidden;
  box-shadow: 0;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -23px -168px;
  width: 13px;
  height: 15px;
}

.ui-tooltip .arrow.top {
  top: -15px;
  bottom: auto;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: 0px -168px;
  width: 13px;
  height: 15px;
}

.ui-tooltip .arrow.top:after {
  bottom: -15px;
  top: auto;
}

.ui-tooltip.tooltip_big {
  max-width: 500px;
}

.ui-tooltip.tooltip_big .h5 {
  margin-bottom: 15px;
}

.ui-tooltip.tooltip_big .numbar-list li {
  font-size: 14;
  letter-spacing: -1px;
}

.ui-tooltip.tooltip_big table th, .ui-tooltip.tooltip_big table td {
  padding: 5px 10px;
  font-size: 12px;
  vertical-align: top;
  font-size: 14px;
  text-align: left;
  line-height: 1.4;
}

.ui-tooltip.tooltip_big table th i, .ui-tooltip.tooltip_big table td i {
  margin-right: 5px;
}

.ui-tooltip.tooltip_big table th .text_state, .ui-tooltip.tooltip_big table td .text_state {
  font-size: 14px;
}

.mCustomScrollBox {
  /* ===  컨텐츠 영역  === */
  /* === 스크롤 바 영역 === */
  /* 세로  */
}

.mCustomScrollBox .mCSB_container {
  margin-right: 0px;
}

.mCustomScrollBox:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: black;
}

.mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_draggerRail,
.mCustomScrollBox:hover .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.2);
}

.mCustomScrollBox .mCSB_scrollTools {
  opacity: 1;
}

.mCustomScrollBox .mCSB_scrollTools .mCSB_dragger {
  opacity: 1;
  border-radius: 0;
}

.mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0;
}

.mCustomScrollBox .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: black;
}

.mCustomScrollBox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: red;
}

.mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0;
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical {
  width: 5px;
}

.mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger {
  right: 0px;
  width: 5px;
}

.mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
}

.mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 5px;
}

/* 가로 horizontal */
.mCustomScrollbar_x {
  overflow-x: auto;
  white-space: nowrap;
}

.mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 5px;
  opacity: 1;
}

.mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  bottom: 0px;
  height: 5px;
}

.mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 5px;
  margin: 0px auto;
}

.mCustomScrollbar_x .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 5px;
  margin: 0;
}

/* ================== OverlayScrollbar ================== */
.theme-dark, .theme-dark {
  /* ========= 기본스크롤 ========= */
}

.theme-dark .ol_scroll-style > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .theme-dark .ol_scroll-style > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background-color: #fff;
}

.theme-dark .scroll-type::-webkit-scrollbar-thumb, .theme-dark .scroll-type::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.08);
}

/* ========= 오버레이 스크롤 바 ========= */
.ol_scroll-style {
  /* 세로 스크롤바 */
  /* 가로 스크롤바 */
  /* 스크롤 핸들러 */
  /* 라이트 버젼 */
  /* 다크 버젼 */
}

.ol_scroll-style .os-scrollbar.os-scrollbar-horizontal .os-scrollbar-handle {
  opacity: 0.2 !important;
}

.ol_scroll-style.os-host-scrolling .os-scrollbar-handle {
  opacity: .08;
}

/* .ol_scroll-style.os-host-overflow-y {
  padding-right: 20px;
} */

.ol_scroll-style.os-host-overflow-y .os-viewport {
  overflow-x: hidden;
}

.ol_scroll-style.os-theme-dark > .os-scrollbar-vertical {
  padding: 0;
  width: 4px;
  margin: 0 8px;
}

.ol_scroll-style.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-track {
  border-radius: 2px;
}

.ol_scroll-style.os-host-overflow-x {
  padding-bottom: 20px;
}

.ol_scroll-style.os-host-overflow-x .os-scrollbar-vertical {
  display: none;
}

.ol_scroll-style.os-host-overflow-x .os-viewport {
  overflow-y: hidden;
}

.ol_scroll-style.os-theme-dark > .os-scrollbar-horizontal {
  padding: 0;
  height: 4px;
  margin: 8px 0;
}

.ol_scroll-style.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-track {
  border-radius: 2px;
}

.ol_scroll-style .os-scrollbar-handle {
  opacity: .0;
  border-radius: 2px;
  -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;
}

.ol_scroll-style > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background-color: #000;
}

.ol_scroll-style.ol_scroll_light-style {
  /* 그라디에이션 빼기 */
}

.ol_scroll-style.ol_scroll_light-style > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background-color: #000;
}

.ol_scroll-style.ol_scroll_light-style.scroll-end.os-host-overflow-y .os-padding::after {
  display: none;
}

.ol_scroll-style.ol_scroll_light-style.os-host-overflow-y .os-padding::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%, #fff 100%);
  /* 
            -webkit-mask-image: linear-gradient(to top,  transparent 0px, transparent 5%, black 15%);
            mask-image: linear-gradient(to top,  transparent 0px, transparent 5%,  black 15%);
          */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, white);
  z-index: 2;
}

.ol_scroll-style.ol_scroll_light-style.os-host-overflow-y .os-padding.scroll-end:after {
  display: none;
}

.ol_scroll-style.ol_scroll_dark-style {
  /* 그라디에이션 빼기 */
}

.ol_scroll-style.ol_scroll_dark-style > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background-color: #fff;
}

.ol_scroll-style.ol_scroll_dark-style.scroll-end.os-host-overflow-y .os-padding::after {
  display: none;
}

.ol_scroll-style.ol_scroll_dark-style.os-host-overflow-y .os-padding {
  /* -webkit-mask-image: linear-gradient(to top,  transparent 0px, transparent 5%, black 15%);
        mask-image: linear-gradient(to top,  transparent 0px, transparent 5%,  black 15%); */
}

.ol_scroll-style.ol_scroll_dark-style.os-host-overflow-y .os-padding:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: none;
  display: block;
  width: 100%;
  /* height:100%; */
  height: 30px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%, #000000 100%);
  opacity: .95;
  mix-blend-mode: normal;
}

.ol_scroll-style.ol_scroll_dark-style.os-host-overflow-y .os-padding.scroll-end {
  /* -webkit-mask-image:none;
          mask-image:none;  */
}

.ol_scroll-style.ol_scroll_dark-style.os-host-overflow-y .os-padding.scroll-end:after {
  display: none;
}

/* ========= 기본스크롤 ========= */
.scroll-type {
  overflow: hidden;
  overflow-y: auto;
  padding-right: 20px;
  /* 팝업 바디 */
}

.scroll-type::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  right: 8px;
  -webkit-appearance: none;
  background-color: transparent;
}

.scroll-type::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.08);
}

.scroll-type.theme-dark::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.08);
}

.scroll-type.pop-body {
  margin-right: 12px;
}

.scroll-type.pop-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  -webkit-appearance: none;
  background-color: transparent;
}

.scroll-type.pop-body::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

/* ========= select 기본스크롤 ========= */
.select-scroll .select2-results__options::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  margin: 0 8px;
  -webkit-appearance: none;
  background-color: transparent;
}

.select-scroll .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.08);
}

.ui-widget-content {
  background-color: #ffffff;
}

.ui-widget-header {
  background-color: #5ba429;
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  background-color: #ffffff;
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
  background-color: #686868;
}

/* header.scss */
.wrapper.body_scroll .header {
  top: -300px;
}

.wrapper.body_scroll.body_scroll_up .header {
  top: 0px;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  -webkit-transition: top 0.1s ease-out;
  -moz-transition: top 0.1s ease-out;
  -ms-transition: top 0.1s ease-out;
  -o-transition: top 0.1s ease-out;
  transition: top 0.1s ease-out;
  /* ==================== [gnb_type] default : type_gnb-center / type_gnb-left */
  /* ==================== [gnb_mode] default : gnb_mode-default / gnb_mode-color */
}

.header .inner {
  margin: 0 auto;
  padding: 0 20px;
  width: 1360px;
}

@media all and (max-width: 1360px) {
  .header {
    width: auto;
  }
}

@media all and (max-width: 959px) {
  .header {
    width: 100%;
  }
  .header .inner {
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

.header.gnb_type-left .util-area {
  padding: 14px 0 7px;
}

.header.gnb_type-left .logo-area, .header.gnb_type-left .logo_mb-panel {
  margin-top: 0;
}

.header.gnb_type-left .logo-area .area-inner, .header.gnb_type-left .logo_mb-panel .area-inner {
  position: relative;
  width: 1360px;
  margin: 0 auto;
}

.header.gnb_type-left .logo-area .logo, .header.gnb_type-left .logo_mb-panel .logo {
  position: absolute;
  top: 0px;
  left: 0;
}

.header.gnb_type-left.noutil .logo-area .logo{
  top: 40px;
}

.header.gnb_type-left .logo-area .logo a, .header.gnb_type-left .logo_mb-panel .logo a {
  justify-content: flex-start;
  margin: 0;
  width: auto;
  max-width: 280px;
  height: 64px;
}

@media all and (max-width: 959px) {
  .header.gnb_type-left .logo-area .area-inner, .header.gnb_type-left .logo_mb-panel .area-inner {
    position: static;
    width: auto;
    margin: 0;
  }
  .header.gnb_type-left .logo-area .logo, .header.gnb_type-left .logo_mb-panel .logo {
    position: static;
    padding: 12px 16px 10px;
  }
  .header.gnb_type-left .logo-area .logo a, .header.gnb_type-left .logo_mb-panel .logo a {
    margin: 0;
    width: auto;
    max-width: 170px;
    height: 38px;
  }
}

.header.gnb_type-left .gnb-area {
  z-index: 5;
  margin-left: 275px;
}

@media all and (max-width: 959px) {
  .header.gnb_type-left .gnb-area {
    margin-left: 0;
  }
}

.header.gnb_type-left .gnb-area .nav-panel .gnb-wrap .gnb-list {
  justify-content: flex-end;
}

.header.gnb_type-left .gnb-area .nav-panel .gnb-wrap .gnb-list .sub_none .dep1-txt > a {
  padding: 28px 16px 28px;
}

.header.gnb_type-left .gnb-area .nav-panel .gnb-wrap .gnb-list .sub_dep .dep1-txt > a {
  padding: 28px 16px 28px;
}

.header.gnb_type-left .gnb-area .nav-panel .gnb-wrap .gnb-list .sub_none + li .dep1-txt > a {
  padding-left: 16px;
}

.header.gnb_type-left .gnb-area .nav-panel .gnb-wrap .gnb-list .sub_dep + li .dep1-txt > a {
  padding-left: 16px;
  /* 14px;  */
}

.header.gnb_type-left .gnb-area .nav-panel .gnb-wrap .gnb-list li:last-child .dep1-txt > a {
  padding-right: 0;
}

.header.gnb_type-left .gnb-area .nav-panel .sub_dep-wrap .dep1-sub {
  top: 114px;
}


.header.gnb_type-left.noutil .gnb-area .nav-panel .gnb-wrap .gnb-list .sub_none .dep1-txt > a{
  padding: 68px 28px 28px;
}

.header.gnb_type-left.noutil .gnb-area .nav-panel .gnb-wrap .gnb-list .sub_none + li .dep1-txt > a {
  padding-left: 28px;
}

.header.gnb_mode-default {
  background-color: #fff;
}

.header.gnb_mode-color .util-area .util_info-list span {
  color: #fff;
  opacity: .6;
}

.header.gnb_mode-color .util-area .util_member-list span {
  color: #fff;
}

.header.gnb_mode-color .util-area .util_info-list + .util_member-list::before {
  background-color: #fff;
}


.header.gnb_mode-color .logo-area .mb_title span, .header.gnb_mode-color .logo_mb-panel .mb_title span {
  color: #fff;
}

.header.gnb_mode-color .gnb-area .dep1-txt span {
  color: #fff;
}

.header.gnb_mode-color .gnb-area .dep1-txt i::before {
  color: #fff;
}

.header.gnb_mode-color .gnb-area .dep1-sub .under_bar {
  background-color: #fff;
}

@media all and (max-width: 959px) {
  .header.gnb_mode-color .gnb-area .dep1-txt span {
    color: #000;
  }
  .header.gnb_mode-color .gnb-area .dep1-txt i::before {
    color: #000;
  }
}

.header.gnb_mode-color .area-inner .mb_ui i::before {
  color: #fff;
}

/* 퀵메뉴에 글로벌 언어 */
.header .util-area {
  padding-top: 19px;
  display: flex;
  justify-content: flex-end;
}

.header .util_info-list + .util_member-list {
  position: relative;
  margin-left: 16px;
  padding-left: 17px;
}

.header .util_info-list + .util_member-list::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: #000;
}

.header .util_info-list + .util_member-list::before {
  opacity: .3;
}

.header .util_info-list, .header .util-area .util_member-list {
  font-size: 0;
}

.header .util_info-list li, .header .util-area .util_member-list li {
  display: inline-block;
}

.header .util_info-list li + li, .header .util-area .util_member-list li + li {
  margin-left: 12px;
}

.header .util_info-list a, .header .util-area .util_member-list a {
  display: block;
  font-size: 0;
}

.header .util_info-list span, .header .util-area .util_member-list span {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.02em;
}

.header .util_info-list li {
  color: rgba(0, 0, 0, 0.45);
}

.header .util_info-list li {
  color: rgba(0, 0, 0, 0.45);
}

.scroll_system-type.language-type {
  overflow: hidden;
  overflow-x: auto;
  position: relative;
}

.header .util_info-list .language{
  cursor: pointer;
  position: relative; /* 기준점 명확히 */
  z-index: 10;
}

.header .util_info-list .language .select_value {
  display: flex;
  align-items: center;
}

.header .util_info-list .language .select_value i.icon_global{
  display: inline-block;
  width: 15px;       
  height: 15px;
  margin-right: 2px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><g opacity='1'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.5 1.25C10.9517 1.25 13.75 4.04822 13.75 7.5C13.75 10.9517 10.9517 13.75 7.5 13.75C4.04822 13.75 1.25 10.9517 1.25 7.5C1.25 4.04822 4.04822 1.25 7.5 1.25ZM9.35219 8.125H5.64779C5.78201 9.62162 6.39944 11.0826 7.5 12.2517C8.60056 11.0826 9.218 9.62162 9.35219 8.125ZM12.4613 8.125H10.6065C10.4967 9.57169 10.005 10.9946 9.13137 12.2278C10.847 11.636 12.1397 10.1366 12.4358 8.30342L12.4613 8.125ZM4.39351 8.125H2.53868C2.77734 10.0389 4.09767 11.6168 5.86862 12.2278C5.04641 11.0671 4.56249 9.73843 4.41685 8.38002L4.39351 8.125ZM5.86863 2.77219C4.15302 3.36406 2.8603 4.86344 2.56421 6.69658L2.53868 6.875H4.39351C4.50332 5.42828 4.99503 4.00541 5.86863 2.77219ZM7.5 2.74828C6.39944 3.91735 5.78201 5.37837 5.64779 6.875H9.35219C9.218 5.37838 8.60056 3.91735 7.5 2.74828ZM9.13137 2.77219C9.95361 3.93286 10.4375 5.26155 10.5832 6.61998L10.6065 6.875H12.4613C12.2227 4.96112 10.9023 3.38316 9.13137 2.77219Z' fill='%2300000073'/></g></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.header .util_info-list .language .select_value .spf {
  margin-left: 2px;
}

.header .util_info-list .language .select_value .spf::before {
  font-size: 12px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  color: #000;
  opacity: .45;
}


.header .select_list {
  width: 140px;
  /* width: 155px; */
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  position: absolute;
  /* left: 50%;
  transform: translateX(-50%); */
  /* right: 0; */
  left: 0;
  padding: 12px 0;
  margin-top: 5px;
  border: 1px solid #FFFFFF12;
  border-radius: 6px;
  box-shadow: 0px 12px 30px 0px #00000080;
  z-index: 9999;
}

.header .select_list ul li{
  display: block;
}

.header .select_list ul li > a {
  position: relative;
  display: block;
  padding: 12px 24px 12px;
  font-size: 12px;
  font-weight: 400;
  color: #000;
}

.header .select_list ul li + li{
  margin-left: 0;
}

.header .select_list ul li:hover {
  background: linear-gradient(0deg, #1D1E20, #1D1E20),linear-gradient(0deg, #2D2E30, #2D2E30);
}

.header .select_list ul li.active > a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.1391 10.1738L3.60931 7.64397L2.6665 8.58678L6.1391 12.0594L13.2557 4.94281L12.3128 4L6.1391 10.1738Z' fill='white'/%3E%3C/svg%3E");
  background-size: cover;
}

.header .select_list ul li:hover {
  background: #e01e5a;
}

.header .select_list ul li:hover > a {
  color: #fff;
}
.header .select_value.active + .select_list{
  display: block;
  z-index: 99;
}

.header .select_value.active  .spf {
  transform: rotate(180deg);
}

.header .select_list ul li.active + .select_list {
  display: block;
}


@media all and (max-width: 959px) {
  .header .util_info-list .language{
    display: flex;
    align-items: center;
  }
}








.header .util-area .util_member-list li {
  color: #000;
}

@media all and (max-width: 959px) {
  .header .util-area {
    display: none;
  }
}

.header .logo-area, .header .logo_mb-panel {
  margin-top: 2px;
}

@media all and (max-width: 959px) {
  .header .logo-area, .header .logo_mb-panel {
    margin-top: 0px;
  }
  .header .logo-area .area-inner, .header .logo_mb-panel .area-inner {
    display: flex;
    justify-content: space-between;
  }
}

.header .logo-area .logo a, .header .logo_mb-panel .logo a {
  position: relative;
  width: 280px;
  height: 64px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .logo-area .logo a i img, .header .logo_mb-panel .logo a i img {
  height: 64px;
}

@media all and (max-width: 959px) {
  .header .logo-area .logo, .header .logo_mb-panel .logo {
    padding: 12px 16px 10px;
  }
  .header .logo-area .logo a, .header .logo_mb-panel .logo a {
    position: relative;
    width: 170px;
    height: 38px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .header .logo-area .logo a i img, .header .logo_mb-panel .logo a i img {
    height: 38px;
  }
}

.header .logo-area .mb_ui, .header .logo_mb-panel .mb_ui {
  display: none;
  font-size: 0;
  padding: 12px 16px 10px;
}

@media all and (max-width: 959px) {
  .header .logo-area .mb_ui, .header .logo_mb-panel .mb_ui {
    display: block;
  }
  .header .logo-area .mb_ui a, .header .logo_mb-panel .mb_ui a {
    display: inline-block;
  }
  .header .logo-area .mb_ui a + a, .header .logo_mb-panel .mb_ui a + a {
    margin-left: 10px;
  }
  .header .logo-area .mb_ui i, .header .logo_mb-panel .mb_ui i {
    display: block;
    font-size: 32px;
    padding: 3px;
  }
}

.header .logo-area .mb_title, .header .logo_mb-panel .mb_title {
  padding: 16px 17px;
}

.header .logo-area .mb_title span, .header .logo_mb-panel .mb_title span {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -0.02em;
  color: #000;
}

.header .gnb-area {
  /* ---- dep1 */
  /* ---- dep2 */
  /* ---- dep3 */
}

@media all and (max-width: 959px) {
  .header .gnb-area {
    display: block;
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    z-index: 90;
    overflow: hidden;
    -webkit-transition: left 0.4s ease-out;
    -moz-transition: left 0.4s ease-out;
    -ms-transition: left 0.4s ease-out;
    -o-transition: left 0.4s ease-out;
    transition: left 0.4s ease-out;
    width: 100%;
    background: #fff;
  }
  .header .gnb-area.open {
    left: 0;
    height: calc(100vh);
    height: calc(var(--vh, 1vh) * 100);
  }
}

.header .gnb-area .logo_mb-panel {
  display: none;
  margin-top: 0;
}

@media all and (max-width: 959px) {
  .header .gnb-area .logo_mb-panel {
    display: block;
  }
}

.header .gnb-area .util_mb-panel {
  display: none;
}

@media all and (max-width: 959px) {
  .header .gnb-area .util_mb-panel {
    display: block;
  }
  .header .gnb-area .util_mb-panel::after {
    display: block;
    content: "";
    height: 4px;
    width: 100%;
    background-color: #F8F8F8;
  }
  .header .gnb-area .util_mb-panel .panel-inner {
    padding: 0 16px;
  }
  .header .gnb-area .util_mb-panel .panel-inner:first-child {
    background-color: #F9F9F9;
  }
  .header .gnb-area .util_mb-panel .scroll_system-type {
    overflow: hidden;
    overflow-x: auto;
  }
  .header .gnb-area .util_mb-panel .util_info-list, .header .gnb-area .util_mb-panel .util_member-list {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  .header .gnb-area .util_mb-panel .util_info-list li span, .header .gnb-area .util_mb-panel .util_member-list li span {
    white-space: nowrap;
  }
  .header .gnb-area .util_mb-panel .util_info-list li a {
    position: relative;
    display: block;
    padding: 18px 12px;
  }
  .header .gnb-area .util_mb-panel .util_info-list li + li a::before {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #000;
  }
  .header .gnb-area .util_mb-panel .util_info-list li + li a::before {
    opacity: .1;
  }
  .header .gnb-area .util_mb-panel .util_info-list span {
    font-weight: 500;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 19px;
    letter-spacing: -0.02em;
  }
  .header .gnb-area .util_mb-panel .util_member-list {
    background-color: #fff;
  }
  .header .gnb-area .util_mb-panel .util_member-list li {
    width: auto;
  }
  .header .gnb-area .util_mb-panel .util_member-list li a {
    position: relative;
    display: block;
    padding: 16px 12px;
    text-align: center;
  }
  .header .gnb-area .util_mb-panel .util_member-list li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #000;
  }
  .header .gnb-area .util_mb-panel .util_member-list li + li::before {
    opacity: .1;
    display: none;
  }
  .header .gnb-area .util_mb-panel .util_member-list span {
    font-weight: 700;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 19px;
    letter-spacing: -0.02em;
  }
}

.header .gnb-area .nav-panel {
  /* == GNB == */
  /* ==  PC sub == */
  /* ==  MB sub == */
}

.header .gnb-area .nav-panel .gnb-wrap .sub_banners {
  display: none;
}

@media all and (max-width: 959px) {
  .header .gnb-area .nav-panel .gnb-wrap {
    overflow-y: auto;
    max-height: calc(100vh - ( 55px + 20px ));
    max-height: calc(var(--vh, 1vh) * 100 - ( 55px + 20px ));
  }
  .header .gnb-area .nav-panel .gnb-wrap .sub_banners {
    display: block;
    margin-top: 36px;
    padding: 0 20px;
  }
  .header .gnb-area .nav-panel .gnb-wrap .sub_banners img {
    width: 100%;
  }
}

.header .gnb-area .nav-panel .gnb-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.header .gnb-area .nav-panel .gnb-list .sub_none .dep1-txt > a {
  padding: 28px 16px 24px;
}

.header .gnb-area .nav-panel .gnb-list .sub_dep .dep1-txt > a {
  padding: 28px 16px 24px;
}

.header .gnb-area .nav-panel .gnb-list .sub_none + li .dep1-txt > a {
  padding-left: 16px;
}

.header .gnb-area .nav-panel .gnb-list .sub_dep + li .dep1-txt > a {
  padding-left: 16px;
  /* 14px;  */
}

.header .gnb-area .nav-panel .gnb-list > li .dep1-sub {
  display: none;
  overflow: hidden;
}

.header .gnb-area .nav-panel .gnb-list > li:hover .dep1-txt, .header .gnb-area .nav-panel .gnb-list > li.hover .dep1-txt, .header .gnb-area .nav-panel .gnb-list > li.active .dep1-txt {
  z-index: 10;
}

.header .gnb-area .nav-panel .gnb-list > li:hover .dep1-txt span, .header .gnb-area .nav-panel .gnb-list > li.hover .dep1-txt span, .header .gnb-area .nav-panel .gnb-list > li.active .dep1-txt span {
  /* font-weight: 700; */
}

@media all and (max-width: 959px) {
  .header .gnb-area .nav-panel .gnb-list {
    padding: 12px 0px;
    display: block;
    justify-content: normal;
  }
  .header .gnb-area .nav-panel .gnb-list > li .dep1-txt i::before {
    color: rgba(0, 0, 0, 0.2);
  }
  .header .gnb-area .nav-panel .gnb-list > li:hover .dep1-txt span, .header .gnb-area .nav-panel .gnb-list > li.hover .dep1-txt span, .header .gnb-area .nav-panel .gnb-list > li.active .dep1-txt span {
    font-weight: 700;
    color: #F90228;
  }
  .header .gnb-area .nav-panel .gnb-list > li:hover .dep1-txt i::before, .header .gnb-area .nav-panel .gnb-list > li.hover .dep1-txt i::before, .header .gnb-area .nav-panel .gnb-list > li.active .dep1-txt i::before {
    color: #F90228;
  }
}

.header .gnb-area .nav-panel .sub_dep-wrap .dep1-sub {
  /* margin-top: 6px; */
  top: 174px;
}

@media all and (max-width: 959px) {
  .header .gnb-area .nav-panel .sub_dep-wrap {
    margin-top: 0px;
    display: none;
  }
}

.header .gnb-area .nav-panel .sub_dep_mb-wrap {
  width: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  height: calc(100vh);
  height: calc(var(--vh, 1vh) * 100);
  background-color: #fff;
  z-index: 99;
  -webkit-transition: left 0.4s ease-out;
  -moz-transition: left 0.4s ease-out;
  -ms-transition: left 0.4s ease-out;
  -o-transition: left 0.4s ease-out;
  transition: left 0.4s ease-out;
  display: none;
}

.header .gnb-area .nav-panel .sub_dep_mb-wrap .logo_mb-panel {
  justify-content: initial;
}

.header .gnb-area .nav-panel .sub_dep_mb-wrap .logo_mb-panel .mb_ui {
  position: absolute;
  left: 0;
}

.header .gnb-area .nav-panel .sub_dep_mb-wrap .logo_mb-panel .mb_title {
  display: block;
  width: 100%;
  margin: 0 60px;
  text-align: center;
}

.header .gnb-area .nav-panel .sub_dep_mb-wrap .logo_mb-panel .mb_title + .mb_ui {
  left: auto;
  right: 0;
}

@media all and (max-width: 959px) {
  .header .gnb-area .nav-panel .sub_dep_mb-wrap {
    margin-top: 0px;
    display: block;
  }
}

.header .gnb-area .nav-panel .sub_dep_mb-wrap.open {
  left: 0;
  width: 100%;
  height: calc(100vh);
  height: calc(var(--vh, 1vh) * 100);
}

.header .gnb-area .nav-panel .sub_dep_mb-wrap .dep1-sub {
  border: 0;
  display: block;
}

.header .gnb-area .nav-panel .sub_dep_mb-wrap .dep1-sub::before {
  content: "";
  display: block;
  height: 6px;
  background-color: #f9f9f9;
}

.header .gnb-area .nav-panel .sub_dep_mb-wrap .dep1-sub .sub_items .sub_item {
  display: none;
}

.header .gnb-area .nav-panel .sub_dep_mb-wrap .dep1-sub .sub_items .sub_item.active {
  display: block;
}

.header .gnb-area .util_mb-panel + .nav-panel {
  /* == GNB == */
}

@media all and (max-width: 959px) {
  .header .gnb-area .util_mb-panel + .nav-panel .gnb-wrap {
    max-height: calc(100vh - ( 60px + 60px + 55px + 20px ));
    max-height: calc(var(--vh, 1vh) * 100 - ( 60px + 60px + 55px + 20px ));
  }
}

.header .gnb-area .util_mb-panel + .nav-panel.menu_one {
  /* == GNB == */
}

@media all and (max-width: 959px) {
  .header .gnb-area .util_mb-panel + .nav-panel.menu_one .gnb-wrap {
    max-height: calc(100vh - ( 60px + 55px + 20px ));
    max-height: calc(var(--vh, 1vh) * 100 - ( 60px + 55px + 20px ));
  }
}

.header .gnb-area .dep1-txt a {
  display: block;
}

.header .gnb-area .dep1-txt span, .header .gnb-area .dep1-txt i {
  display: inline-block;
  vertical-align: middle;
}

.header .gnb-area .dep1-txt span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #000000;
}

.header .gnb-area .dep1-txt i {
  margin-top: 4px;
  margin-left: 4px;
}

.header .gnb-area .dep1-txt i::before {
  font-size: 12px;
}

@media all and (max-width: 959px) {
  .header .gnb-area .dep1-txt {
    /*글자사이즈 15->16 22.1025 */
  }
  .header .gnb-area .dep1-txt a {
    position: relative;
    padding: 12px 24px !important;
  }
  .header .gnb-area .dep1-txt span {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
  }
  .header .gnb-area .dep1-txt i {
    margin-top: 0px;
    margin-left: 0px;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 24px;
  }
  .header .gnb-area .dep1-txt i::before {
    font-size: 24px;
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

.header .gnb-area .dep1-sub {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  min-width: 1360px;
  z-index: 5;
  background-color: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  /* @include shadow( 0px, 4px, 6px, .04 ); */
}

.header .gnb-area .dep1-sub.active .under_bar {
  opacity: 1;
}

.header .gnb-area .dep1-sub .under_bar {
  position: absolute;
  top: -4px;
  height: 4px;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
}

@media all and (max-width: 959px) {
  .header .gnb-area .dep1-sub {
    min-width: auto;
  }
}

.header .gnb-area .dep1-sub .sub-area {
  position: relative;
  width: 1360px;
  margin: 0 auto;
  padding: 49px 128px 60px;
}

.header .gnb-area .dep1-sub .sub-area .sub_dep_close {
  position: absolute;
  top: 57px;
  right: 150px;
  font-size: 0;
}

.header .gnb-area .dep1-sub .sub-area .sub_dep_close button {
  width: 32px;
  height: 32px;
}

.header .gnb-area .dep1-sub .sub-area .sub_dep_close button i {
  opacity: .6;
}

.header .gnb-area .dep1-sub .sub-area .sub_dep_close button i::before {
  font-size: 32px;
  color: #000;
}

.header .gnb-area .dep1-sub .sub-area .sub_items .sub_item {
  display: none;
  /* &.active { display: block;} */
}

@media all and (max-width: 959px) {
  .header .gnb-area .dep1-sub .sub-area .sub_dep_close {
    display: none;
  }
}

.header .gnb-area .dep1-sub .sub-header {
  padding: 0 24px;
}

.header .gnb-area .dep1-sub .sub-header span {
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -0.03em;
  color: #000;
}

.header .gnb-area .dep1-sub .sub-body {
  margin-top: 24px;
  padding: 8px 24px 10px;
  max-height: 417px;
}

@media all and (max-width: 959px) {
  .header .gnb-area .dep1-sub .sub-body {
    margin: 0;
    padding: 0;
    max-height: calc(100vh - (60px + 60px));
    max-height: calc(var(--vh, 1vh) * 100 - (60px + 60px));
  }
}

.header .gnb-area .dep1-sub .sub_banners {
  padding-top: 60px;
}

.header .gnb-area ul.dep2_row-list {
  display: flex;
  flex-wrap: wrap;
}

.header .gnb-area ul.dep2_row-list > li {
  width: 25%;
}

.header .gnb-area ul.dep2-list > li:first-child {
  margin-top: 0px;
}

.header .gnb-area ul.dep2-list > li {
  margin-top: 24px;
}

.header .gnb-area ul.dep2-list > li:hover .dep2-txt span, .header .gnb-area ul.dep2-list > li.hover .dep2-txt span, .header .gnb-area ul.dep2-list > li.active .dep2-txt span {
  color: #F90228;
}

.header .gnb-area ul.dep2-list > li:hover .dep2-txt i, .header .gnb-area ul.dep2-list > li.hover .dep2-txt i, .header .gnb-area ul.dep2-list > li.active .dep2-txt i {
  color: #F90228;
}

.header .gnb-area ul.dep2-list > li.active .dep2-txt i::before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media all and (max-width: 959px) {
  .header .gnb-area ul.dep2-list > li {
    margin-top: 0;
  }
}

.header .gnb-area .dep2-txt a {
  position: relative;
  display: block;
}

.header .gnb-area .dep2-txt span {
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  letter-spacing: -0.01em;
  max-width: 220px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.header .gnb-area .dep2-txt i {
  display: inline-block;
  padding-top: 0px;
  margin-left: 6px;
  vertical-align: middle;
}

.header .gnb-area .dep2-txt i::before {
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -ms-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
}

@media all and (max-width: 959px) {
  .header .gnb-area .dep2-txt a {
    padding: 12px 50px 12px 24px;
  }
  .header .gnb-area .dep2-txt span {
    max-width: none;
    overflow: initial;
    white-space: normal;
    text-overflow: initial;
    font-size: 16px;
    line-height: 24px;
    /*글자사이즈 15->16 22.1025 */
  }
  .header .gnb-area .dep2-txt i {
    position: absolute;
    right: 24px;
  }
  .header .gnb-area .dep2-txt i::before {
    font-size: 24px;
  }
}

.header .gnb-area .dep2-sub {
  display: none;
}

@media all and (max-width: 959px) {
  .header .gnb-area .dep2-sub {
    background-color: #F9F9F9;
    padding: 0 24px;
  }
}

.header .gnb-area ul.dep3-list {
  padding-top: 6px;
}

.header .gnb-area ul.dep3-list > li {
  margin-top: 10px;
}

.header .gnb-area ul.dep3-list > li:hover span {
  color: #000;
  text-decoration: underline;
}

.header .gnb-area ul.dep3-list span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .header .gnb-area ul.dep3-list {
    padding: 16px 0;
  }
  .header .gnb-area ul.dep3-list > li {
    margin-top: 0;
  }
  .header .gnb-area ul.dep3-list > li a {
    display: block;
    padding: 8px 0;
  }
}

.header .gnb_banner-area {
  position: relative;
}

.header .gnb_banner-area .gallery_center {
  overflow: hidden;
  border-radius: 6px;
}

.header .gnb_banner-area .button-prev, .header .gnb_banner-area .button-next, .header .gnb_banner-area .pagination {
  position: absolute;
  z-index: 5;
}

.header .gnb_banner-area .button-prev {
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
}

.header .gnb_banner-area .button-next {
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
}

.header .gnb_banner-area .pagination {
  text-align: center;
  font-size: 0;
}

.header .gnb_banner-area .pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 3px;
  opacity: 1;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.2);
  -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;
}

.header .gnb_banner-area .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  background: rgba(0, 0, 0, 0.6);
}

.header .util_member-list li.mypage {
  position: relative;
}

.header .mypage-wrap {
  position: absolute;
  left: 50%;
  z-index: 10;
  background: #fff;
  border: 1px solid #000000;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  transform: translate(-50%, 12px);
  width: 155px;
  display: none;
}

.header .mypage-wrap.open {
  display: block;
}

.header .mypage-wrap .mypage-sub .list {
  padding: 15px 0;
}

.header .mypage-wrap .mypage-sub .list li {
  padding: 5px 22px;
  display: block;
}

.header .mypage-wrap .mypage-sub .list li a {
  display: block;
}

.header .mypage-wrap .mypage-sub .list li a span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #000000;
}

.header .mypage-wrap .mypage-sub .list li.active a span, .header .mypage-wrap .mypage-sub .list li:hover a span {
  font-weight: 700;
  color: #F90228;
}

.header .mypage-wrap .mypage-sub .list li + li {
  margin: 0;
}

@media all and (max-width: 959px) {
  .header .mypage-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 100%;
    border: 0px;
    border-radius: 0;
    box-shadow: none;
    transform: none;
    width: 100%;
    overflow: hidden;
    -webkit-transition: left 0.4s ease-out;
    -moz-transition: left 0.4s ease-out;
    -ms-transition: left 0.4s ease-out;
    -o-transition: left 0.4s ease-out;
    transition: left 0.4s ease-out;
    display: block;
  }
  .header .mypage-wrap.open {
    left: 0;
    height: calc(100vh);
    height: calc(var(--vh, 1vh) * 100);
  }
  .header .mypage-wrap .logo_mb-panel {
    display: block;
  }
  .header .mypage-wrap .mypage-sub::before {
    display: block;
    content: "";
    height: 4px;
    width: 100%;
    background-color: #F8F8F8;
  }
  .header .mypage-wrap .mypage-sub .list {
    padding: 14px 0;
  }
  .header .mypage-wrap .mypage-sub .list li {
    padding: 10px 24px;
  }
  .header .mypage-wrap .mypage-sub .list li a span {
    line-height: 28px;
    letter-spacing: -0.02em;
  }
}

.header .multimenu-area {
  /* --- [mutimenu_type] 
      "mutimenu_type-text , mutimenu_type-text_dark, 
     	 mutimenu_type-img  , mutimenu_type- img_dark", 
    */
}

.header .multimenu-area.mutimenu_type-text_dark .area-inner {
  background-color: #333;
}

.header .multimenu-area.mutimenu_type-text_dark .area-inner .mutimenu-wrap .slider-area {
  padding: 0;
}

.header .multimenu-area.mutimenu_type-text_dark .mutimenu-list a span {
  color: #fff;
  opacity: .6;
}

.header .multimenu-area.mutimenu_type-text_dark .mutimenu-list li:hover a span, .header .multimenu-area.mutimenu_type-text_dark .mutimenu-list li.hover a span, .header .multimenu-area.mutimenu_type-text_dark .mutimenu-list .active a span {
  color: #fff;
  opacity: 1;
}

.header .multimenu-area.mutimenu_type-text_dark .mutimenu_prev {
  background: url(../images/common/icon-muti_arrow_left-dark.svg);
}

.header .multimenu-area.mutimenu_type-text_dark .mutimenu_next {
  background: url(../images/common/icon-muti_arrow_right-dark.svg);
}

.header .multimenu-area.mutimenu_type-img .area-inner {
  background-color: #F8F8F8;
}

.header .multimenu-area.mutimenu_type-img .area-inner .mutimenu-wrap .slider-area {
  padding: 0;
}

.header .multimenu-area.mutimenu_type-img .mutimenu-list a {
  padding: 20px 0;
}

.header .multimenu-area.mutimenu_type-img .mutimenu-list i img {
  height: 40px;
}

.header .multimenu-area.mutimenu_type-img .mutimenu-list li:hover a, .header .multimenu-area.mutimenu_type-img .mutimenu-list li.hover a, .header .multimenu-area.mutimenu_type-img .mutimenu-list .active a {
  background-color: rgba(0, 0, 0, 0.04);
}

.header .multimenu-area.mutimenu_type-img .mutimenu-list li:hover a::before, .header .multimenu-area.mutimenu_type-img .mutimenu-list li.hover a::before, .header .multimenu-area.mutimenu_type-img .mutimenu-list .active a::before {
  display: none;
}

@media all and (max-width: 959px) {
  .header .multimenu-area.mutimenu_type-img .mutimenu-list a {
    padding: 12px 20px;
  }
  .header .multimenu-area.mutimenu_type-img .mutimenu-list i img {
    height: 32px;
  }
}

.header .multimenu-area.mutimenu_type-img_dark .area-inner {
  background-color: #333;
}

.header .multimenu-area.mutimenu_type-img_dark .area-inner .mutimenu-wrap .slider-area {
  padding: 0;
}

.header .multimenu-area.mutimenu_type-img_dark .mutimenu-list a {
  padding: 20px 0;
}

.header .multimenu-area.mutimenu_type-img_dark .mutimenu-list i img {
  height: 40px;
}

.header .multimenu-area.mutimenu_type-img_dark .mutimenu-list li:hover a, .header .multimenu-area.mutimenu_type-img_dark .mutimenu-list li.hover a, .header .multimenu-area.mutimenu_type-img_dark .mutimenu-list .active a {
  background-color: rgba(0, 0, 0, 0.2);
}

.header .multimenu-area.mutimenu_type-img_dark .mutimenu-list li:hover a::before, .header .multimenu-area.mutimenu_type-img_dark .mutimenu-list li.hover a::before, .header .multimenu-area.mutimenu_type-img_dark .mutimenu-list .active a::before {
  display: none;
}

@media all and (max-width: 959px) {
  .header .multimenu-area.mutimenu_type-img_dark .mutimenu-list a {
    padding: 12px 20px;
  }
  .header .multimenu-area.mutimenu_type-img_dark .mutimenu-list i img {
    height: 32px;
  }
}

.header .multimenu-area.mutimenu_type-img_dark .mutimenu_prev {
  background: url(../images/common/icon-muti_arrow_left-dark.svg);
}

.header .multimenu-area.mutimenu_type-img_dark .mutimenu_next {
  background: url(../images/common/icon-muti_arrow_right-dark.svg);
}

.header .multimenu-area .area-inner {
  background-color: #F8F8F8;
  min-width: 1360px;
  height: 80px;
  padding: 0 20px;
}

.header .multimenu-area .area-inner .mutimenu-wrap {
  position: relative;
  width: 1320px;
  margin: 0 auto;
}

.header .multimenu-area .area-inner .mutimenu-wrap .slider-area {
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .header .multimenu-area .area-inner {
    height: 55px;
    min-width: 100%;
    padding: 0;
  }
  .header .multimenu-area .area-inner .mutimenu-wrap {
    width: 100%;
    margin: 0;
  }
  .header .multimenu-area .area-inner .mutimenu-wrap .slider-area {
    overflow: hidden;
    padding: 0 0 0 16px;
  }
}

.header .multimenu-area .mutimenu-list {
  display: flex;
}

.header .multimenu-area .mutimenu-list li {
  width: 20%;
}

.header .multimenu-area .mutimenu-list a {
  position: relative;
  display: block;
  padding: 25px 0;
  text-align: center;
}

.header .multimenu-area .mutimenu-list span {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color: rgba(0, 0, 0, 0.6);
}

.header .multimenu-area .mutimenu-list i {
  display: block;
}

.header .multimenu-area .mutimenu-list i img {
  height: 30px;
}

.header .multimenu-area .mutimenu-list i:last-child {
  display: none;
}

.header .multimenu-area .mutimenu-list li:hover a, .header .multimenu-area .mutimenu-list li.hover a, .header .multimenu-area .mutimenu-list .active a {
  position: relative;
}

.header .multimenu-area .mutimenu-list li:hover a::before, .header .multimenu-area .mutimenu-list li.hover a::before, .header .multimenu-area .mutimenu-list .active a::before {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #F90228;
}

.header .multimenu-area .mutimenu-list li:hover span, .header .multimenu-area .mutimenu-list li.hover span, .header .multimenu-area .mutimenu-list .active span {
  color: #F90228;
}

.header .multimenu-area .mutimenu-list li:hover i:first-child, .header .multimenu-area .mutimenu-list li.hover i:first-child, .header .multimenu-area .mutimenu-list .active i:first-child {
  display: none;
}

.header .multimenu-area .mutimenu-list li:hover i:last-child, .header .multimenu-area .mutimenu-list li.hover i:last-child, .header .multimenu-area .mutimenu-list .active i:last-child {
  display: block;
}

@media all and (max-width: 959px) {
  .header .multimenu-area .mutimenu-list li {
    width: auto !important;
  }
  .header .multimenu-area .mutimenu-list a {
    display: block;
    padding: 17px 12px;
    text-align: center;
  }
  .header .multimenu-area .mutimenu-list a::before {
    margin-left: -12px;
  }
  .header .multimenu-area .mutimenu-list span {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
  }
  .header .multimenu-area .mutimenu-list i {
    display: block;
  }
  .header .multimenu-area .mutimenu-list i img {
    height: 21px;
  }
}

.header .multimenu-area .mutimenu_prev, .header .multimenu-area .mutimenu_next {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  overflow: hidden;
  text-indent: -100%;
  z-index: 3;
  border-radius: 50%;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.06), 0 0 18px 0 rgba(0, 0, 0, 0.06);
}

.header .multimenu-area .mutimenu_prev.swiper-button-disabled, .header .multimenu-area .mutimenu_next.swiper-button-disabled {
  display: none;
}

@media all and (max-width: 959px) {
  .header .multimenu-area .mutimenu_prev, .header .multimenu-area .mutimenu_next {
    display: none;
  }
}

.header .multimenu-area .mutimenu_prev {
  left: -16px;
  background: url("../images/common/icon-muti_arrow_left.svg");
}

.header .multimenu-area .mutimenu_next {
  right: -16px;
  background: url("../images/common/icon-muti_arrow_right.svg");
}

/* footer.scss */
#footer {
  /* 
  default : (theme-dark) (footer_type-left)
  footer_theme : [theme-dark, theme-light ]
	footer_type  : [footer_type-left, footer_type-center,  footer_type-list  ]
 */
  /* =================== footer_theme  */
  /* =================== footer_type  */
  /* ======= layout ======= */
  /* ======= breadcrumb ======= */
  /* ======= footer_link ======= */
  /* ======= footer_addr ======= */
  /* ======= footer_copy ======= */
  /* ======= footer 투니버스(예외) ======= */
}


#footer .inner.theme-dark .breadcrumb-wrap ul i.spf::before {
  color: #fff;
}

#footer .inner.theme-dark .breadcrumb-wrap ul .bc_link {
  color: #fff;
}

#footer .inner.theme-dark .breadcrumb-wrap ul .bc_tar {
  color: #fff;
}

#footer .inner.theme-light .flex-wrap {
  background-color: #F8F8F8;
}

#footer .inner.theme-light .footer_link-wrap {
  background-color: #F8F8F8;
}

#footer .inner.theme-light .footer_link-wrap .footer_link-list a {
  color: rgba(0, 0, 0, 0.6);
}

#footer .inner.theme-light .footer_addr-wrap {
  background-color: #F8F8F8;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

#footer .inner.theme-light .footer_addr-wrap ul li + li::before {
  background-color: rgba(0, 0, 0, 0.3);
}

#footer .inner.theme-light .footer_addr-wrap ul span {
  color: rgba(0, 0, 0, 0.4);
}


#footer .inner.theme-light .footer_addr-wrap ul strong a {
  color: #000;
}

#footer .inner.theme-light .footer_addr-wrap .sns_link i {
  background-color: rgba(0, 0, 0, 0.05);
}

#footer .inner.theme-light .footer_addr-wrap .sns_link i svg path {
  fill: #000;
}

#footer .inner.theme-light .footer-group.footer_type-center .footer_addr-wrap .sns_link i svg path {
  fill: #666;
}

#footer .inner.theme-light .footer-group.footer_type-center .footer_addr-wrap .sns_link i.twitter svg path {
  fill: #fff;
}

#footer .inner.theme-light .footer_copy-wrap {
  background-color: #F8F8F8;
}

#footer .inner.theme-light .footer_copy-wrap .copyright span {
  color: rgba(0, 0, 0, 0.5);
}

#footer .inner.theme-light .footer_copy-wrap .sns_link i svg path {
  fill: #666;
}

#footer .inner.theme-light .footer_copy-wrap .sns_link i.twitter svg path {
  fill: #fff;
}

#footer .footer-group.footer_type-center {
  /* ======= footer_link ======= */
  /* ======= footer_addr ======= */
}

#footer .footer-group.footer_type-center .footer_link-wrap {
  padding-top: 52px;
}

#footer .footer-group.footer_type-center .footer_link-wrap .footer_logo {
  text-align: center;
}

@media all and (max-width: 959px) {
  #footer .footer-group.footer_type-center .footer_link-wrap {
    padding-top: 30px;
  }
}

#footer .footer-group.footer_type-center .footer_link-wrap .flex-area {
  display: block;
  justify-content: normal;
  padding: 10px 0;
  margin-top: 12px;
}

#footer .footer-group.footer_type-center .footer_link-wrap .flex-area .flex-item + .flex-item {
  margin-top: 20px;
}

#footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_select-list {
  justify-content: center;
}

#footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_select-list li .select-box {
  min-width: 190px;
}

@media all and (max-width: 959px) {
  #footer .footer-group.footer_type-center .footer_link-wrap .flex-area {
    display: block;
    justify-content: normal;
    padding: 14px 0 32px;
  }
  #footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_link-list {
    max-width: 350px;
    margin: 0 auto;
  }
  #footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_link-list li {
    position: relative;
    margin-right: 0;
    padding: 0 10px;
  }
  #footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_link-list li:nth-child(2)::before, #footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_link-list li:nth-child(3)::before,
  #footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_link-list li:nth-child(5)::before, #footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_link-list li:nth-child(6)::before,
  #footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_link-list li:nth-child(8)::before, #footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_link-list li:nth-child(9)::before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.3);
  }
  #footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_select-list {
    max-width: 350px;
    margin-top: 22px;
    margin-left: auto;
    margin-right: auto;
  }
  #footer .footer-group.footer_type-center .footer_link-wrap .flex-area .footer_select-list li .select-box {
    min-width: auto;
  }
}

#footer .footer-group.footer_type-center .footer_link-wrap .footer_link-list {
  justify-content: center;
}

#footer .footer-group.footer_type-center .footer_link-wrap .footer_select-list {
  justify-content: center;
}

#footer .footer-group.footer_type-center .footer_addr-wrap {
  border-top: 0px;
}

#footer .footer-group.footer_type-center .footer_addr-wrap .footer_main-area {
  position: relative;
  padding: 20px 0 64px;
}

@media all and (max-width: 959px) {
  #footer .footer-group.footer_type-center .footer_addr-wrap .footer_main-area {
    padding: 0px 0 60px;
  }
}

#footer .footer-group.footer_type-center .footer_addr-wrap .footer_addr {
  margin-top: 0px;
}

#footer .footer-group.footer_type-center .footer_addr-wrap .footer_addr ul {
  justify-content: center;
  margin-top: 0px;
}

#footer .footer-group.footer_type-center .footer_addr-wrap .footer_addr ul li {
  position: relative;
}

#footer .footer-group.footer_type-center .footer_addr-wrap .footer_addr ul + ul {
  margin-top: 6px;
}

#footer .footer-group.footer_type-center .footer_addr-wrap .footer_addr ul + ul li:first-child {
  text-align: center;
}

#footer .footer-group.footer_type-center .footer_addr-wrap .sns_link {
  position: relative;
  bottom: auto;
  right: auto;
  margin-top: 34px;
}

#footer .footer-group.footer_type-center .footer_addr-wrap .sns_link .sns-list {
  display: flex;
  justify-content: center;
}

#footer .footer-group.footer_type-center .footer_addr-wrap .sns_link .sns-list i {
  width: 32px;
  height: 32px;
  background-color: transparent;
}

@media all and (max-width: 959px) {
  #footer .footer-group.footer_type-center .footer_addr-wrap .sns_link {
    bottom: auto;
    right: auto;
    margin-top: 24px;
  }
}

#footer .footer-group.footer_type-link_list .footer_addr-wrap, #footer .footer-group.footer_type-link_list .footer_link-wrap {
  min-width: auto;
  padding: 0 20px;
  background-color: transparent;
}

#footer .footer-group.footer_type-link_list .footer_addr-wrap > .wrap-inner, #footer .footer-group.footer_type-link_list .footer_link-wrap > .wrap-inner {
  width: auto;
  padding: 0;
}

#footer .footer-group.footer_type-link_list .footer_addr-wrap {
  flex: 1;
  border-top: 0px;
}

#footer .footer-group.footer_type-link_list .footer_addr-wrap .footer_main-area {
  padding: 40px 0;
}

#footer .footer-group.footer_type-link_list .footer_addr-wrap .footer_addr ul + ul {
  margin-top: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#footer .footer-group.footer_type-link_list .footer_addr-wrap .footer_addr ul + ul li {
  margin-top: 6px;
}

#footer .footer-group.footer_type-link_list .footer_addr-wrap .footer_addr ul + ul li:first-child {
  width: 100%;
}

#footer .footer-group.footer_type-link_list .footer_addr-wrap .footer_addr ul + ul li:nth-child(2) {
  margin-left: 0;
  padding-left: 0;
}

#footer .footer-group.footer_type-link_list .footer_addr-wrap .footer_addr ul + ul li:nth-child(2)::before {
  display: none;
}

@media all and (max-width: 959px) {
  #footer .footer-group.footer_type-link_list .footer_addr-wrap .footer_main-area {
    padding: 30px 0 15px;
  }
  #footer .footer-group.footer_type-link_list .footer_addr-wrap .footer_addr ul + ul {
    margin-top: 0;
  }
  #footer .footer-group.footer_type-link_list .footer_addr-wrap .footer_addr ul + ul li {
    margin-top: 2px;
  }
}

#footer .footer-group.footer_type-link_list .footer_link-wrap .flex-area {
  padding-top: 55px;
}

#footer .footer-group.footer_type-link_list .footer_link-wrap .footer_link-list {
  flex-wrap: wrap;
  width: 380px;
}

#footer .footer-group.footer_type-link_list .footer_link-wrap .footer_link-list li:first-child {
  padding-left: 10px;
}

#footer .footer-group.footer_type-link_list .footer_link-wrap .footer_link-list li {
  width: 50%;
}

#footer .footer-group.footer_type-link_list .footer_link-wrap .footer_link-list a {
  padding: 5px 0;
}

#footer .footer-group.footer_type-link_list .footer_link-wrap .footer_select-list {
  flex-wrap: wrap;
  width: 210px;
}

#footer .footer-group.footer_type-link_list .footer_link-wrap .footer_select-list li {
  width: 100%;
}

#footer .footer-group.footer_type-link_list .footer_link-wrap .footer_select-list li:first-child .select-box {
  min-width: auto;
}

#footer .footer-group.footer_type-link_list .footer_link-wrap .footer_select-list li + li {
  margin-top: 8px;
  margin-left: 0;
}

@media all and (max-width: 959px) {
  #footer .footer-group.footer_type-link_list .footer_link-wrap .flex-area {
    padding: 15px 0 15px;
  }
  #footer .footer-group.footer_type-link_list .footer_link-wrap .footer_link-list {
    flex-wrap: wrap;
    width: 100%;
  }
  #footer .footer-group.footer_type-link_list .footer_link-wrap .footer_link-list li:first-child {
    padding-left: 0px;
  }
  #footer .footer-group.footer_type-link_list .footer_link-wrap .footer_link-list li {
    width: 50%;
    margin: 0;
  }
  #footer .footer-group.footer_type-link_list .footer_link-wrap .footer_select-list {
    flex-wrap: wrap;
    width: 100%;
    margin-top: 30px;
  }
  #footer .footer-group.footer_type-link_list .footer_link-wrap .footer_select-list li {
    width: 50%;
  }
  #footer .footer-group.footer_type-link_list .footer_link-wrap .footer_select-list li:first-child {
    margin-top: 0;
  }
  #footer .footer-group.footer_type-link_list .footer_link-wrap .footer_select-list li:first-child .select-box {
    min-width: auto;
  }
  #footer .footer-group.footer_type-link_list .footer_link-wrap .footer_select-list li:last-child {
    margin-top: 8px;
    width: 100%;
  }
  #footer .footer-group.footer_type-link_list .footer_link-wrap .footer_select-list li + li {
    margin-top: 0px;
    margin-left: 0;
  }
}

#footer div[class$="-wrap"] {
  min-width: 1360px;
}

#footer div[class$="-wrap"] > .wrap-inner {
  padding: 0 20px;
  width: 1360px;
  margin: 0 auto;
}

@media all and (max-width: 959px) {
  #footer div[class$="-wrap"] {
    width: 100%;
    min-width: 100%;
  }
  #footer div[class$="-wrap"] > .wrap-inner {
    width: 100%;
    min-width: 100%;
    padding: 0px 16px;
  }
}

#footer div.flex-wrap {
  background-color: #222;
}

#footer div.flex-wrap > .wrap-inner {
  padding: 0px;
}

#footer div.flex-wrap > .wrap-inner > .flex-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media all and (max-width: 959px) {
  #footer div.flex-wrap > .wrap-inner {
    padding: 0px;
  }
  #footer div.flex-wrap > .wrap-inner > .flex-area {
    display: block;
    flex-wrap: nowrap;
    justify-content: normal;
  }
}

#footer .breadcrumb-wrap {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

#footer .breadcrumb-wrap ul {
  padding: 9px 0px;
  display: flex;
}

#footer .breadcrumb-wrap ul:after {
  content: '';
  display: block;
  clear: both;
}

#footer .breadcrumb-wrap ul li {
  margin: 0 2px;
  font-size: 0;
}

#footer .breadcrumb-wrap ul li:last-child {
  flex: auto;
}

#footer .breadcrumb-wrap ul i.spf, #footer .breadcrumb-wrap ul i.spf-envelope:before {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

#footer .breadcrumb-wrap ul i.spf::before {
  font-size: 16px;
  color: #000;
  opacity: .2;
}

#footer .breadcrumb-wrap ul .bc_link {
  display: block;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #000000;
  opacity: 0.6;
  vertical-align: top;
  /* white-space: nowrap; */
}

#footer .breadcrumb-wrap ul .bc_link.desable {
  pointer-events: none;
  opacity: .3;
}

#footer .breadcrumb-wrap ul .bc_link:hover {
  color: #F90228;
  text-decoration: underline;
  opacity: 1;
}

#footer .breadcrumb-wrap ul .bc_tar {
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #000000;
  vertical-align: top;
  /* @include ellipsis-line(2); */
  /* &:hover  {  color:#F90228; text-decoration: underline; } */
}

#footer .breadcrumb-wrap ul .bc_tar.desable {
  pointer-events: none;
  opacity: .3;
}

@media all and (max-width: 959px) {
  #footer .breadcrumb-wrap ul {
    height: 100%;
    /* display: block; */
    align-items: center;

    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  #footer .breadcrumb-wrap ul li {
    flex: none;
    display: inline;
    vertical-align: top;
    min-height: 16px;
  }

  #footer .breadcrumb-wrap ul i.spf::before {
    width: 16px;
    height: 16px;
  }

  #footer .breadcrumb-wrap ul .bc_link {
    display: inline;
    word-break: keep-all;
  }
  #footer .breadcrumb-wrap ul .bc_tar {
    display: inline;
    word-break: keep-all;
    /* @include ellipsis-line(2); */
  }
}


/* brdadcrumb new */
#footer .breadcrumb-wrap .breadcrumb-box{
  padding: 9px 0;
}

#footer .breadcrumb-wrap .breadcrumb-box ul {
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  padding: 0;
}

#footer .breadcrumb-wrap .breadcrumb-box ul li{
  position: relative;
  display: inline;
  padding-right: 16px;
}

#footer .breadcrumb-wrap .breadcrumb-box ul li::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  right: -2px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M6.29289 4.29289C5.90237 4.68342 5.90237 5.31658 6.29289 5.70711L8.58579 8L6.29289 10.2929C5.90237 10.6834 5.90237 11.3166 6.29289 11.7071C6.68342 12.0976 7.31658 12.0976 7.70711 11.7071L10.7071 8.70711C11.0976 8.31658 11.0976 7.68342 10.7071 7.29289L7.70711 4.29289C7.31658 3.90237 6.68342 3.90237 6.29289 4.29289Z" fill="black"/></svg>');
}   

#footer .inner.theme-dark .breadcrumb-wrap .breadcrumb-box ul li::after{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M6.29289 4.29289C5.90237 4.68342 5.90237 5.31658 6.29289 5.70711L8.58579 8L6.29289 10.2929C5.90237 10.6834 5.90237 11.3166 6.29289 11.7071C6.68342 12.0976 7.31658 12.0976 7.70711 11.7071L10.7071 8.70711C11.0976 8.31658 11.0976 7.68342 10.7071 7.29289L7.70711 4.29289C7.31658 3.90237 6.68342 3.90237 6.29289 4.29289Z" fill="white"/></svg>');
}

#footer .breadcrumb-wrap .breadcrumb-box ul li:last-child::after,
#footer .inner.theme-dark .breadcrumb-wrap .breadcrumb-box ul li:last-child::after{
  background-image: none;
}

#footer .breadcrumb-wrap .breadcrumb-box ul .bc_tar {
  opacity: 0.9;
}
@media all and (max-width: 959px) {

  #footer .breadcrumb-wrap .breadcrumb-box ul li::after {
    top: auto;
  }
  
}






#footer .footer_link-wrap {
  background-color: #222;
}

#footer .footer_link-wrap .footer_logo i {
  display: inline-block;
  height: 64px;
  max-width: 280px;
}

#footer .footer_link-wrap .footer_logo i img {
  height: 100%;
}

@media all and (max-width: 959px) {
  #footer .footer_link-wrap .footer_logo i {
    height: 38px;
  }
}

#footer .footer_link-wrap .flex-area {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

#footer .footer_link-wrap .flex-area .footer_select-list li .select-box {
  min-width: 190px;
}

#footer .footer_link-wrap .flex-area .footer_select-list li .select-box.lang {
  min-width: 65px;
}

@media all and (max-width: 959px) {
  #footer .footer_link-wrap .flex-area {
    display: block;
    justify-content: normal;
    padding: 14px 0 32px;
  }
  #footer .footer_link-wrap .flex-area .footer_select-list {
    margin-top: 22px;
  }
  #footer .footer_link-wrap .flex-area .footer_select-list li .select-box {
    width: 100%;
    min-width: auto;
  }
  #footer .footer_link-wrap .flex-area .footer_select-list li .select-box.lang {
    width: 100%;
    min-width: auto;
  }
}

#footer .footer_link-wrap .footer_link-list {
  display: flex;
  justify-content: flex-start;
}

#footer .footer_link-wrap .footer_link-list li {
  padding: 0 10px;
}

#footer .footer_link-wrap .footer_link-list li:first-child {
  padding-left: 0;
}

#footer .footer_link-wrap .footer_link-list a {
  display: block;
  padding: 10px 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

#footer .footer_link-wrap .footer_link-list a strong {
  font-weight: 700;
}

@media all and (max-width: 959px) {
  #footer .footer_link-wrap .footer_link-list {
    flex-wrap: wrap;
  }
  #footer .footer_link-wrap .footer_link-list li {
    padding: 0px;
    margin-top: 10px;
    margin-right: 24px;
  }
  #footer .footer_link-wrap .footer_link-list a {
    display: block;
    padding: 0px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
  }
}

#footer .footer_link-wrap .footer_select-list {
  display: flex;
  justify-content: flex-end;
}

#footer .footer_link-wrap .footer_select-list li + li {
  margin-left: 8px;
}

@media all and (max-width: 959px) {
  #footer .footer_link-wrap .footer_select-list {
    justify-content: flex-start;
    flex-wrap: wrap;
    width: calc( 100% + 10px);
    margin-left: -5px;
  }
  #footer .footer_link-wrap .footer_select-list li {
    margin: 0px;
    margin-top: 10px;
    width: 50%;
    padding: 0 5px;
  }
  #footer .footer_link-wrap .footer_select-list li + li {
    margin-left: 0px;
  }
  #footer .footer_link-wrap .footer_select-list li:nth-child(3) {
    width: 100%;
  }
}

#footer .footer_addr-wrap {
  background-color: #222;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

#footer .footer_addr-wrap .footer_main-area {
  position: relative;
  padding: 40px 0 60px;
}

@media all and (max-width: 959px) {
  #footer .footer_addr-wrap .footer_main-area {
    padding: 30px 0 40px;
  }
}

#footer .footer_addr-wrap .footer_logo i {
  display: inline-block;
  height: 64px;
  max-width: 280px;
}

#footer .footer_addr-wrap .footer_logo i img {
  height: 100%;
}

@media all and (max-width: 959px) {
  #footer .footer_addr-wrap .footer_logo i {
    height: 38px;
  }
}

#footer .footer_addr-wrap .footer_addr {
  margin-top: 22px;
}

#footer .footer_addr-wrap .footer_addr ul {
  display: flex;
  margin-top: 6px;
}

#footer .footer_addr-wrap .footer_addr ul li {
  position: relative;
}

#footer .footer_addr-wrap .footer_addr ul li + li {
  margin-left: 10px;
  padding-left: 11px;
}

#footer .footer_addr-wrap .footer_addr ul li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0px;
  width: 1px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.3);
}

#footer .footer_addr-wrap .footer_addr ul span, #footer .footer_addr-wrap .footer_addr ul a {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.4);
}

#footer .footer_addr-wrap .footer_addr ul strong {
  color: #fff;
}

#footer .footer_addr-wrap .footer_addr ul strong a {
  color: #fff;
}

@media all and (max-width: 959px) {
  #footer .footer_addr-wrap .footer_addr {
    margin-top: 20px;
  }
  #footer .footer_addr-wrap .footer_addr ul {
    display: flex;
    margin-top: 0px;
    flex-wrap: wrap;
  }
  #footer .footer_addr-wrap .footer_addr ul li {
    margin-top: 2px;
  }
  #footer .footer_addr-wrap .footer_addr ul li + li {
    margin-left: 8px;
    padding-left: 9px;
  }
  #footer .footer_addr-wrap .footer_addr ul span, #footer .footer_addr-wrap .footer_addr ul a {
    font-size: 12px;
    line-height: 20px;
  }
  #footer .footer_addr-wrap .footer_addr ul strong {
    color: #fff;
  }
  #footer .footer_addr-wrap .footer_addr ul strong a {
    color: #fff;
  }
  #footer .footer_addr-wrap .footer_addr ul + ul {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #footer .footer_addr-wrap .footer_addr ul + ul li:first-child {
    width: 100%;
  }
  #footer .footer_addr-wrap .footer_addr ul + ul li:nth-child(2) {
    margin-left: 0;
    padding-left: 0;
  }
  #footer .footer_addr-wrap .footer_addr ul + ul li:nth-child(2)::before {
    display: none;
  }
}

#footer .footer_addr-wrap .sns_link {
  position: absolute;
  bottom: 56px;
  right: 0;
}

#footer .footer_addr-wrap .sns_link .sns-list {
  display: flex;
}

#footer .footer_addr-wrap .sns_link .sns-list li {
  margin: 0 5px;
}

#footer .footer_addr-wrap .sns_link .sns-list i {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  overflow: hidden;
}

#footer .footer_addr-wrap .sns_link .sns-list i img {
  width: 100%;
}

#footer .footer_addr-wrap .sns_link .sns-list i svg {
  width: 100%;
  height: 100%;
}

@media all and (max-width: 959px) {
  #footer .footer_addr-wrap .sns_link {
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 24px;
  }
}

#footer .footer_copy-wrap {
  flex: 1;
  background-color: #222;
}

#footer .footer_copy-wrap .flex-area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0px 0 30px;
}

#footer .footer_copy-wrap .copyright span {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.5);
}

#footer .footer_copy-wrap .sns_link {
  position: relative;
  bottom: auto;
  right: auto;
}

#footer .footer_copy-wrap .sns_link .sns-list {
  display: flex;
  justify-content: center;
  font-size: 0;
}

#footer .footer_copy-wrap .sns_link .sns-list i {
  display: block;
  width: 32px;
  height: 32px;
  background-color: transparent;
}

@media all and (max-width: 959px) {
  #footer .footer_copy-wrap {
    margin-top: 0;
  }
  #footer .footer_copy-wrap .flex-area {
    display: block;
    justify-content: flex-start;
    align-items: normal;
    padding: 10px 0 40px;
    /* .flex-item:first-child { display: none;} */
  }
  #footer .footer_copy-wrap .sns_link .sns_link {
    bottom: auto;
    right: auto;
    margin-top: 0px;
  }
  #footer .footer_copy-wrap .sns_link .sns-list {
    display: flex;
    justify-content: flex-start;
  }
}

#footer .footer_sticky-area {
  display: none;
  position: fixed;
  right: 60px;
  bottom: 40px;
  z-index: 6;
}

@media all and (max-width: 959px) {
  #footer .footer_sticky-area {
    right: 16px;
    bottom: 20px;
  }
}

#footer .footer_sticky-area .float_ui-list li {
  font-size: 0;
}

#footer .footer_sticky-area .float_ui-list li + li {
  margin-top: 16px;
}

#footer .footer_sticky-area .float_ui-list a, #footer .footer_sticky-area .float_ui-list button {
  display: block;
  padding: 20px;
  background-color: #25252B;
  border-radius: 50%;
}

#footer .footer_sticky-area .float_ui-list a i, #footer .footer_sticky-area .float_ui-list button i {
  display: block;
  width: 32px;
  height: 32px;
  color: #fff;
}

#footer .footer_sticky-area .float_ui-list a i::before, #footer .footer_sticky-area .float_ui-list button i::before {
  font-size: 32px;
}

@media all and (max-width: 959px) {
  #footer .footer_sticky-area .float_ui-list li + li {
    margin-top: 12px;
  }
  #footer .footer_sticky-area .float_ui-list a, #footer .footer_sticky-area .float_ui-list button {
    padding: 13px;
  }
  #footer .footer_sticky-area .float_ui-list a i, #footer .footer_sticky-area .float_ui-list button i {
    width: 22px;
    height: 22px;
  }
  #footer .footer_sticky-area .float_ui-list a i::before, #footer .footer_sticky-area .float_ui-list button i::before {
    font-size: 22px;
  }
}

#footer .footer_sticky-area .scoll_top {
  display: none;
}

#footer .footer_sticky-area.body_scroll .scoll_top {
  display: block;
}

#footer .f_tooniverse .footer_bg {
  min-width: 1360px;
}

@media all and (max-width: 959px) {
  #footer .f_tooniverse .footer_bg {
    min-width: 100%;
  }
}

#footer .f_tooniverse .footer_link-wrap,
#footer .f_tooniverse .footer_addr-wrap {
  background-color: transparent !important;
  border-top: 0 !important;
}

#footer .f_tooniverse .flex-area {
  padding: 20px 0;
}

@media all and (max-width: 959px) {
  #footer .f_tooniverse .flex-area {
    padding: 14px 0 25px;
  }
}

#footer .f_tooniverse.type1 .select-box .select2-container--default .select2-selection--single {
  border: 0px;
  background-color: rgba(255, 255, 255, 0.1);
}

#footer .f_tooniverse.type1 .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

#footer .f_tooniverse.type1 .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::before,
#footer .f_tooniverse.type1 .select-box .select2Basic_edge + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  color: #fff;
}

#footer .f_tooniverse.type1 .footer_link-wrap .footer_link-list a {
  color: #fff;
}

#footer .f_tooniverse.type1 .footer_addr-wrap .sns_link .sns-list i {
  background-color: rgba(255, 255, 255, 0.07);
}

#footer .f_tooniverse.type1 .footer_addr-wrap .sns_link i {
  background-color: rgba(0, 0, 0, 0.05);
}

#footer .f_tooniverse.type1 .footer_addr-wrap .sns_link i svg path {
  fill: #fff;
}

#footer .f_tooniverse.type1 .footer_addr-wrap ul span {
  color: rgba(255, 255, 255, 0.6);
}

#footer .f_tooniverse.type1 .footer_addr-wrap ul li + li::before {
  background-color: rgba(255, 255, 255, 0.3);
}

#footer .f_tooniverse.type1 .footer_addr-wrap ul strong a {
  color: #fff;
}

#footer .f_tvn .footer_link-wrap,
#footer .f_tvn .footer_addr-wrap,
#footer .f_tvnsports .footer_link-wrap,
#footer .f_tvnsports .footer_addr-wrap
{
  background-color: transparent !important;
}

#footer .footer_bg{
  min-width:1360px;
}
@media all and (max-width: 959px) {
  #footer .footer_bg{
    min-width:100%;
  }
}

.error-section .error {
  min-width: 600px;
  margin: 80px 0 240px;
  display: inline-block;
}

.error-section .error .error-inner {
  text-align: center;
}

.error-section .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 .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 .error .btn_bottom {
  margin-top: 60px;
}

.error-section .error .btn_bottom .btn {
  width: 193px;
}

@media all and (max-width: 959px) {
  .error-section .error {
    min-width: 100%;
    padding: 0 16px;
    margin: 50px 0 170px;
  }
  .error-section .error .error-inner img {
    width: 110px;
    height: 110px;
  }
  .error-section .error .title {
    font-size: 24px;
    line-height: 38px;
  }
  .error-section .error .desc {
    margin: 12px auto 0;
    font-size: 14px;
    line-height: 22px;
  }
  .error-section .error .btn_bottom {
    margin-top: 40px;
  }
  .error-section .error .btn_bottom .btn {
    width: 180px;
  }
}

.error-section.full {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  transform: translate(-50%, -50%);
  margin: 0;
}

.error-section.full .error {
  margin: 0;
}

@media all and (max-width: 959px) {
  .error-section.full {
    left: 16px;
    right: 16px;
    transform: translate(0, -50%);
  }
  .error-section.full .error {
    padding: 0;
  }
}

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

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

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

.page_loading .center_center .img {
  display: inline-block;
  background-color: transparent;
}

/* //=====================  loading =====================*/
/* 
theme-light
theme-dark
*/
section:first-child.big_banner-section {
  padding-top: 0;
}

.big_banner-section .section-wrap {
  padding: 0 !important;
}

.big_banner-section .content-panel {
  /* Atype = default*/
  /* Btype */
  /* Ctype */
}

.big_banner-section .content-panel .big_banner-warp .gallery_center {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center 0;
}

.big_banner-section .content-panel .big_banner-warp .swiper-slide.youtube_item.media_playing .banner_bg-area, .big_banner-section .content-panel .big_banner-warp .swiper-slide.video_item.media_playing .banner_bg-area {
  /*  display: none; */
  opacity: 0;
}

.big_banner-section .content-panel .big_banner-warp .swiper-slide.youtube_item.media_playing .banner_typo-area, .big_banner-section .content-panel .big_banner-warp .swiper-slide.video_item.media_playing .banner_typo-area {
  display: none;
}

.big_banner-section .content-panel .big_banner-warp .swiper-slide.youtube_item.media_playing .video-area, .big_banner-section .content-panel .big_banner-warp .swiper-slide.video_item.media_playing .video-area {
  display: block;
  z-index: 5;
}

.big_banner-section .content-panel .big_banner-warp .swiper-slide.youtube_item.media_playing .banner_ui-area, .big_banner-section .content-panel .big_banner-warp .swiper-slide.video_item.media_playing .banner_ui-area {
  display: none;
}

.big_banner-section .content-panel .big_banner-warp .swiper-slide.youtube_item.media_playing.media_pause .banner_typo-area, .big_banner-section .content-panel .big_banner-warp .swiper-slide.video_item.media_playing.media_pause .banner_typo-area {
  display: block;
  z-index: 6;
}

.big_banner-section .content-panel .big_banner-warp .swiper-slide.swiper-slide-active a {
  display: inherit;
}

.big_banner-section .content-panel .big_banner-warp .swiper-slide.swiper-slide-active a:hover {
  cursor: pointer;
}

.big_banner-section .content-panel .big_banner-warp .swiper-slide.swiper-slide-active a:hover .banner_typo-area .txt-title span {
  text-decoration: underline;
}

.big_banner-section .content-panel .big_banner-warp .banner_bg-area .area-inner {
  width: 100%;
  background-position: center 0;
  background-repeat: no-repeat;
}

.big_banner-section .content-panel .big_banner-warp .banner_bg-area .area_height {
  width: 100px;
  margin: 0 auto;
  opacity: 0;
}

@media all and (max-width: 959px) {
  .big_banner-section .content-panel .big_banner-warp .banner_bg-area .area-inner {
    width: 100%;
    background-size: cover;
  }
  .big_banner-section .content-panel .big_banner-warp .banner_bg-area .area_height {
    width: 100%;
    margin: 0 auto;
    opacity: 0;
  }
  .big_banner-section .content-panel .big_banner-warp .banner_bg-area .area_height img {
    width: 100%;
  }
}

.big_banner-section .content-panel .big_banner-warp .video-area {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.big_banner-section .content-panel .big_banner-warp .video-area .video_view {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1320px;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area.text_area_mode-center {
  text-align: center;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area.text_area_mode-left {
  text-align: left;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area.text_align_mode-center .txt-title {
  text-align: center;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area.text_align_mode-center .txt-desc {
  text-align: center;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area.text_align_mode-left .txt-title {
  text-align: left;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area.text_align_mode-left .txt-desc {
  text-align: left;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area .area-inner {
  display: inline-block;
  max-width: 1320px;
  min-width: 600px;
  margin: 0 auto;
  padding: 40px 80px;
  background-color: #1C1C1C;
  border-radius: 6px 6px 0px 0px;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area .txt-title {
  text-align: center;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area .txt-title span {
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: #FFFFFF;
  letter-spacing: -0.02em;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area .txt-title a {
  display: inline-block;
  position: relative;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area .txt-title a:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  background-color: #fff;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area .txt-desc {
  margin-top: 8px;
  text-align: center;
}

.big_banner-section .content-panel .big_banner-warp .banner_typo-area .txt-desc span {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .big_banner-section .content-panel .big_banner-warp .banner_typo-area {
    width: 100%;
  }
  .big_banner-section .content-panel .big_banner-warp .banner_typo-area .area-inner {
    max-width: 100%;
    min-width: 240px;
    padding: 18px 30px;
    border-radius: 0px;
  }
  .big_banner-section .content-panel .big_banner-warp .banner_typo-area .txt-title span {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
  }
  .big_banner-section .content-panel .big_banner-warp .banner_typo-area .txt-title a:hover::after {
    display: none;
  }
  .big_banner-section .content-panel .big_banner-warp .banner_typo-area .txt-desc {
    margin-top: 4px;
    text-align: center;
  }
  .big_banner-section .content-panel .big_banner-warp .banner_typo-area .txt-desc span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
  }
}

.big_banner-section .content-panel .big_banner-warp .banner_ui-area a {
  display: block;
  width: 100px;
  height: 100px;
  padding: 30px 22px 30px 38px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 5.12px 9.6px 0 rgba(0, 0, 0, 0.15), 0 5.12px 9.6px 0 rgba(0, 0, 0, 0.15);
  /* box-shadow: 0px 5.12px 9.6px rgba(0, 0, 0, 0.15); */
  border-radius: 50%;
}

.big_banner-section .content-panel .big_banner-warp .banner_ui-area a i {
  width: 40px;
  height: 40px;
}

.big_banner-section .content-panel .big_banner-warp .banner_ui-area a i::before {
  font-size: 38px;
  color: #ddd;
}

.big_banner-section .content-panel .big_banner-warp .banner_ui-area a:hover {
  background-color: #fff;
  border-color: #fff;
}

.big_banner-section .content-panel .big_banner-warp .banner_ui-area a:hover i::before {
  color: #F90228;
}

@media all and (max-width: 959px) {
  .big_banner-section .content-panel .big_banner-warp .banner_ui-area a {
    width: 72px;
    height: 72px;
    padding: 22px 18px 22px 26px;
    margin-top: 0px;
  }
  .big_banner-section .content-panel .big_banner-warp .banner_ui-area a i {
    width: 30px;
    height: 30px;
  }
  .big_banner-section .content-panel .big_banner-warp .banner_ui-area a i::before {
    font-size: 28px;
    color: #ddd;
  }
  .big_banner-section .content-panel .big_banner-warp .banner_ui-area a:hover {
    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* background-color: #fff; border-color: #fff; */
  }
  .big_banner-section .content-panel .big_banner-warp .banner_ui-area a:hover i::before {
    color: #ddd;
    /* color:#F90228} */
  }
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev, .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next, .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .pagination {
  position: absolute;
  z-index: 5;
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev, .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 20px 0;
  box-sizing: border-box;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev:hover i::before, .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next:hover i::before {
  color: #fff;
  opacity: 1.0;
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev i, .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next i {
  text-align: center;
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev i::before, .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next i::before {
  font-size: 23px;
  color: #fff;
  opacity: .3;
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev {
  left: 60px;
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev i {
  margin-left: -4px;
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next {
  right: 60px;
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next i {
  margin-right: -4px;
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .pagination {
  text-align: right;
  font-size: 0;
  padding: 0 60px;
  top: 40px;
  right: 0px;
  bottom: auto;
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  opacity: 1;
  border-radius: 4px;
  background: rgba(255, 255, 255, 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;
}

.big_banner-section .content-panel .big_banner-warp .gallery_ui-area .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  background: #dddddd;
}

@media all and (max-width: 959px) {
  .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev, .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next {
    width: 42px;
    height: 42px;
    padding: 12px 0;
  }
  .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev i::before, .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next i::before {
    font-size: 17px;
  }
  .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev {
    left: 16px;
  }
  .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-prev i {
    margin-left: -2px;
  }
  .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next {
    right: 16px;
  }
  .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .button-next i {
    margin-right: -2px;
  }
  .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .pagination {
    padding: 0 20px;
    top: 20px;
  }
  .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 4px;
    border-radius: 3px;
  }
  .big_banner-section .content-panel .big_banner-warp .gallery_ui-area .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
  }
}

.big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_center {
  padding: 24px 0;
}

.big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_center .swiper-slide {
  border-radius: 24px;
  overflow: hidden;
  max-width: 1600px;
}

.big_banner-section .content-panel.panel_type-Btype .big_banner-warp .banner_bg-area .area-inner {
  width: 100%;
  min-height: 600px;
  max-height: 790px;
}

.big_banner-section .content-panel.panel_type-Btype .big_banner-warp .banner_bg-area .area_height {
  min-height: 600px;
  max-height: 790px;
}

.big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area {
  /* position: absolute; top:0; left: 50%; z-index: 5;
          width: 1600px; @include transform( translateX(-50%) ); */
}

.big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .button-prev {
  left: 140px;
}

.big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .button-next {
  right: 140px;
}

.big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .pagination {
  top: 54px;
  padding: 0 140px;
}

@media all and (max-width: 959px) {
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_center {
    padding: 24px 0;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_center .swiper-slide {
    border-radius: 10px;
    max-width: none;
    width: 86.6666%;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .banner_bg-area .area-inner {
    width: 100%;
    min-height: 440px;
    max-height: 560px;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .banner_bg-area .area_height {
    min-height: 440px;
    max-height: 560px;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area {
    /* position: absolute; top:0; left: 50%; z-index: 5;
            @include transform( translateX(-50%) ); */
    width: 86.6666%;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .button-prev, .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .button-next {
    width: 42px;
    height: 42px;
    padding: 12px 0;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .button-prev i::before, .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .button-next i::before {
    font-size: 17px;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .button-prev {
    left: 7%;
    margin-left: 16px;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .button-prev i {
    margin-left: -2px;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .button-next {
    right: 7%;
    margin-right: 16px;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .button-next i {
    margin-right: -2px;
  }
  .big_banner-section .content-panel.panel_type-Btype .big_banner-warp .gallery_ui-area .pagination {
    top: 43px;
    right: 7%;
    padding: 0 20px;
  }
}

.big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_center {
  padding: 24px 0;
}

.big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_center .swiper-slide {
  border-radius: 24px;
  overflow: hidden;
  max-width: calc( 100% - 200px);
}

.big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .banner_bg-area .area-inner {
  width: 100%;
}

.big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area {
  /* position: absolute; top:0; left: 50%; z-index: 5;
          width: 1600px; @include transform( translateX(-50%) ); */
}

.big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .button-prev {
  left: 140px;
}

.big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .button-next {
  right: 140px;
}

.big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .pagination {
  top: 54px;
  padding: 0 140px;
}

@media all and (max-width: 959px) {
  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_center {
    padding: 24px 0;
  }
  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_center .swiper-slide {
    border-radius: 10px;
    max-width: none;
    width: 86.6666%;
  }
  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .banner_bg-area .area-inner {
    width: 100%;
  }
  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area {
    /* position: absolute; top:0; left: 50%; z-index: 5;
            @include transform( translateX(-50%) ); */
    width: 86.6666%;
  }

  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .button-prev, .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .button-next {
    width: 42px;
    height: 42px;
    padding: 12px 0;
  }
  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .button-prev i::before, .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .button-next i::before {
    font-size: 17px;
  }
  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .button-prev {
    left: 7%;
    margin-left: 16px;
  }
  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .button-prev i {
    margin-left: -2px;
  }
  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .button-next {
    right: 7%;
    margin-right: 16px;
  }
  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .button-next i {
    margin-right: -2px;
  }
  .big_banner-section .content-panel.panel_type-Ctype .big_banner-warp .gallery_ui-area .pagination {
    top: 8%;
    right: 7%;
    padding: 0 20px;
  }
}

/* 
theme-light
theme-dark
*/
.display-section .section-wrap {
  background-position: top center;
  background-repeat: repeat-y !important;
}

@media all and (max-width: 959px) {
  .display-section {
    overflow: hidden;
  }

  .display-section .section-wrap{
    background-size: 100%;
  }
}

.display-section .theme-dark .content-panel .swiper_box .swiper_button {
  color: rgba(255, 255, 255, 0.6);
}

.display-section .theme-dark .content-panel .swiper_box .swiper_button .swiper-button-disabled i::before,
.display-section .theme-dark .content-panel .swiper_box .swiper_button .swiper-button-disabled i::before {
  opacity: 0.2;
}

@media all and (max-width: 959px) {
  .display-section .theme-dark .content-panel .swiper_box .swiper_button {
    display: none;
  }
}

.display-section .theme-light .module_type .module .typo-area, .display-section .theme-light.module_type .module .typo-area {
  background-color: #fff;
}

.display-section .theme-light .module_type.row .type2 .module .typo-area, .display-section .theme-light.module_type.row .type2 .module .typo-area {
  background-color: #fff;
}

.display-section .theme-dark .module_type .module, .display-section .theme-dark.module_type .module {
  box-shadow: none;
  background: none;
}

.display-section .theme-dark .module_type .module .img-area::before, .display-section .theme-dark.module_type .module .img-area::before {
  display: none;
}

.display-section .theme-dark .module_type .module .typo-area .typo-inner dl dt, .display-section .theme-dark.module_type .module .typo-area .typo-inner dl dt {
  color: #fff;
}

.display-section .theme-dark .module_type .module .typo-area .typo-inner dl dd, .display-section .theme-dark.module_type .module .typo-area .typo-inner dl dd {
  color: rgba(255, 255, 255, 0.6);
}

.display-section .theme-dark .module_type .module .typo-area .tag_label, .display-section .theme-dark.module_type .module .typo-area .tag_label {
  left: 0;
}

.display-section .theme-dark .module_type .module .typo-area .tag_label .inner .flag_txt, .display-section .theme-dark.module_type .module .typo-area .tag_label .inner .flag_txt {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50px;
}

.display-section .theme-dark .module_type .module .typo-area .tag_label .inner a, .display-section .theme-dark .module_type .module .typo-area .tag_label .inner .flag_txt, .display-section .theme-dark.module_type .module .typo-area .tag_label .inner a, .display-section .theme-dark.module_type .module .typo-area .tag_label .inner .flag_txt {
  color: rgba(255, 255, 255, 0.6);
}

.display-section .theme-dark .module_type.col .type1 .module .img-area::before, .display-section .theme-dark.module_type.col .type1 .module .img-area::before {
  display: none;
}

.display-section .theme-dark .module_type.col .type2 .module .typo-area, .display-section .theme-dark .module_type.col .type3 .module .typo-area, .display-section .theme-dark .module_type.col .type4 .module .typo-area, .display-section .theme-dark.module_type.col .type2 .module .typo-area, .display-section .theme-dark.module_type.col .type3 .module .typo-area, .display-section .theme-dark.module_type.col .type4 .module .typo-area {
  padding-left: 0;
}

.display-section .theme-dark .module_type.col .type2 .module .typo-area, .display-section .theme-dark.module_type.col .type2 .module .typo-area {
  padding-right: 40px;
}

@media all and (max-width: 959px) {
  .display-section .theme-dark .module_type.col .type2 .module .typo-area, .display-section .theme-dark.module_type.col .type2 .module .typo-area {
    padding-right: 24px;
  }
}

.display-section .theme-dark .module_type.col .type3 .module .typo-area, .display-section .theme-dark .module_type.col .type4 .module .typo-area, .display-section .theme-dark.module_type.col .type3 .module .typo-area, .display-section .theme-dark.module_type.col .type4 .module .typo-area {
  padding-right: 40px;
}

@media all and (max-width: 959px) {
  .display-section .theme-dark .module_type.col .type3 .module .typo-area, .display-section .theme-dark .module_type.col .type4 .module .typo-area, .display-section .theme-dark.module_type.col .type3 .module .typo-area, .display-section .theme-dark.module_type.col .type4 .module .typo-area {
    padding-right: 24px;
  }
}

@media all and (max-width: 959px) {
  .display-section .theme-dark .module_type.col.swiper-container .type4 .module .typo-area, .display-section .theme-dark.module_type.col.swiper-container .type4 .module .typo-area {
    padding-right: 24px;
  }
}

.display-section .theme-dark .module_type.row .type2 .module .img-area::before, .display-section .theme-dark.module_type.row .type2 .module .img-area::before {
  display: none !important;
}

.display-section .theme-dark .module_type.row .type2 .module .typo-area .typo-inner dl dt, .display-section .theme-dark.module_type.row .type2 .module .typo-area .typo-inner dl dt {
  color: #fff !important;
}

.display-section .theme-dark .module_type.row .type2 .module .typo-area .typo-inner dl dd, .display-section .theme-dark.module_type.row .type2 .module .typo-area .typo-inner dl dd {
  color: rgba(255, 255, 255, 0.6) !important;
}

.display-section .theme-dark .module_type.row .type2 .module .typo-area .tag_label .inner .flag_txt, .display-section .theme-dark.module_type.row .type2 .module .typo-area .tag_label .inner .flag_txt {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 50px;
}

.display-section .theme-dark .module_type.row .type2 .module .typo-area .tag_label .inner a, .display-section .theme-dark .module_type.row .type2 .module .typo-area .tag_label .inner .flag_txt, .display-section .theme-dark.module_type.row .type2 .module .typo-area .tag_label .inner a, .display-section .theme-dark.module_type.row .type2 .module .typo-area .tag_label .inner .flag_txt {
  color: rgba(255, 255, 255, 0.6) !important;
}

.display-section .theme-dark .module_type.square .type4.box .module .typo-area, .display-section .theme-dark.module_type.square .type4.box .module .typo-area {
  padding-left: 0;
}

.display-section .theme-dark .module_type.square .type4.box .module .typo-area .typo-inner dl dt, .display-section .theme-dark.module_type.square .type4.box .module .typo-area .typo-inner dl dt {
  color: #fff;
}

.display-section .theme-dark .module_type.square .type4.box .module .typo-area .typo-inner dl dd, .display-section .theme-dark.module_type.square .type4.box .module .typo-area .typo-inner dl dd {
  color: rgba(255, 255, 255, 0.6);
}

.display-section .theme-dark .module_type.square .type4.box .module .typo-area .tag_label .inner .flag_txt, .display-section .theme-dark.module_type.square .type4.box .module .typo-area .tag_label .inner .flag_txt {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50px;
}

.display-section .theme-dark .module_type.square .type4.box .module .typo-area .tag_label .inner a, .display-section .theme-dark .module_type.square .type4.box .module .typo-area .tag_label .inner .flag_txt, .display-section .theme-dark.module_type.square .type4.box .module .typo-area .tag_label .inner a, .display-section .theme-dark.module_type.square .type4.box .module .typo-area .tag_label .inner .flag_txt {
  color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .display-section .theme-dark .module_type.square .type4.box .module .typo-area, .display-section .theme-dark.module_type.square .type4.box .module .typo-area {
    padding-right: 39px;
  }
}

@media all and (max-width: 959px) {
  .display-section .theme-dark .module_type.square.swiper-container .type4.box .module .typo-area, .display-section .theme-dark.module_type.square.swiper-container .type4.box .module .typo-area {
    padding-right: 44px;
  }
}

.display-section .theme-dark.swiper_button {
  color: rgba(255, 255, 255, 0.6);
}

.display-section .theme-dark.swiper_button .swiper-button-disabled i::before,
.display-section .theme-dark.swiper_button .swiper-button-disabled i::before {
  opacity: 0.2;
}

@media all and (max-width: 959px) {
  .display-section .theme-dark.swiper_button {
    display: none;
  }
}

.display-section .content-panel .swiper_box {
  position: relative;
}

.display-section .content-panel .swiper_box .w_full {
  padding: 0 12px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .swiper_box .w_full {
    padding: 0 5px;
  }
}

.display-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev, .display-section .content-panel .swiper_box .swiper_button .js-pagearrow_next {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translate(0, -50%);
}

.display-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev.swiper-button-disabled, .display-section .content-panel .swiper_box .swiper_button .js-pagearrow_next.swiper-button-disabled {
  display: none;
}

.display-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev i, .display-section .content-panel .swiper_box .swiper_button .js-pagearrow_next i {
  position: relative;
  display: block;
  /* width: 52px; height: 52px; border-radius: 26px; */
  width: 54px;
  height: 54px;
  border-radius: 27px;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.06), 0 8px 18px 0 rgba(0, 0, 0, 0.06);
}

.display-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev i::before, .display-section .content-panel .swiper_box .swiper_button .js-pagearrow_next i::before {
  font-size: 54px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
}

.display-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev i img, .display-section .content-panel .swiper_box .swiper_button .js-pagearrow_next i img {
  width: 100%;
  height: 100%;
}

.display-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev {
  left: -27px;
}

.display-section .content-panel .swiper_box .swiper_button .js-pagearrow_next {
  right: -27px;
  text-align: right;
}

.display-section .content-panel .swiper_box .swiper_button .spf::before {
  font-size: 48px;
}

.display-section .content-panel .swiper_box .swiper_button .swiper-button-disabled i::before,
.display-section .content-panel .swiper_box .swiper_button .swiper-button-disabled i::before {
  opacity: 0.2;
}

.display-section .content-panel .swiper_box .swiper_button.theme-dark .js-pagearrow_prev i, .display-section .content-panel .swiper_box .swiper_button.theme-dark .js-pagearrow_next i {
  background-color: rgba(255, 255, 255, 0.6);
}

.display-section .content-panel .swiper_box .swiper_button.theme-dark .js-pagearrow_prev i::before, .display-section .content-panel .swiper_box .swiper_button.theme-dark .js-pagearrow_next i::before {
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .display-section .content-panel .swiper_box .swiper_button {
    display: none;
  }
}

.display-section .content-panel .swiper_box.type-col_type .swiper_button .js-pagearrow_prev, .display-section .content-panel .swiper_box.type-col_type .swiper_button .js-pagearrow_next {
  top: 88px;
}

.display-section .content-panel .swiper_box.type-square_type .swiper_button .js-pagearrow_prev, .display-section .content-panel .swiper_box.type-square_type .swiper_button .js-pagearrow_next {
  top: 156px;
}

.display-section .content-panel .module {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  overflow: hidden;
  height: 100%;
  background: #fff;
}

.display-section .content-panel .module .img-area {
  position: relative;
}

.display-section .content-panel .module .img-area::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  background: #fff;
}

.display-section .content-panel .module .img-area .img-box {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}

.display-section .content-panel .module .img-area .img-box .lazyload-wrapper {
  width: 100%;
  height: 100%;
  display: inline-table;
}

.display-section .content-panel .module .img-area .img-box .lazyload-wrapper img {
  width: 100%;
}

.display-section .content-panel .module .img-area .label_wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 6;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.display-section .content-panel .module .img-area .label_wrap .label {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.01em;
  max-width: 100%;
  padding: 6px 12px;
  background: #111;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 6px;
  overflow: hidden;
}

.display-section .content-panel .module .img-area .time_wrap {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 6;
}

.display-section .content-panel .module .img-area .time_wrap .time {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  letter-spacing: -0.01em;
  padding: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  overflow: hidden;
}

.display-section .content-panel .module .img-area .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  display: flex;
}

.display-section .content-panel .module .img-area .play-btn a {
  font-size: 0;
}

.display-section .content-panel .module .img-area .play-btn .icon_play_btn {
  display: block;
  width: 72px;
  height: 72px;
  background: url("../images/common/icon-play_72.png") no-repeat center;
  background-size: 100% auto;
}

.display-section .content-panel .module .typo-area {
  position: relative;
}

.display-section .content-panel .module .typo-area .typo-inner a {
  display: block;
}

.display-section .content-panel .module .typo-area .typo-inner dl dt, .display-section .content-panel .module .typo-area .typo-inner dl dd {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.display-section .content-panel .module .typo-area .typo-inner dl dt {
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #000;
}

.display-section .content-panel .module .typo-area .typo-inner dl dd {
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #666;
}

.display-section .content-panel .module .typo-area .tag_label {
  margin-top: 24px;
}

.display-section .content-panel .module .typo-area .tag_label .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.display-section .content-panel .module .typo-area .tag_label .inner .tag_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  overflow: hidden;
}

.display-section .content-panel .module .typo-area .tag_label .inner a {
  font-weight: 500;
  float: left;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
  text-decoration: underline;
}

.display-section .content-panel .module .typo-area .tag_label .inner .flag_txt {
  font-weight: 700;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
}

.display-section .content-panel .module .typo-area .tag_label .inner a, .display-section .content-panel .module .typo-area .tag_label .inner .flag_txt {
  color: rgba(0, 0, 0, 0.5);
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module {
    border-radius: 4px;
  }
  .display-section .content-panel .module .img-area .img-box {
    border-radius: 4px;
  }
  .display-section .content-panel .module .img-area .label_wrap .label {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
  }
  .display-section .content-panel .module .img-area .time_wrap {
    bottom: 4px;
    right: 4px;
  }
  .display-section .content-panel .module .img-area .time_wrap .time {
    font-size: 13px;
    line-height: 13px;
    padding: 3px 6px 6px;
    border-radius: 4px;
  }
  .display-section .content-panel .module .img-area .play-btn .icon_play_btn {
    width: 40px;
    height: 40px;
    background: url("../images/common/icon-play_40.png") no-repeat center;
  }
  .display-section .content-panel .module .img-area .info_adult .icon_adult {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
  }
  .display-section .content-panel .module .img-area .info_adult .info_txt {
    font-size: 18px;
    line-height: 30px;
  }
  .display-section .content-panel .module .typo-area .tag_label {
    margin-top: 12px;
  }
  .display-section .content-panel .module .typo-area .tag_label .inner .flag_txt {
    padding: 8px 12px;
    margin-bottom: 0;
  }
}

.display-section .content-panel .module_type + .module_type {
  margin-top: 24px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type + .module_type {
    margin-top: 10px;
  }
}

.display-section .content-panel .module_type + .swiper_box {
  margin-top: 24px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type + .swiper_box {
    margin-top: 10px;
  }
}

.display-section .content-panel .swiper_box + .module_type {
  margin-top: 24px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .swiper_box + .module_type {
    margin-top: 10px;
  }
}

@media all and (max-width: 959px) {
  .display-section .content-panel .sort_menu-wrap + .swiper_box {
    margin-top: 0;
  }
}

.display-section .content-panel .module_type > ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-top: -24px;
}

.display-section .content-panel .module_type > ul li {
  padding: 0 12px;
  float: left;
  margin-top: 24px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type > ul {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-top: -10px;
  }
  .display-section .content-panel .module_type > ul li {
    padding: 0 5px;
    margin-top: 10px;
  }
}

.display-section .content-panel .module_type .type1 {
  width: 100%;
  margin: 0;
  display: inline-block;
}

.display-section .content-panel .module_type .type1 li {
  padding: 0;
}

.display-section .content-panel .module_type .type1 li:first-child {
  margin-top: 0;
}

.display-section .content-panel .module_type .type1 li .module .img-area {
  position: relative;
}

.display-section .content-panel .module_type .type1 li .module .img-area::before {
  display: block;
  content: "";
  position: absolute;
  left: auto;
  bottom: 0;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background: #fff;
}

.display-section .content-panel .module_type .type1 li .module .typo-area .typo-inner dl dt {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.03em;
}

.display-section .content-panel .module_type .type1 li .module .typo-area .typo-inner dl dd {
  font-size: 16px;
  line-height: 26px;
  margin-top: 12px;
}

.display-section .content-panel .module_type .type1 li .module .typo-area .tag_label {
  width: calc(100% + 14px);
  margin-left: -7px;
  margin-top: 16px;
}

.display-section .content-panel .module_type .type1 li .module .typo-area .tag_label .inner {
  height: 46px;
}

.display-section .content-panel .module_type .type1 li .module .typo-area .tag_label .inner .tag_list {
  height: 46px;
}

.display-section .content-panel .module_type .type1 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type .type1 li .module .typo-area .tag_label .inner .flag_txt {
  margin: 0 7px;
  font-size: 16px;
  line-height: 23px;
}

.display-section .content-panel .module_type .type1 li .module .typo-area .tag_label .inner .flag_txt {
  line-height: 22px;
  padding: 12px 20px;
  margin-bottom: -8px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type .type1 li .module .typo-area .typo-inner dl dt {
    font-size: 12px;
    line-height: 17px;
  }
  .display-section .content-panel .module_type .type1 li .module .typo-area .typo-inner dl dd {
    font-size: 11px;
    line-height: 15px;
    margin-top: 6px;
  }
  .display-section .content-panel .module_type .type1 li .module .tag_label {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-top: 16px;
  }
  .display-section .content-panel .module_type .type1 li .module .tag_label .inner .tag_list {
    height: 42px;
  }
  .display-section .content-panel .module_type .type1 li .module .tag_label .inner a, .display-section .content-panel .module_type .type1 li .module .tag_label .inner .flag_txt {
    font-size: 14px;
    line-height: 21px;
    margin: 0 5px;
  }
  .display-section .content-panel .module_type .type1 li .module .tag_label .inner .flag_txt {
    line-height: 20px;
    padding: 10px 18px;
  }
}

.display-section .content-panel .module_type .type2 li {
  width: 50%;
}

.display-section .content-panel .module_type .type2 li .module .typo-area {
  padding: 20px 40px 32px 24px;
}

.display-section .content-panel .module_type .type2 li .module .typo-area .typo-inner dl dt {
  font-size: 24px;
  line-height: 36px;
}

.display-section .content-panel .module_type .type2 li .module .typo-area .typo-inner dl dd {
  font-size: 16px;
  line-height: 26px;
  margin-top: 12px;
}

.display-section .content-panel .module_type .type2 li .module .typo-area .tag_label .inner {
  height: 46px;
}

.display-section .content-panel .module_type .type2 li .module .typo-area .tag_label .inner .tag_list {
  height: 46px;
}

.display-section .content-panel .module_type .type2 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type .type2 li .module .typo-area .tag_label .inner .flag_txt {
  margin: 0 7px;
  font-size: 16px;
  line-height: 23px;
}

.display-section .content-panel .module_type .type2 li .module .typo-area .tag_label .inner .flag_txt {
  line-height: 22px;
  padding: 11px 20px;
  margin-top: 8px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type .type2 li {
    width: 100%;
  }
  .display-section .content-panel .module_type .type2 li .module .typo-area {
    padding: 12px 32px 20px 20px;
  }
  .display-section .content-panel .module_type .type2 li .module .typo-area .typo-inner dl dt {
    font-size: 16px;
    line-height: 26px;
    max-height: 52px;
  }
  .display-section .content-panel .module_type .type2 li .module .typo-area .typo-inner dl dd {
    font-size: 13px;
    line-height: 19px;
    max-height: 39px;
    margin-top: 6px;
  }
  .display-section .content-panel .module_type .type2 li .module .typo-area .tag_label {
    right: 32px;
  }
  .display-section .content-panel .module_type .type2 li .module .typo-area .tag_label .inner {
    height: 40px;
  }
  .display-section .content-panel .module_type .type2 li .module .typo-area .tag_label .inner .tag_list {
    height: 40px;
  }
  .display-section .content-panel .module_type .type2 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type .type2 li .module .typo-area .tag_label .inner .flag_txt {
    font-size: 14px;
    line-height: 20px;
    margin: 0 5px;
  }
  .display-section .content-panel .module_type .type2 li .module .typo-area .tag_label .inner .flag_txt {
    line-height: 20px;
    padding: 10px 18px;
    margin-top: 4px;
  }
}

.display-section .content-panel .module_type .type3 li {
  width: 33.33333333333333%;
}

.display-section .content-panel .module_type .type3 li .module .typo-area {
  padding: 20px 40px 32px 24px;
}

.display-section .content-panel .module_type .type3 li .module .typo-area .typo-inner dl dt {
  font-size: 20px;
  line-height: 30px;
}

.display-section .content-panel .module_type .type3 li .module .typo-area .typo-inner dl dd {
  font-size: 16px;
  line-height: 26px;
  margin-top: 8px;
}

.display-section .content-panel .module_type .type3 li .module .typo-area .tag_label .inner {
  height: 40px;
}

.display-section .content-panel .module_type .type3 li .module .typo-area .tag_label .inner .tag_list {
  height: 40px;
}

.display-section .content-panel .module_type .type3 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type .type3 li .module .typo-area .tag_label .inner .flag_txt {
  margin: 0 5px;
  font-size: 14px;
  line-height: 20px;
}

.display-section .content-panel .module_type .type3 li .module .typo-area .tag_label .inner .flag_txt {
  font-size: 16px;
  line-height: 22px;
  padding: 11px 20px;
  margin-top: 3px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type .type3 li {
    width: 50%;
  }
  .display-section .content-panel .module_type .type3 li .module .img-area .time_wrap .time {
    font-size: 10px;
    line-height: 12px;
    padding: 2px 4px;
  }
  .display-section .content-panel .module_type .type3 li .module .img-area .play-btn .icon_play_btn {
    width: 24px;
    height: 24px;
    background: url("../images/common/icon-play_24.png") no-repeat center;
  }
  .display-section .content-panel .module_type .type3 li .module .typo-area {
    padding: 10px 16px 20px 14px;
  }
  .display-section .content-panel .module_type .type3 li .module .typo-area .typo-inner dl dt {
    font-size: 13px;
    line-height: 20px;
    max-height: 40px;
  }
  .display-section .content-panel .module_type .type3 li .module .typo-area .typo-inner dl dd {
    font-size: 12px;
    line-height: 16px;
    max-height: 34px;
    margin-top: 2px;
  }
  .display-section .content-panel .module_type .type3 li .module .typo-area .tag_label .inner {
    height: 30px;
  }
  .display-section .content-panel .module_type .type3 li .module .typo-area .tag_label .inner .tag_list {
    height: 30px;
  }
  .display-section .content-panel .module_type .type3 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type .type3 li .module .typo-area .tag_label .inner .flag_txt {
    font-size: 10px;
    line-height: 15px;
    margin: 0 3px;
  }
  .display-section .content-panel .module_type .type3 li .module .typo-area .tag_label .inner .flag_txt {
    font-size: 10px;
    line-height: 14px;
    padding: 8px 12px;
    margin-top: 4px;
  }
}

.display-section .content-panel .module_type .type4 li {
  width: 25%;
}

.display-section .content-panel .module_type .type4 li .module .typo-area {
  padding: 16px 40px 32px 24px;
}

.display-section .content-panel .module_type .type4 li .module .typo-area .typo-inner dl dt {
  font-size: 18px;
  line-height: 28px;
}

.display-section .content-panel .module_type .type4 li .module .typo-area .typo-inner dl dd {
  font-size: 15px;
  line-height: 24px;
  margin-top: 8px;
}

.display-section .content-panel .module_type .type4 li .module .typo-area .tag_label .inner {
  height: 40px;
}

.display-section .content-panel .module_type .type4 li .module .typo-area .tag_label .inner .tag_list {
  height: 40px;
}

.display-section .content-panel .module_type .type4 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type .type4 li .module .typo-area .tag_label .inner .flag_txt {
  margin: 0 5px;
  font-size: 14px;
  line-height: 20px;
}

.display-section .content-panel .module_type .type4 li .module .typo-area .tag_label .inner .flag_txt {
  padding: 9px 18px;
  margin-bottom: 0;
  margin-top: 8px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type .type4 li {
    width: 50%;
  }
  .display-section .content-panel .module_type .type4 li .module .img-area .time_wrap .time {
    font-size: 10px;
    line-height: 12px;
    padding: 2px 4px;
  }
  .display-section .content-panel .module_type .type4 li .module .img-area .play-btn .icon_play_btn {
    width: 24px;
    height: 24px;
    background: url("../images/common/icon-play_24.png") no-repeat center;
  }
  .display-section .content-panel .module_type .type4 li .module .typo-area {
    padding: 10px 16px 20px 14px;
  }
  .display-section .content-panel .module_type .type4 li .module .typo-area .typo-inner dl dt {
    font-size: 13px;
    line-height: 20px;
    max-height: 40px;
  }
  .display-section .content-panel .module_type .type4 li .module .typo-area .typo-inner dl dd {
    font-size: 12px;
    line-height: 16px;
    max-height: 34px;
    margin-top: 2px;
  }
  .display-section .content-panel .module_type .type4 li .module .typo-area .tag_label .inner {
    height: 30px;
  }
  .display-section .content-panel .module_type .type4 li .module .typo-area .tag_label .inner .tag_list {
    height: 30px;
  }
  .display-section .content-panel .module_type .type4 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type .type4 li .module .typo-area .tag_label .inner .flag_txt {
    font-size: 10px;
    line-height: 15px;
    margin: 0 3px;
  }
  .display-section .content-panel .module_type .type4 li .module .typo-area .tag_label .inner .flag_txt {
    font-size: 10px;
    line-height: 14px;
    padding: 8px 12px;
    margin-top: 4px;
  }
}

.display-section .content-panel .module_type.swiper-container {
  display: inline-block;
  width: calc(100% + 24px);
  margin-left: -12px;
  overflow: hidden;
  margin-top: 0;
  padding-bottom: 6px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.swiper-container {
    width: calc(100% + 10px);
    margin-left: -5px;
    overflow: visible;
  }
}

.display-section .content-panel .module_type.swiper-container > ul {
  position: relative;
  flex-wrap: nowrap;
  margin-top: 0;
  width: 100%;
  margin-left: 0;
}

.display-section .content-panel .module_type.swiper-container > ul li {
  margin-top: 0;
  height: 100%;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.swiper-container > ul {
    margin-left: 0;
  }
  .display-section .content-panel .module_type.swiper-container > ul li {
    width: 100%;
    margin-top: 0;
  }
  .display-section .content-panel .module_type.swiper-container > ul li .module .img-area .time_wrap .time {
    font-size: 13px;
    line-height: 13px;
    padding: 3px 6px 6px;
  }
  .display-section .content-panel .module_type.swiper-container > ul li .module .img-area .play-btn .icon_play_btn {
    display: block;
    width: 40px;
    height: 40px;
    background: url("../images/common/icon-play_40.png") no-repeat center;
  }
  .display-section .content-panel .module_type.swiper-container > ul li .module .typo-area {
    padding: 10px 24px 20px 20px;
  }
  .display-section .content-panel .module_type.swiper-container > ul li .module .typo-area .typo-inner dl dt {
    font-size: 16px;
    line-height: 26px;
    max-height: 52px;
  }
  .display-section .content-panel .module_type.swiper-container > ul li .module .typo-area .typo-inner dl dd {
    font-size: 13px;
    line-height: 19px;
    max-height: 38px;
    margin-top: 6px;
  }
  .display-section .content-panel .module_type.swiper-container > ul li .module .typo-area .tag_label {
    right: 24px;
  }
  .display-section .content-panel .module_type.swiper-container > ul li .module .typo-area .tag_label .inner {
    height: 40px;
  }
  .display-section .content-panel .module_type.swiper-container > ul li .module .typo-area .tag_label .inner .tag_list {
    height: 40px;
  }
  .display-section .content-panel .module_type.swiper-container > ul li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type.swiper-container > ul li .module .typo-area .tag_label .inner .flag_txt {
    font-size: 14px;
    line-height: 20px;
  }
  .display-section .content-panel .module_type.swiper-container > ul li .module .typo-area .tag_label .inner .flag_txt {
    padding: 10px 18px;
  }
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.swiper-container.swiper-container-initialized li {
    width: 80%;
  }
}

.display-section .content-panel .module_type.col .type1 {
  width: 100%;
  margin: 0;
}

.display-section .content-panel .module_type.col .type1 li {
  padding: 0;
  float: none;
}

.display-section .content-panel .module_type.col .type1 li:first-child {
  margin-top: 0;
}

.display-section .content-panel .module_type.col .type1 li .module {
  display: flex;
  justify-content: space-between;
  justify-content: space-between;
}

.display-section .content-panel .module_type.col .type1 li .module .img-area {
  width: 49.09090909090909%;
  max-height: 364px;
}

.display-section .content-panel .module_type.col .type1 li .module .img-area .img_empty {
  padding: 0px 130px;
}

.display-section .content-panel .module_type.col .type1 li .module .typo-area {
  width: calc(100% - 49.09090909090909%);
  padding: 40px 50px 162px 32px;
}

.display-section .content-panel .module_type.col .type1 li .module .typo-area .typo-inner dl dt {
  max-height: 72px;
}

.display-section .content-panel .module_type.col .type1 li .module .typo-area .typo-inner dl dd {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 78px;
}

.display-section .content-panel .module_type.col .type1 li .module .typo-area .tag_label {
  position: absolute;
  left: 32px;
  right: 50px;
  bottom: 32px;
  width: auto;
}

.display-section .content-panel .module_type.col .type1 li .module .typo-area .tag_label .inner {
  max-height: 48px;
  min-height: 48px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.col .type1 li .module .img-area {
    min-width: 160px;
  }
  .display-section .content-panel .module_type.col .type1 li .module .img-area .time_wrap .time {
    font-size: 10px;
    line-height: 12px;
    padding: 2px 4px 2px;
  }
  .display-section .content-panel .module_type.col .type1 li .module .img-area .play-btn .icon_play_btn {
    width: 24px;
    height: 24px;
    background: url("../images/common/icon-play_24.png") no-repeat center;
  }
  .display-section .content-panel .module_type.col .type1 li .module .img-area .img_empty {
    padding: 0px 15%;
  }
  .display-section .content-panel .module_type.col .type1 li .module .img-area .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .display-section .content-panel .module_type.col .type1 li .module .img-area .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
  .display-section .content-panel .module_type.col .type1 li .module .typo-area {
    width: calc(100% - 49.1%);
    padding: 10px 16px 10px 16px;
  }
  .display-section .content-panel .module_type.col .type1 li .module .typo-area .typo-inner {
    min-height: auto;
    padding-right: 16px;
  }
  .display-section .content-panel .module_type.col .type1 li .module .typo-area .typo-inner dl dt {
    max-height: 34px;
  }
  .display-section .content-panel .module_type.col .type1 li .module .typo-area .typo-inner dl dd {
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .display-section .content-panel .module_type.col .type1 li .module .typo-area .tag_label {
    display: none;
  }
}

.display-section .content-panel .module_type.col .type2 li .module .img-area .img_empty {
  padding: 0px 130px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.col .type2 li .module .img-area .img_empty {
    padding: 0px 18.29%;
  }
}

.display-section .content-panel .module_type.col .type3 li .module .img-area .img_empty {
  padding: 0px 60px;
}

.display-section .content-panel .module_type.col .type3 li .module .img-area .info_adult .icon_adult {
  width: 54px;
  height: 54px;
  margin-bottom: 10px;
}

.display-section .content-panel .module_type.col .type3 li .module .img-area .info_adult .info_txt {
  font-size: 24px;
  line-height: 38px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.col .type3 li .module .img-area .img_empty {
    padding: 0px 15%;
  }
  .display-section .content-panel .module_type.col .type3 li .module .img-area .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .display-section .content-panel .module_type.col .type3 li .module .img-area .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
}

.display-section .content-panel .module_type.col .type4 li .module .img-area .play-btn .icon_play_btn {
  width: 48px;
  height: 48px;
}

.display-section .content-panel .module_type.col .type4 li .module .img-area .img_empty {
  padding: 0px 52px;
}

.display-section .content-panel .module_type.col .type4 li .module .img-area .info_adult .icon_adult {
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
}

.display-section .content-panel .module_type.col .type4 li .module .img-area .info_adult .info_txt {
  font-size: 18px;
  line-height: 30px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.col .type4 li .module .img-area .play-btn .icon_play_btn {
    width: 24px;
    height: 24px;
  }
  .display-section .content-panel .module_type.col .type4 li .module .img-area .img_empty {
    padding: 0px 15%;
  }
  .display-section .content-panel .module_type.col .type4 li .module .img-area .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .display-section .content-panel .module_type.col .type4 li .module .img-area .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.col .type4.swiper-wrapper li .module .img-area .play-btn .icon_play_btn {
    width: 60px;
    height: 60px;
    background: url("../images/common/icon-play_72.png") no-repeat center;
    background-size: 100% auto;
  }
  .display-section .content-panel .module_type.col .type4.swiper-wrapper li .module .img-area .info_adult .icon_adult {
    width: 36px;
    height: 36px;
    margin-bottom: 8px;
  }
  .display-section .content-panel .module_type.col .type4.swiper-wrapper li .module .img-area .info_adult .info_txt {
    font-size: 16px;
    line-height: 28px;
  }
}

.display-section .content-panel .module_type.row .module {
  position: relative;
}

.display-section .content-panel .module_type.row .module::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* Permalink */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
  /* IE6-9 */
}

.display-section .content-panel .module_type.row .module .img-area .img-box {
  padding-bottom: 143.9102%;
}

.display-section .content-panel .module_type.row .module .img-area .play-btn {
  top: 38%;
}

.display-section .content-panel .module_type.row .module .typo-area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: transparent;
  padding-bottom: 32px;
}

.display-section .content-panel .module_type.row .module .typo-area .typo-inner dl dt, .display-section .content-panel .module_type.row .module .typo-area .typo-inner dl dd {
  color: #fff;
}

.display-section .content-panel .module_type.row .module .typo-area .typo-inner dl dd {
  color: rgba(255, 255, 255, 0.6);
}

.display-section .content-panel .module_type.row .module .typo-area .tag_label {
  position: static;
}

.display-section .content-panel .module_type.row .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type.row .module .typo-area .tag_label .inner .flag_txt {
  color: rgba(255, 255, 255, 0.6);
}

.display-section .content-panel .module_type.row .module .typo-area .tag_label .inner .flag_txt {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.row .module .img-area .play-btn {
    top: 28%;
  }
  .display-section .content-panel .module_type.row .module .typo-area {
    padding: 0 16px 20px 14px;
  }
}

.display-section .content-panel .module_type.row .type2 li {
  width: 50%;
}

.display-section .content-panel .module_type.row .type2 li .module {
  display: flex;
}

.display-section .content-panel .module_type.row .type2 li .module::after {
  display: none;
}

.display-section .content-panel .module_type.row .type2 li .module .img-area {
  width: 48.14814814814815%;
}

.display-section .content-panel .module_type.row .type2 li .module .img-area::before {
  display: block;
  content: "";
  position: absolute;
  left: auto;
  bottom: 0;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background: #fff;
}

.display-section .content-panel .module_type.row .type2 li .module .img-area .time_wrap .time {
  font-size: 13px;
  line-height: 13px;
  padding: 6px;
}

.display-section .content-panel .module_type.row .type2 li .module .img-area .play-btn {
  top: 50%;
}

.display-section .content-panel .module_type.row .type2 li .module .img-area .img_empty {
  padding: 0 52px;
}

.display-section .content-panel .module_type.row .type2 li .module .typo-area {
  position: relative;
  width: calc(100% - 48.14814814814815%);
  padding: 32px 40px 176px 32px;
}

.display-section .content-panel .module_type.row .type2 li .module .typo-area .typo-inner dl dt {
  max-height: 72px;
  color: #000;
}

.display-section .content-panel .module_type.row .type2 li .module .typo-area .typo-inner dl dd {
  max-height: 156px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label {
  position: absolute;
  left: 30px;
  right: 40px;
  bottom: 32px;
  width: auto;
}

.display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label .inner {
  height: 46px;
}

.display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label .inner .tag_list {
  height: 46px;
}

.display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label .inner .flag_txt {
  color: rgba(0, 0, 0, 0.6);
}

.display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label .inner .flag_txt {
  border-color: rgba(0, 0, 0, 0.1);
  margin-top: 0;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.row .type2 li {
    width: 100%;
  }
  .display-section .content-panel .module_type.row .type2 li .module .img-area .time_wrap .time {
    font-size: 10px;
    line-height: 12px;
    padding: 2px 4px;
  }
  .display-section .content-panel .module_type.row .type2 li .module .img-area .play-btn {
    top: 50%;
  }
  .display-section .content-panel .module_type.row .type2 li .module .img-area .img_empty {
    padding: 0 15%;
    /*padding:0 24px;*/
  }
  .display-section .content-panel .module_type.row .type2 li .module .img-area .info_adult .icon_adult {
    width: 36px;
    height: 36px;
    margin-bottom: 8px;
  }
  .display-section .content-panel .module_type.row .type2 li .module .img-area .info_adult .info_txt {
    font-size: 16px;
    line-height: 28px;
  }
  .display-section .content-panel .module_type.row .type2 li .module .typo-area {
    position: relative;
    padding: 16px 16px 60px 16px;
  }
  .display-section .content-panel .module_type.row .type2 li .module .typo-area .typo-inner dl dt {
    max-height: 52px;
  }
  .display-section .content-panel .module_type.row .type2 li .module .typo-area .typo-inner dl dd {
    max-height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
  }
  .display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label .inner {
    height: 30px;
  }
  .display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label .inner .tag_list {
    height: 30px;
  }
  .display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label .inner .flag_txt {
    font-size: 10px;
    line-height: 15px;
    margin: 0 3px;
  }
  .display-section .content-panel .module_type.row .type2 li .module .typo-area .tag_label .inner .flag_txt {
    font-size: 10px;
    line-height: 14px;
    padding: 8px 12px;
  }
}

.display-section .content-panel .module_type.row .type3 li .module .typo-area {
  padding-bottom: 32px;
}

.display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label {
  margin-top: 10px;
}

.display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label .inner {
  height: 46px;
}

.display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label .inner .tag_list {
  height: 46px;
}

.display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label .inner .flag_txt {
  margin: 0 7px;
  font-size: 16px;
  line-height: 23px;
}

.display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label .inner .flag_txt {
  font-size: 16px;
  line-height: 23px;
  margin-top: 8px;
}

.display-section .content-panel .module_type.row .type3 li .module .img_empty {
  padding: 0px 60px 208px;
}

.display-section .content-panel .module_type.row .type3 li .module .info_adult {
  padding-bottom: 208px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.row .type3 li .module .img-area .play-btn .icon_play_btn {
    display: block;
    width: 32px;
    height: 32px;
    background: url("../images/common/icon-play_32.png") no-repeat center;
  }
  .display-section .content-panel .module_type.row .type3 li .module .img-area .info_adult {
    padding-bottom: 134px;
  }
  .display-section .content-panel .module_type.row .type3 li .module .img-area .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .display-section .content-panel .module_type.row .type3 li .module .img-area .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
  .display-section .content-panel .module_type.row .type3 li .module .typo-area {
    padding-bottom: 20px;
  }
  .display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label .inner {
    height: 30px;
  }
  .display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label .inner .tag_list {
    height: 30px;
  }
  .display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label .inner .flag_txt {
    margin: 0 5px;
    font-size: 10px;
    line-height: 15px;
  }
  .display-section .content-panel .module_type.row .type3 li .module .typo-area .tag_label .inner .flag_txt {
    font-size: 10px;
    line-height: 15px;
    margin-top: 2px;
  }
}

.display-section .content-panel .module_type.row .type4 li .module .typo-area {
  padding-bottom: 32px;
}

.display-section .content-panel .module_type.row .type4 li .module .typo-area .tag_label {
  margin-top: 8px;
}

.display-section .content-panel .module_type.row .type4 li .module .img_empty {
  padding: 0px 52px 192px;
}

.display-section .content-panel .module_type.row .type4 li .module .info_adult {
  padding-bottom: 192px;
}

.display-section .content-panel .module_type.row .type4 li .module .info_adult .icon_adult {
  width: 54px;
  height: 54px;
  margin-bottom: 10px;
}

.display-section .content-panel .module_type.row .type4 li .module .info_adult .info_txt {
  font-size: 24px;
  line-height: 38px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.row .type4 li .module .img-area .play-btn .icon_play_btn {
    display: block;
    width: 32px;
    height: 32px;
    background: url("../images/common/icon-play_32.png") no-repeat center;
  }
  .display-section .content-panel .module_type.row .type4 li .module .img-area .info_adult {
    padding-bottom: 134px;
  }
  .display-section .content-panel .module_type.row .type4 li .module .img-area .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .display-section .content-panel .module_type.row .type4 li .module .img-area .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
  .display-section .content-panel .module_type.row .type4 li .module .typo-area {
    padding-bottom: 20px;
  }
  .display-section .content-panel .module_type.row .type4.swiper-wrapper li .module .img_empty {
    padding: 0px 15% 174px;
    /*padding: 60px 40px 0;*/
  }
  .display-section .content-panel .module_type.row .type4.swiper-wrapper li .module .info_adult {
    padding-bottom: 164px;
  }
  .display-section .content-panel .module_type.row .type4.swiper-wrapper li .module .info_adult .icon_adult {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
  }
  .display-section .content-panel .module_type.row .type4.swiper-wrapper li .module .info_adult .info_txt {
    font-size: 18px;
    line-height: 30px;
  }
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.row .type3 li .module .typo-area, .display-section .content-panel .module_type.row .type4 li .module .typo-area {
    padding: 0 16px 20px 14px;
  }
  .display-section .content-panel .module_type.row .type3 li .module .img_empty, .display-section .content-panel .module_type.row .type4 li .module .img_empty {
    padding: 0 15% 134px;
    /*padding: 30px 24px 0;*/
  }
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.row.swiper-container li .module .img-area .play-btn {
    top: 38%;
  }
  .display-section .content-panel .module_type.row.swiper-container li .module .img-area .play-btn .icon_play_btn {
    width: 60px;
    height: 60px;
    background: url("../images/common/icon-play_72.png") no-repeat center;
    background-size: 100% auto;
  }
  .display-section .content-panel .module_type.row.swiper-container li .module .typo-area {
    padding: 0 24px 20px 20px;
  }
  .display-section .content-panel .module_type.row.swiper-container li .module .typo-area .typo-inner {
    padding-right: 0;
  }
  .display-section .content-panel .module_type.row.swiper-container li .module .typo-area .typo-inner dl dt {
    font-size: 18px;
    line-height: 28px;
    max-height: 56px;
  }
  .display-section .content-panel .module_type.row.swiper-container li .module .typo-area .typo-inner dl dd {
    font-size: 15px;
    line-height: 24px;
    max-height: 48px;
    margin-top: 2px;
  }
}

.display-section .content-panel .module_type.square .module {
  position: relative;
}

.display-section .content-panel .module_type.square .module .img-area .img-box {
  padding-bottom: 100%;
}

.display-section .content-panel .module_type.square .module .img-area .play-btn .icon_play_btn {
  width: 72px;
  height: 72px;
  background: url("../images/common/icon-play_72.png") no-repeat center;
}

.display-section .content-panel .module_type.square .module .img-area .info_adult .icon_adult {
  width: 54px;
  height: 54px;
  margin-bottom: 10px;
}

.display-section .content-panel .module_type.square .module .img-area .info_adult .info_txt {
  font-size: 24px;
  line-height: 38px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.square .module .img-area .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .display-section .content-panel .module_type.square .module .img-area .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
}

.display-section .content-panel .module_type.square .type4 li .module .img-area .img-box {
  padding-bottom: 100%;
}

.display-section .content-panel .module_type.square .type4 li .module .img-area .play-btn .icon_play_btn {
  width: 72px;
  height: 72px;
  background: url("../images/common/icon-play_72.png") no-repeat center;
}

.display-section .content-panel .module_type.square .type4 li .module .img-area .img_empty {
  padding: 0 52px;
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.square .type4 li .module .img-area .play-btn .icon_play_btn {
    width: 32px;
    height: 32px;
    background: url("../images/common/icon-play_32.png") no-repeat center;
  }
  .display-section .content-panel .module_type.square .type4 li .module .img-area .img_empty {
    padding: 0 15%;
    /*padding:0 24px;*/
  }
}

.display-section .content-panel .module_type.square .type4.over li .module::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* Permalink */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
  /* IE6-9 */
}

.display-section .content-panel .module_type.square .type4.over li .module .img-area .img_empty {
  padding: 0px 52px 132px;
}

.display-section .content-panel .module_type.square .type4.over li .module .img-area .info_adult {
  padding-bottom: 132px;
}

.display-section .content-panel .module_type.square .type4.over li .module .typo-area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: transparent;
  padding: 0 40px 24px 24px;
}

.display-section .content-panel .module_type.square .type4.over li .module .typo-area .typo-inner {
  min-height: auto;
}

.display-section .content-panel .module_type.square .type4.over li .module .typo-area .typo-inner dl dt, .display-section .content-panel .module_type.square .type4.over li .module .typo-area .typo-inner dl dd {
  color: #fff;
}

.display-section .content-panel .module_type.square .type4.over li .module .typo-area .typo-inner dl dd {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 4px;
}

.display-section .content-panel .module_type.square .type4.over li .module .typo-area .tag_label .inner {
  min-height: auto;
}

.display-section .content-panel .module_type.square .type4.over li .module .typo-area .tag_label .inner a, .display-section .content-panel .module_type.square .type4.over li .module .typo-area .tag_label .inner .flag_txt {
  color: rgba(255, 255, 255, 0.6);
}

.display-section .content-panel .module_type.square .type4.over li .module .typo-area .tag_label .inner .flag_txt {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.square .type4.over li .module .img-area .img_empty {
    padding: 0px 15% 92px;
    /*padding:30px 24px 0;*/
  }
  .display-section .content-panel .module_type.square .type4.over li .module .img-area .info_adult {
    padding-bottom: 80px;
  }
  .display-section .content-panel .module_type.square .type4.over li .module .typo-area {
    padding: 0 16px 16px 14px;
  }
}

@media all and (max-width: 959px) {
  .display-section .content-panel .module_type.square .type4.swiper-wrapper li .module .img-area .play-btn .icon_play_btn {
    width: 60px;
    height: 60px;
    background: url("../images/common/icon-play_72.png") no-repeat center;
    background-size: 100% auto;
  }
  .display-section .content-panel .module_type.square .type4.swiper-wrapper li .module .img-area .img_empty {
    padding: 0 15%;
    /*padding:0 40px;*/
  }
  .display-section .content-panel .module_type.square .type4.swiper-wrapper li .module .img-area .info_adult .icon_adult {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
  }
  .display-section .content-panel .module_type.square .type4.swiper-wrapper li .module .img-area .info_adult .info_txt {
    font-size: 18px;
    line-height: 30px;
  }
  .display-section .content-panel .module_type.square .type4.swiper-wrapper.over li .module .img-area .img_empty {
    padding: 0px  15% 110px;
    /*padding:50px 40px 0;*/
  }
  .display-section .content-panel .module_type.square .type4.swiper-wrapper.over li .module .img-area .info_adult {
    padding-bottom: 90px;
  }
}

.w_full {
  width: 100% !important;
}

.w_full .no_module {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #F8F8F8;
  border-radius: 12px;
  height: 450px;
}

@media all and (max-width: 959px) {
  .w_full .no_module {
    height: auto;
    padding: 104px 0;
    margin-bottom: 40px;
  }
}

.w_full .no_module p {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .w_full .no_module p {
    font-size: 14px;
    line-height: 22px;
  }
}

/* 
theme-light
theme-dark
*/
.ip_list-section {
  /* theme-light  */
  /* theme-dark  */
}

@media all and (max-width: 959px) {
  .ip_list-section {
    overflow: hidden;
  }
}

.ip_list-section .content-panel .list-wrap.theme-light {
  /*  .card-list .li-inner {
        @include shadow(0,0,8px, 0.08); border-radius:4px; 
        .typo-area { padding-left: 16px; padding-right: 16px;} 
      } */
}

.ip_list-section .content-panel .list-wrap.theme-dark .typo-area .title span {
  color: #fff;
}

.ip_list-section .content-panel .list-wrap.theme-dark .typo-area .time span {
  color: rgba(255, 255, 255, 0.6);
}

.ip_list-section .content-panel .list-wrap.theme-dark .typo-area .genre dt strong {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.ip_list-section .content-panel .list-wrap.theme-dark .typo-area .genre dt span {
  color: rgba(255, 255, 255, 0.5);
}

.ip_list-section .content-panel .list-wrap.theme-dark .typo-area .genre dd span {
  color: rgba(255, 255, 255, 0.4);
}

.ip_list-section .content-panel .list-wrap.theme-dark .content-panel .swiper_box .swiper_button {
  color: rgba(255, 255, 255, 0.6);
}

.ip_list-section .content-panel .list-wrap.theme-dark .content-panel .swiper_box .swiper_button .swiper-button-disabled i::before,
.ip_list-section .content-panel .list-wrap.theme-dark .content-panel .swiper_box .swiper_button .swiper-button-disabled i::before {
  opacity: 0.2;
}

@media all and (max-width: 959px) {
  .ip_list-section .content-panel .list-wrap.theme-dark .content-panel .swiper_box .swiper_button {
    display: none;
  }
}

@media all and (max-width: 959px) {
  .ip_list-section {
    /* theme-light  */
  }
  .ip_list-section .content-panel .list-wrap.theme-light .card-list .li-inner {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    background: #fff;
  }
  .ip_list-section .content-panel .list-wrap.theme-light .card-list .li-inner .typo-area {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.ip_list-section .content-panel .swiper_box {
  position: relative;
}

.ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev, .ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_next {
  position: absolute;
  top: 36%;
  z-index: 1;
  transform: translate(0, -50%);
}

.ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev.swiper-button-disabled, .ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_next.swiper-button-disabled {
  display: none;
}

.ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev i, .ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_next i {
  position: relative;
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 27px;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.06), 0 8px 18px 0 rgba(0, 0, 0, 0.06);
}

.ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev i::before, .ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_next i::before {
  font-size: 54px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
}

.ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev i img, .ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_next i img {
  width: 100%;
  height: 100%;
}

.ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_prev {
  left: -27px;
}

.ip_list-section .content-panel .swiper_box .swiper_button .js-pagearrow_next {
  right: -27px;
  text-align: right;
}

.ip_list-section .content-panel .swiper_box .swiper_button .spf::before {
  font-size: 48px;
}

.ip_list-section .content-panel .swiper_box .swiper_button .swiper-button-disabled i::before,
.ip_list-section .content-panel .swiper_box .swiper_button .swiper-button-disabled i::before {
  opacity: 0.2;
}

.ip_list-section .content-panel .swiper_box .swiper_button.theme-dark .js-pagearrow_prev i, .ip_list-section .content-panel .swiper_box .swiper_button.theme-dark .js-pagearrow_next i {
  background-color: rgba(255, 255, 255, 0.6);
}

.ip_list-section .content-panel .swiper_box .swiper_button.theme-dark .js-pagearrow_prev i::before, .ip_list-section .content-panel .swiper_box .swiper_button.theme-dark .js-pagearrow_next i::before {
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .ip_list-section .content-panel .swiper_box .swiper_button {
    display: none;
  }
}

.ip_list-section .content-panel .list-wrap .card-list {
  display: flex;
  flex-wrap: wrap;
  width: calc( 100% + 24px);
  margin-left: -12px;
  margin-top: -60px;
}

.ip_list-section .content-panel .list-wrap .card-list > li {
  padding: 0 12px;
  margin-top: 60px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-1-1 > li {
  width: 100%;
  padding: 0px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-2-1 > li {
  width: 50%;
}

.ip_list-section .content-panel .list-wrap .card-list.col-3-2 > li {
  width: 33.3333%;
}

.ip_list-section .content-panel .list-wrap .card-list.col-4-2 > li {
  width: 25%;
}

.ip_list-section .content-panel .list-wrap .card-list.col-4-2 .img_empty {
  padding: 0 52px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-5-2 > li {
  width: 20%;
}

.ip_list-section .content-panel .list-wrap .card-list.col-6-2 > li {
  width: 16.6666%;
}

.ip_list-section .content-panel .list-wrap .card-list.col-6-2 .img_empty {
  padding: 0 30px;
}

.ip_list-section .content-panel .list-wrap .card-list .li-inner {
  position: relative;
  height: 100%;
}

@media all and (max-width: 959px) {
  .ip_list-section .content-panel .list-wrap .card-list {
    width: calc( 100% + 10px);
    margin-left: -5px;
    margin-top: -10px;
  }
  .ip_list-section .content-panel .list-wrap .card-list > li {
    padding: 0 5px;
    margin-top: 10px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-1-1 > li {
    width: 100%;
    padding: 0px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-2-1 > li {
    width: 100%;
    padding: 0px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-3-2 > li {
    width: 50%;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-3-2 .img_empty {
    padding: 0 15%;
    /* padding:0 24px; */
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-4-2 > li {
    width: 50%;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-4-2 .img_empty {
    padding: 0 15%;
    /* padding:0 24px; */
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-5-2 > li {
    width: 50%;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-5-2 .img_empty {
    padding: 0 15%;
    /* padding:0 24px; */
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-6-2 > li {
    width: 50%;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-6-2 .img_empty {
    padding: 0 15%;
    /* padding:0 24px; */
  }
}

.ip_list-section .content-panel .list-wrap .poster-area {
  position: relative;
}

.ip_list-section .content-panel .list-wrap .poster-area .img-ratio {
  position: relative;
  padding-bottom: 143.9102%;
  border-radius: 6px;
  overflow: hidden;
}

.ip_list-section .content-panel .list-wrap .poster-area .img-ratio .img_label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 12px;
  min-width: 36px;
  background-color: #000;
  border-radius: 6px;
  z-index: 6;
}

.ip_list-section .content-panel .list-wrap .poster-area .img-ratio .img_label span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #fff;
}

@media all and (max-width: 959px) {
  .ip_list-section .content-panel .list-wrap .poster-area .img-ratio {
    border-radius: 4px;
  }
  .ip_list-section .content-panel .list-wrap .poster-area .img-ratio .img_label {
    border-radius: 4px;
    padding: 5px 12px;
    min-width: 32px;
  }
  .ip_list-section .content-panel .list-wrap .poster-area .img-ratio .img_label span {
    font-size: 13px;
    line-height: 22px;
  }
}

.ip_list-section .content-panel .list-wrap .typo-area {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ip_list-section .content-panel .list-wrap .typo-area .title span {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  /* text-transform: uppercase; */
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ip_list-section .content-panel .list-wrap .typo-area .title span span {
  display: inline;
}

.ip_list-section .content-panel .list-wrap .typo-area .time {
  margin-top: 6px;
  /* height: 48px; */
}

.ip_list-section .content-panel .list-wrap .typo-area .time span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ip_list-section .content-panel .list-wrap .typo-area .genre {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  overflow: hidden;
}

.ip_list-section .content-panel .list-wrap .typo-area .genre dl {
  font-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ip_list-section .content-panel .list-wrap .typo-area .genre dl span {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.4);
}

.ip_list-section .content-panel .list-wrap .typo-area .genre dt {
  display: inline-block;
}

.ip_list-section .content-panel .list-wrap .typo-area .genre dt strong {
  display: inline-block;
  margin-right: 10px;
  padding: 6px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

.ip_list-section .content-panel .list-wrap .typo-area .genre dt span {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
}

.ip_list-section .content-panel .list-wrap .typo-area .genre dd {
  display: inline-block;
  padding: 6px 0px;
  margin-right: 12px;
}

@media all and (max-width: 959px) {
  .ip_list-section .content-panel .list-wrap .typo-area {
    padding: 14px 0 16px;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .title {
    margin-bottom: 2px;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .title span {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .time {
    margin-top: 6px;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .time span {
    font-size: 12px;
    line-height: 16px;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .genre {
    margin-top: 12px;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .genre dl {
    font-size: 0;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .genre dl span {
    font-size: 11px;
    line-height: 16px;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .genre dt {
    display: block;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .genre dt strong {
    margin-right: 10px;
    padding: 4px 7px;
    border-radius: 100px;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .genre dt span {
    font-size: 11px;
    line-height: 12px;
  }
  .ip_list-section .content-panel .list-wrap .typo-area .genre dd {
    display: inline-block;
    margin-top: 4px;
    padding: 0px 0px;
    margin-right: 12px;
    margin-left: 2px;
  }
}

.ip_list-section .content-panel .list-wrap .card-list.col-4-2 .info_adult .icon_adult {
  width: 54px;
  height: 54px;
  margin-bottom: 10px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-4-2 .info_adult .info_txt {
  font-size: 24px;
  line-height: 38px;
}

@media all and (max-width: 959px) {
  .ip_list-section .content-panel .list-wrap .card-list.col-4-2 .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-4-2 .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
}

.ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .title {
  margin-bottom: 4px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .title span {
  font-size: 16px;
  line-height: 24px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .time {
  margin-top: 4px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .time span {
  font-size: 14px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .genre dd {
  margin-right: 6px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .genre dl span {
  font-size: 12px;
  line-height: 17px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-6-2 .info_adult .icon_adult {
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
}

.ip_list-section .content-panel .list-wrap .card-list.col-6-2 .info_adult .info_txt {
  font-size: 18px;
  line-height: 30px;
}

@media all and (max-width: 959px) {
  .ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .title {
    margin-bottom: 2px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .title span {
    font-size: 13px;
    line-height: 20px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .time {
    margin-top: 2px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .time span {
    font-size: 12px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .genre dd {
    margin-right: 4px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-6-2 .typo-area .genre dl span {
    font-size: 10px;
    line-height: 16px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-6-2 .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .ip_list-section .content-panel .list-wrap .card-list.col-6-2 .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
}

.ip_list-section .content-panel .list-wrap.swiper-container {
  display: inline-block;
  width: calc(100% + 24px);
  margin-left: -12px;
  overflow: hidden;
  margin-top: 0;
  padding-bottom: 6px;
}

.ip_list-section .content-panel .list-wrap.swiper-container .w_full {
  padding: 0 12px;
}

@media all and (max-width: 959px) {
  .ip_list-section .content-panel .list-wrap.swiper-container {
    width: calc(100% + 10px);
    margin-left: -5px;
    overflow: visible;
  }
  .ip_list-section .content-panel .list-wrap.swiper-container .w_full {
    padding: 0 5px;
  }
}

.ip_list-section .content-panel .list-wrap.swiper-container > ul {
  position: relative;
  flex-wrap: nowrap;
  margin-top: 0;
  width: 100%;
  margin-left: 0;
}

.ip_list-section .content-panel .list-wrap.swiper-container > ul li {
  margin-top: 0;
  float: left;
  height: 100%;
}

@media all and (max-width: 959px) {
  .ip_list-section .content-panel .sort_menu-wrap + .swiper_box {
    margin-top: 0;
  }
}

/* 
theme-light
theme-dark
*/
.notice_img_left_list-section .content-panel .list-wrap.theme-dark .card-list > li .li-inner {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
}

.notice_img_left_list-section .content-panel .list-wrap.theme-dark article {
  background-color: transparent;
}

.notice_img_left_list-section .content-panel .list-wrap.theme-dark article .title span {
  color: #fff;
}

.notice_img_left_list-section .content-panel .list-wrap.theme-dark article .desc {
  margin-top: 12px;
}

.notice_img_left_list-section .content-panel .list-wrap.theme-dark article .desc span {
  color: rgba(255, 255, 255, 0.6);
}

.notice_img_left_list-section .content-panel .list-wrap.theme-dark article .date span {
  color: rgba(255, 255, 255, 0.3);
}

.notice_img_left_list-section .content-panel .list-wrap.theme-dark article .hashtag a {
  color: rgba(255, 255, 255, 0.5);
}

.notice_img_left_list-section .content-panel .list-wrap .card-list > li .li-inner {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 rgba(0, 0, 0, 0.08);
}

.notice_img_left_list-section .content-panel .list-wrap .card-list > li + li {
  margin-top: 24px;
}

.notice_img_left_list-section .content-panel .list-wrap .card-list .img_empty {
  padding: 0 130px;
}

@media all and (max-width: 959px) {
  .notice_img_left_list-section .content-panel .list-wrap .card-list > li .li-inner {
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 rgba(0, 0, 0, 0.08);
  }
  .notice_img_left_list-section .content-panel .list-wrap .card-list > li + li {
    margin-top: 10px;
  }
  .notice_img_left_list-section .content-panel .list-wrap .card-list .img_empty {
    padding: 0 15%;
    /*padding: 0 24px;*/
  }
}

.notice_img_left_list-section .content-panel .list-wrap article {
  display: flex;
  background-color: #fff;
}

.notice_img_left_list-section .content-panel .list-wrap article .poster-area {
  position: relative;
  width: 49.09091%;
}

.notice_img_left_list-section .content-panel .list-wrap article .poster-area .img-ratio {
  padding-bottom: 56.25%;
  border-radius: 6px;
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .notice_img_left_list-section .content-panel .list-wrap article .poster-area .img-ratio {
    border-radius: 4px;
  }
  .notice_img_left_list-section .content-panel .list-wrap article .poster-area .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .notice_img_left_list-section .content-panel .list-wrap article .poster-area .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
}

.notice_img_left_list-section .content-panel .list-wrap article .typo-area {
  width: 50.90909%;
  padding: 32px 50px 34px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media all and (max-width: 959px) {
  .notice_img_left_list-section .content-panel .list-wrap article .typo-area {
    width: 50.90909%;
    padding: 16px 12px 16px 17px;
  }
}

.notice_img_left_list-section .content-panel .list-wrap article .title span {
  max-height: 72px;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.notice_img_left_list-section .content-panel .list-wrap article .title span span {
  display: inline;
}

.notice_img_left_list-section .content-panel .list-wrap article .desc {
  margin-top: 12px;
}

.notice_img_left_list-section .content-panel .list-wrap article .desc span {
  max-height: 52px;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.notice_img_left_list-section .content-panel .list-wrap article .date {
  margin-top: 12px;
}

.notice_img_left_list-section .content-panel .list-wrap article .date span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3);
}

.notice_img_left_list-section .content-panel .list-wrap article .hashtag ul {
  font-size: 0;
  max-height: 40px;
  overflow: hidden;
}

.notice_img_left_list-section .content-panel .list-wrap article .hashtag ul li {
  margin-right: 14px;
  display: inline-block;
  max-width: calc( 100% - 14px);
}

.notice_img_left_list-section .content-panel .list-wrap article .hashtag a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  text-decoration-line: underline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media all and (max-width: 959px) {
  .notice_img_left_list-section .content-panel .list-wrap article .title span {
    max-height: 34px;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .notice_img_left_list-section .content-panel .list-wrap article .desc {
    display: none;
    margin-top: 6px;
  }
  .notice_img_left_list-section .content-panel .list-wrap article .desc span {
    max-height: 38px;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .notice_img_left_list-section .content-panel .list-wrap article .date {
    margin-top: 6px;
  }
  .notice_img_left_list-section .content-panel .list-wrap article .date span {
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.6);
  }
  .notice_img_left_list-section .content-panel .list-wrap article .hashtag {
    display: none;
  }
  .notice_img_left_list-section .content-panel .list-wrap article .hashtag ul {
    font-size: 0;
    max-height: 40px;
    overflow: hidden;
  }
  .notice_img_left_list-section .content-panel .list-wrap article .hashtag ul li {
    margin-right: 14px;
    display: inline-block;
  }
  .notice_img_left_list-section .content-panel .list-wrap article .hashtag a {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
    text-decoration-line: underline;
  }
}

/* 
theme-light
theme-dark
*/
.notice_img_top_list-section {
  /* theme-dark  */
}

.notice_img_top_list-section .content-panel .list-wrap.theme-dark .card-list {
  margin-top: -40px;
}

.notice_img_top_list-section .content-panel .list-wrap.theme-dark .card-list > li {
  margin-top: 40px;
}

.notice_img_top_list-section .content-panel .list-wrap.theme-dark .card-list > li .li-inner {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
}

.notice_img_top_list-section .content-panel .list-wrap.theme-dark article {
  background-color: transparent;
}

.notice_img_top_list-section .content-panel .list-wrap.theme-dark article .typo-area {
  padding: 16px 0 0 0;
}

.notice_img_top_list-section .content-panel .list-wrap.theme-dark article .genre span {
  color: rgba(255, 255, 255, 0.4);
}

.notice_img_top_list-section .content-panel .list-wrap.theme-dark article .title span {
  color: #fff;
}

.notice_img_top_list-section .content-panel .list-wrap.theme-dark article .hashtag a {
  color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .notice_img_top_list-section .content-panel .list-wrap.theme-dark .card-list {
    margin-top: -13px;
  }
  .notice_img_top_list-section .content-panel .list-wrap.theme-dark .card-list > li {
    margin-top: 13px;
  }
  .notice_img_top_list-section .content-panel .list-wrap.theme-dark article .typo-area {
    padding: 14px 0 16px 0;
  }
}

.notice_img_top_list-section .content-panel .list-wrap .card-list {
  width: calc( 100% + 24px);
  margin-left: -12px;
  margin-top: -24px;
  display: flex;
  flex-wrap: wrap;
}

.notice_img_top_list-section .content-panel .list-wrap .card-list > li {
  width: 33.3333%;
  padding: 0 12px;
  margin-top: 24px;
}

.notice_img_top_list-section .content-panel .list-wrap .card-list > li .li-inner {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 rgba(0, 0, 0, 0.08);
}



.notice_img_top_list-section .content-panel .list-wrap .card-list .img_empty {
  padding: 0px 18.29%;
  /*padding: 0 60px;*/
}

@media all and (max-width: 959px) {
  .notice_img_top_list-section .content-panel .list-wrap .card-list {
    width: 100%;
    margin-left: 0px;
    display: block;
  }
  .notice_img_top_list-section .content-panel .list-wrap .card-list > li {
    width: 100%;
    padding: 0;
  }
  .notice_img_top_list-section .content-panel .list-wrap .card-list > li .li-inner {
    border-radius: 6px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 rgba(0, 0, 0, 0.08);
  }
  .notice_img_top_list-section .content-panel .list-wrap .card-list > li + li {
    margin-top: 13px;
  }
}

.notice_img_top_list-section .content-panel .list-wrap article {
  background-color: #fff;
}

.notice_img_top_list-section .content-panel .list-wrap article .poster-area {
  position: relative;
}

.notice_img_top_list-section .content-panel .list-wrap article .poster-area .img-ratio {
  padding-bottom: 56.25%;
  border-radius: 6px;
  overflow: hidden;
}

.notice_img_top_list-section .content-panel .list-wrap article .poster-area .info_adult .icon_adult {
  width: 54px;
  height: 54px;
  margin-bottom: 10px;
}

.notice_img_top_list-section .content-panel .list-wrap article .poster-area .info_adult .info_txt {
  font-size: 24px;
  line-height: 38px;
}

@media all and (max-width: 959px) {
  .notice_img_top_list-section .content-panel .list-wrap article .poster-area .img-ratio {
    border-radius: 4px;
  }
  .notice_img_top_list-section .content-panel .list-wrap article .poster-area .info_adult .icon_adult {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
  }
  .notice_img_top_list-section .content-panel .list-wrap article .poster-area .info_adult .info_txt {
    font-size: 18px;
    line-height: 30px;
  }
}

.notice_img_top_list-section .content-panel .list-wrap article .poster-area .lazyload-wrapper.empty_replace {
  padding: 0px 60px;
}

.notice_img_top_list-section .content-panel .list-wrap article .typo-area {
  padding: 16px 24px 34px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media all and (max-width: 959px) {
  .notice_img_top_list-section .content-panel .list-wrap article .typo-area {
    display: block;
    flex-direction: initial;
    justify-content: normal;
    padding: 12px 14px 24px;
    height: auto;
  }
}

.notice_img_top_list-section .content-panel .list-wrap article .genre span {
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.4);
}

.notice_img_top_list-section .content-panel .list-wrap article .title {
  margin-top: 4px;
}

.notice_img_top_list-section .content-panel .list-wrap article .title{
  margin-top: 0;
}

.notice_img_top_list-section .content-panel .list-wrap article .title span {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #111111;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.notice_img_top_list-section .content-panel .list-wrap article .title span span {
  display: inline;
}

.notice_img_top_list-section .content-panel .list-wrap article .hashtag {
  margin-top: 24px;
}

.notice_img_top_list-section .content-panel .list-wrap article .hashtag ul {
  font-size: 0;
  max-height: 40px;
  overflow: hidden;
}

.notice_img_top_list-section .content-panel .list-wrap article .hashtag ul li {
  margin-right: 10px;
  display: inline-block;
}

.notice_img_top_list-section .content-panel .list-wrap article .hashtag a {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.6);
  text-decoration-line: underline;
}

@media all and (max-width: 959px) {
  .notice_img_top_list-section .content-panel .list-wrap article .genre span {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #666;
  }
  .notice_img_top_list-section .content-panel .list-wrap article .title {
    margin-top: 6px;
  }
  .notice_img_top_list-section .content-panel .list-wrap article .title span {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .notice_img_top_list-section .content-panel .list-wrap article .hashtag {
    margin-top: 16px;
  }
  .notice_img_top_list-section .content-panel .list-wrap article .hashtag ul {
    font-size: 0;
    max-height: 40px;
    overflow: hidden;
  }
  .notice_img_top_list-section .content-panel .list-wrap article .hashtag ul li {
    margin-right: 10px;
  }
  .notice_img_top_list-section .content-panel .list-wrap article .hashtag a {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
  }
}


.notice_text_list-section .content-panel .list-wrap.theme-dark .notice-list > li::after {
  background-color: rgba(255, 255, 255, 0.12);
}

.notice_text_list-section .content-panel .list-wrap.theme-dark .notice-list > li.head {
  border-top: 2px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.notice_text_list-section .content-panel .list-wrap.theme-dark .notice-list > li.head .category span {
  color: #fff;
}

.notice_text_list-section .content-panel .list-wrap.theme-dark .notice-list > li.head .title span {
  color: #fff;
}

.notice_text_list-section .content-panel .list-wrap.theme-dark .notice-list > li.head .date span {
  color: #fff;
}

.notice_text_list-section .content-panel .list-wrap.theme-dark .notice-list > li .category span {
  color: rgba(255, 255, 255, 0.6);
}

.notice_text_list-section .content-panel .list-wrap.theme-dark .notice-list > li .title span {
  color: #fff;
}

.notice_text_list-section .content-panel .list-wrap.theme-dark .notice-list > li .date span {
  color: rgba(255, 255, 255, 0.4);
}

.notice_text_list-section .content-panel .list-wrap.theme-dark .notice-list > li i::before {
  color: rgba(255, 255, 255, 0.2);
}

@media all and (max-width: 959px) {
  .notice_text_list-section .content-panel .list-wrap.theme-dark::before {
    background-color: rgba(255, 255, 255, 0.6);
  }
}

@media all and (max-width: 959px) {
  .notice_text_list-section .content-panel .sort_menu-wrap.sort_type-select .side-area {
    position: absolute;
    top: -50px;
    margin-top: 0;
    bottom: 0;
  }
}

.notice_text_list-section .content-panel .list-wrap .li-inner a {
  position: relative;
  display: block;
}

.notice_text_list-section .content-panel .list-wrap .li-inner i {
  display: none;
}

.notice_text_list-section .content-panel .list-wrap .li-inner i::before {
  color: rgba(0, 0, 0, 0.2);
}

@media all and (max-width: 959px) {
  .notice_text_list-section .content-panel .list-wrap::before {
    display: block;
    margin-left: -16px;
    content: "";
    width: calc( 100% + 32px);
    height: 2px;
    background-color: #000;
  }
  .notice_text_list-section .content-panel .list-wrap .li-inner a {
    padding-right: 78px;
  }
  .notice_text_list-section .content-panel .list-wrap .li-inner i {
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .notice_text_list-section .content-panel .list-wrap .li-inner i::before {
    font-size: 34px;
  }
}

.notice_text_list-section .content-panel .notice-list > li::after {
  display: block;
  content: "";
  height: 1px;
  background-color: rgba(0, 0, 0, 0.08);
}

.notice_text_list-section .content-panel .notice-list > li .li-inner .news_item {
  display: flex;
  justify-content: flex-start;
}

.notice_text_list-section .content-panel .notice-list > li .li-inner .news_item > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 0;
}

.notice_text_list-section .content-panel .notice-list > li.head {
  border-top: 2px solid #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.notice_text_list-section .content-panel .notice-list > li.head .category, .notice_text_list-section .content-panel .notice-list > li.head .title, .notice_text_list-section .content-panel .notice-list > li.head .date {
  text-align: center;
  padding: 30px 0 34px;
}

.notice_text_list-section .content-panel .notice-list > li.head .category span, .notice_text_list-section .content-panel .notice-list > li.head .title span, .notice_text_list-section .content-panel .notice-list > li.head .date span {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #000;
}

@media all and (max-width: 959px) {
  .notice_text_list-section .content-panel .notice-list > li::after {
    display: block;
    content: "";
    width: calc( 100% + 12px);
    margin-left: -6px;
  }
  .notice_text_list-section .content-panel .notice-list > li:last-child::after {
    display: none;
  }
  .notice_text_list-section .content-panel .notice-list > li .li-inner .news_item {
    display: block;
    justify-content: normal;
    padding: 24px 6px;
  }
  .notice_text_list-section .content-panel .notice-list > li .li-inner .news_item > div {
    padding: 0px;
  }
  .notice_text_list-section .content-panel .notice-list > li.head {
    display: none;
  }
}

.notice_text_list-section .content-panel .notice-list .category {
  width: 16.0%;
}

.notice_text_list-section .content-panel .notice-list .category span {
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #000;
}

.notice_text_list-section .content-panel .notice-list .title {
  width: 68.0%;
}

.notice_text_list-section .content-panel .notice-list .title span {
  max-width: 780px;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.03em;
  color: #000;
}

.notice_text_list-section .content-panel .notice-list .date {
  width: 16.0%;
}

.notice_text_list-section .content-panel .notice-list .date span {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.4);
}

@media all and (max-width: 959px) {
  .notice_text_list-section .content-panel .notice-list .category {
    width: 100.0%;
  }
  .notice_text_list-section .content-panel .notice-list .category span {
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    text-align: left;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.4);
  }
  .notice_text_list-section .content-panel .notice-list .title {
    width: 100.0%;
    margin-top: 8px;
  }
  .notice_text_list-section .content-panel .notice-list .title span {
    max-width: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.9);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 44px;
  }
  .notice_text_list-section .content-panel .notice-list .date {
    width: 100.0%;
    margin-top: 10px;
  }
  .notice_text_list-section .content-panel .notice-list .date span {
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    text-align: left;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.4);
  }
}

/* 
theme-light
theme-dark
*/
.notice_text_acodion_list-section .content-panel .list-wrap.theme-dark {
  border-top: 2px solid rgba(255, 255, 255, 0.6);
}

.notice_text_acodion_list-section .content-panel .list-wrap.theme-dark .notice_accordion-list > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.notice_text_acodion_list-section .content-panel .list-wrap.theme-dark .notice_accordion-list > li .header-area .accordion_name {
  color: #fff;
}

.notice_text_acodion_list-section .content-panel .list-wrap.theme-dark .notice_accordion-list > li .header-area .acc_btn i::before {
  color: #fff;
}

.notice_text_acodion_list-section .content-panel .list-wrap.theme-dark .notice_accordion-list > li .con-area {
  background: rgba(255, 255, 255, 0.08);
}

.notice_text_acodion_list-section .content-panel .list-wrap.theme-dark .notice_accordion-list > li .con-area .area-inner span {
  color: rgba(255, 255, 255, 0.6);
}

.notice_text_acodion_list-section .content-panel .list-wrap {
  border-top: 2px  solid #000000;
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list > li.on .acc_btn i {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list .header-area {
  position: relative;
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list .header-area .area-inner {
  padding: 40px 208px 40px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list .header-area .accordion_name {
  display: block;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.03em;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list .header-area .acc_btn {
  position: relative;
  box-sizing: border-box;
  display: block;
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list .header-area .acc_btn i {
  position: absolute;
  top: 50%;
  right: 60px;
  margin-top: -24px;
  width: 48px;
  height: 48px;
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list .header-area .acc_btn i::before {
  font-size: 48px;
  color: #000;
}

@media all and (max-width: 959px) {
  .notice_text_acodion_list-section .content-panel .notice_accordion-list .header-area .area-inner {
    min-height: 89px;
    padding: 10px 94px 10px 24px;
  }
  .notice_text_acodion_list-section .content-panel .notice_accordion-list .header-area .accordion_name {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .notice_text_acodion_list-section .content-panel .notice_accordion-list .header-area .acc_btn i {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -17px;
    width: 34px;
    height: 34px;
  }
  .notice_text_acodion_list-section .content-panel .notice_accordion-list .header-area .acc_btn i::before {
    font-size: 34px;
  }
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list .con-area {
  display: none;
  padding: 32px;
  background: rgba(0, 0, 0, 0.02);
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list .con-area .area-inner {
  min-height: 124px;
  max-height: 300px;
  padding-right: calc( 208px - 32px);
}

.notice_text_acodion_list-section .content-panel .notice_accordion-list .con-area .area-inner span {
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .notice_text_acodion_list-section .content-panel .notice_accordion-list .con-area {
    padding: 22px 20px;
  }
  .notice_text_acodion_list-section .content-panel .notice_accordion-list .con-area .area-inner {
    min-height: 66px;
    max-height: 200px;
    padding-right: calc( 50px - 20px);
  }
  .notice_text_acodion_list-section .content-panel .notice_accordion-list .con-area .area-inner span {
    font-size: 12px;
    line-height: 20px;
  }
}

/* 
theme-light
theme-dark
*/
.notice_video_list-section, .notice_event_list-section {
  /* theme-dark  */
}

.notice_video_list-section .section-wrap{
  background-repeat: repeat-y !important;
  background-position: center 0;
}

@media all and (max-width: 959px) {
  .notice_video_list-section .section-wrap{
    background-size: 100%;
  }
}

.notice_video_list-section .content-panel .list-wrap.theme-dark .card-list, .notice_event_list-section .content-panel .list-wrap.theme-dark .card-list {
  margin-top: -40px;
}

.notice_video_list-section .content-panel .list-wrap.theme-dark .card-list > li, .notice_event_list-section .content-panel .list-wrap.theme-dark .card-list > li {
  margin-top: 40px;
}

.notice_video_list-section .content-panel .list-wrap.theme-dark .card-list > li .li-inner, .notice_event_list-section .content-panel .list-wrap.theme-dark .card-list > li .li-inner {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
}

.notice_video_list-section .content-panel .list-wrap.theme-dark article, .notice_event_list-section .content-panel .list-wrap.theme-dark article {
  background: transparent;
}

.notice_video_list-section .content-panel .list-wrap.theme-dark article .typo-area, .notice_event_list-section .content-panel .list-wrap.theme-dark article .typo-area {
  padding: 16px 0 0 0;
}

.notice_video_list-section .content-panel .list-wrap.theme-dark article .genre span, .notice_event_list-section .content-panel .list-wrap.theme-dark article .genre span {
  color: rgba(255, 255, 255, 0.4);
}

.notice_video_list-section .content-panel .list-wrap.theme-dark article .title span, .notice_event_list-section .content-panel .list-wrap.theme-dark article .title span {
  color: #fff;
}

.notice_video_list-section .content-panel .list-wrap.theme-dark article .desc span, .notice_event_list-section .content-panel .list-wrap.theme-dark article .desc span {
  color: rgba(255, 255, 255, 0.6);
}

.notice_video_list-section .content-panel .list-wrap.theme-dark article .date span, .notice_event_list-section .content-panel .list-wrap.theme-dark article .date span {
  color: rgba(255, 255, 255, 0.3);
}

.notice_video_list-section .content-panel .list-wrap.theme-dark article .tag, .notice_event_list-section .content-panel .list-wrap.theme-dark article .tag {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.notice_video_list-section .content-panel .list-wrap.theme-dark article .tag span, .notice_event_list-section .content-panel .list-wrap.theme-dark article .tag span {
  color: rgba(255, 255, 255, 0.5);
}

.notice_video_list-section .content-panel .list-wrap.theme-dark article .hashtag a, .notice_event_list-section .content-panel .list-wrap.theme-dark article .hashtag a {
  color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap.theme-dark .card-list, .notice_event_list-section .content-panel .list-wrap.theme-dark .card-list {
    margin-top: -13px;
  }
  .notice_video_list-section .content-panel .list-wrap.theme-dark .card-list > li, .notice_event_list-section .content-panel .list-wrap.theme-dark .card-list > li {
    margin-top: 13px;
  }
}

.notice_video_list-section .content-panel .list-wrap, .notice_event_list-section .content-panel .list-wrap {
  /* MB info : 수평 | 수직 */
}

.notice_video_list-section .content-panel .list-wrap .card-list, .notice_event_list-section .content-panel .list-wrap .card-list {
  width: calc( 100% + 24px);
  margin-left: -12px;
  margin-top: -24px;
  display: flex;
  flex-wrap: wrap;
}

.notice_video_list-section .content-panel .list-wrap .card-list > li, .notice_event_list-section .content-panel .list-wrap .card-list > li {
  width: 25%;
  padding: 0 12px;
  margin-top: 24px;
}

.notice_video_list-section .content-panel .list-wrap .card-list > li .li-inner, .notice_event_list-section .content-panel .list-wrap .card-list > li .li-inner {
  border-radius: 6px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 rgba(0, 0, 0, 0.08);
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap .card-list, .notice_event_list-section .content-panel .list-wrap .card-list {
    width: calc( 100% + 10px);
    margin-left: -5px;
    margin-top: -10px;
  }
  .notice_video_list-section .content-panel .list-wrap .card-list > li, .notice_event_list-section .content-panel .list-wrap .card-list > li {
    width: 50%;
    padding: 0 5px;
    margin-top: 13px;
  }
  .notice_video_list-section .content-panel .list-wrap .card-list > li .li-inner, .notice_event_list-section .content-panel .list-wrap .card-list > li .li-inner {
    border-radius: 6px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 rgba(0, 0, 0, 0.08);
  }
}

.notice_video_list-section .content-panel .list-wrap article, .notice_event_list-section .content-panel .list-wrap article {
  background: #fff;
}

.notice_video_list-section .content-panel .list-wrap article .poster-area, .notice_event_list-section .content-panel .list-wrap article .poster-area {
  position: relative;
  overflow: hidden;
}

.notice_video_list-section .content-panel .list-wrap article .poster-area .img-ratio, .notice_event_list-section .content-panel .list-wrap article .poster-area .img-ratio {
  padding-bottom: 56.25%;
  border-radius: 6px;
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap article .poster-area .img-ratio, .notice_event_list-section .content-panel .list-wrap article .poster-area .img-ratio {
    border-radius: 4px;
  }
}

.notice_video_list-section .content-panel .list-wrap article .typo-area, .notice_event_list-section .content-panel .list-wrap article .typo-area {
  padding: 16px 24px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap article .typo-area, .notice_event_list-section .content-panel .list-wrap article .typo-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 16px 16px;
    height: 143px;
  }
}

.notice_video_list-section .content-panel .list-wrap article .play-btn, .notice_event_list-section .content-panel .list-wrap article .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -17px;
  z-index: 5;
}

.notice_video_list-section .content-panel .list-wrap article .play-btn i, .notice_event_list-section .content-panel .list-wrap article .play-btn i {
  width: 40px;
  height: 40px;
  display: block;
  background: url(../images/common/icon-play_72.png) no-repeat center;
  background-size: 100%;
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap article .play-btn, .notice_event_list-section .content-panel .list-wrap article .play-btn {
    margin-top: -12px;
    margin-left: -12px;
  }
  .notice_video_list-section .content-panel .list-wrap article .play-btn i, .notice_event_list-section .content-panel .list-wrap article .play-btn i {
    width: 24px;
    height: 24px;
  }
}

.notice_video_list-section .content-panel .list-wrap article .time-box, .notice_event_list-section .content-panel .list-wrap article .time-box {
  position: absolute;
  bottom: 8px;
  right: 8px;
  padding: 6px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.8);
  font-size: 0;
  z-index: 6;
}

.notice_video_list-section .content-panel .list-wrap article .time-box span, .notice_event_list-section .content-panel .list-wrap article .time-box span {
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.5);
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap article .time-box, .notice_event_list-section .content-panel .list-wrap article .time-box {
    bottom: 4px;
    right: 4px;
    padding: 2px 4px;
    border-radius: 3px;
  }
  .notice_video_list-section .content-panel .list-wrap article .time-box span, .notice_event_list-section .content-panel .list-wrap article .time-box span {
    font-size: 10px;
    line-height: 12px;
  }
}

.notice_video_list-section .content-panel .list-wrap article .info_adult .icon_adult, .notice_event_list-section .content-panel .list-wrap article .info_adult .icon_adult {
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
}

.notice_video_list-section .content-panel .list-wrap article .info_adult .info_txt, .notice_event_list-section .content-panel .list-wrap article .info_adult .info_txt {
  font-size: 18px;
  line-height: 30px;
}

.notice_video_list-section .content-panel .list-wrap article .title span, .notice_event_list-section .content-panel .list-wrap article .title span {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.notice_video_list-section .content-panel .list-wrap article .title span span, .notice_event_list-section .content-panel .list-wrap article .title span span {
  display: inline;
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap article .title, .notice_event_list-section .content-panel .list-wrap article .title {
    max-height: 40px;
  }
  .notice_video_list-section .content-panel .list-wrap article .title span, .notice_event_list-section .content-panel .list-wrap article .title span {
    font-size: 13px;
    line-height: 20px;
  }
}

.notice_video_list-section .content-panel .list-wrap article .desc, .notice_event_list-section .content-panel .list-wrap article .desc {
  margin-top: 4px;
  max-height: 48px;
  font-size: 0;
}

.notice_video_list-section .content-panel .list-wrap article .desc span, .notice_event_list-section .content-panel .list-wrap article .desc span {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #666666;
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap article .desc, .notice_event_list-section .content-panel .list-wrap article .desc {
    max-height: 38px;
  }
  .notice_video_list-section .content-panel .list-wrap article .desc span, .notice_event_list-section .content-panel .list-wrap article .desc span {
    font-size: 12px;
    line-height: 16px;
  }
}

.notice_video_list-section .content-panel .list-wrap article .date, .notice_event_list-section .content-panel .list-wrap article .date {
  margin-top: 4px;
  max-height: 48px;
  font-size: 0;
}

.notice_video_list-section .content-panel .list-wrap article .date span, .notice_event_list-section .content-panel .list-wrap article .date span {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3);
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap article .date, .notice_event_list-section .content-panel .list-wrap article .date {
    max-height: 38px;
  }
  .notice_video_list-section .content-panel .list-wrap article .date span, .notice_event_list-section .content-panel .list-wrap article .date span {
    font-size: 11px;
    line-height: 16px;
  }
}

.notice_video_list-section .content-panel .list-wrap article .tag, .notice_event_list-section .content-panel .list-wrap article .tag {
  display: inline-block;
  padding: 10px 18px;
  margin-top: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.notice_video_list-section .content-panel .list-wrap article .tag span, .notice_event_list-section .content-panel .list-wrap article .tag span {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap article .tag, .notice_event_list-section .content-panel .list-wrap article .tag {
    padding: 8px 12px;
    margin-top: 16px;
    border-radius: 15px;
    font-size: 0;
  }
  .notice_video_list-section .content-panel .list-wrap article .tag span, .notice_event_list-section .content-panel .list-wrap article .tag span {
    font-size: 10px;
    line-height: 14px;
  }
}

.notice_video_list-section .content-panel .list-wrap article .hashtag ul, .notice_event_list-section .content-panel .list-wrap article .hashtag ul {
  font-size: 0;
  max-height: 40px;
  overflow: hidden;
}

.notice_video_list-section .content-panel .list-wrap article .hashtag ul li, .notice_event_list-section .content-panel .list-wrap article .hashtag ul li {
  margin-right: 10px;
  display: inline-block;
}

.notice_video_list-section .content-panel .list-wrap article .hashtag a, .notice_event_list-section .content-panel .list-wrap article .hashtag a {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  color: rgba(0, 0, 0, 0.6);
  text-decoration-line: underline;
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap article .hashtag, .notice_event_list-section .content-panel .list-wrap article .hashtag {
    margin-top: 34px;
  }
  .notice_video_list-section .content-panel .list-wrap article .hashtag ul, .notice_event_list-section .content-panel .list-wrap article .hashtag ul {
    font-size: 0;
    max-height: 40px;
    overflow: hidden;
  }
  .notice_video_list-section .content-panel .list-wrap article .hashtag ul li, .notice_event_list-section .content-panel .list-wrap article .hashtag ul li {
    margin-right: 10px;
  }
  .notice_video_list-section .content-panel .list-wrap article .hashtag a, .notice_event_list-section .content-panel .list-wrap article .hashtag a {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
  }
}

.notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical .img_empty, .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .img_empty, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical .img_empty, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .img_empty {
  padding: 0px 52px;
}

@media all and (max-width: 959px) {
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical .card-list, .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .card-list, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical .card-list, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .card-list {
    display: block;
    flex-wrap: nowrap;
    width: 100%;
    margin-left: 0;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical .card-list > li, .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .card-list > li, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical .card-list > li, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .card-list > li {
    width: 100%;
    padding: 0;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical article, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical article {
    display: flex;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical article .poster-area, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical article .poster-area {
    width: 159px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical article .typo-area, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical article .typo-area {
    width: calc( 100% - 159px);
    height: auto;
    padding: 12px 12px 12px 12px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical article .typo-area .flex-box:last-child, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical article .typo-area .flex-box:last-child {
    display: none;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical article .info_adult .icon_adult, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical article .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical article .info_adult .info_txt, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical article .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical .title, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical .title {
    max-height: none;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical .title span, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical .title span {
    font-size: 14px;
    line-height: 20px;
    min-height: 40px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical .desc, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical .desc {
    margin-top: 8px;
    max-height: none;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical .desc span, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical .desc span {
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical .date, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical .date {
    display: none;
    margin-top: 6px;
    max-height: none;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical .date span, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical .date span {
    font-size: 11px;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_vertical .img_empty, .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical .img_empty {
    padding: 0 15%;
    /*padding:0px 24px;*/
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .card-list li, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .card-list li {
    margin-top: 14px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal article .typo-area, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal article .typo-area {
    height: auto;
    padding: 12px 14px 16px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .play-btn, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .play-btn {
    margin-top: -20px;
    margin-left: -20px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .play-btn i, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .play-btn i {
    width: 40px;
    height: 40px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .time-box, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .time-box {
    bottom: 8px;
    right: 8px;
    padding: 6px;
    border-radius: 3px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .time-box span, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .time-box span {
    font-size: 13px;
    line-height: 13px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .title, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .title {
    max-height: 52px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .title span, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .title span {
    font-size: 16px;
    line-height: 24px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .desc, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .desc {
    max-height: 38px;
    margin-top: 6px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .desc span, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .desc span {
    font-size: 15px;
    line-height: 19px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .date, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .date {
    max-height: 38px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .date span, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .date span {
    font-size: 13px;
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .tag, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .tag {
    padding: 6px 14px;
    margin-top: 16px;
    margin-left: 2px;
    border-radius: 20px;
    font-size: 0;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .tag span, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .tag span {
    font-size: 13px;
    line-height: 20px;
  }
  .notice_video_list-section .content-panel .list-wrap.list_type-mb_horizontal .img_empty, .notice_event_list-section .content-panel .list-wrap.list_type-mb_horizontal .img_empty {
    padding: 0px 18.29%;
    /*padding:0px 60px;*/
  }
}

@media all and (max-width: 959px) {
  .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical article .typo-area {
    display: block;
    flex-direction: initial;
    justify-content: initial;
  }
  .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical article .typo-area .flex-box:last-child {
    display: block;
  }
  .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical article .typo-area .tag {
    border: 0;
    border-radius: 0px;
    margin-top: 6px;
    padding: 0;
  }
  .notice_event_list-section .content-panel .list-wrap.list_type-mb_vertical article .typo-area .tag span {
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.01em;
  }
}

/* 
theme-light
theme-dark
*/
.preview-section .content-panel .preview-list > li {
  margin-top: 12px;
  background: #F8F8F8;
  border-radius: 6px;
  overflow: hidden;
}

.preview-section .content-panel .preview-list > li:first-child {
  margin-top: 0;
}

.preview-section .content-panel .preview-list > li.on .spf, .preview-section .content-panel .preview-list > li.on .spf-envelope:before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.preview-section .content-panel .preview-list .header-area {
  position: relative;
}

.preview-section .content-panel .preview-list .header-area .area-inner {
  padding: 48px 134px 48px 48px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.preview-section .content-panel .preview-list .header-area .area-inner .title {
  display: block;
  font-size: 24px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.preview-section .content-panel .preview-list .header-area .area-inner .sub_txt {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #000;
  margin-left: 18px;
}

.preview-section .content-panel .preview-list .header-area .area-inner .spf, .preview-section .content-panel .preview-list .header-area .area-inner .spf-envelope:before {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -27px;
  width: 54px;
  height: 54px;
}

.preview-section .content-panel .preview-list .header-area .area-inner .spf::before {
  font-size: 54px;
  line-height: 54px;
  color: #000;
}

@media all and (max-width: 959px) {
  .preview-section .content-panel .preview-list .header-area .area-inner {
    padding: 24px 80px 24px 24px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .preview-section .content-panel .preview-list .header-area .area-inner .title {
    font-size: 16px;
    line-height: 26px;
  }
  .preview-section .content-panel .preview-list .header-area .area-inner .sub_txt {
    font-size: 14px;
    line-height: 22px;
    margin-left: 0;
  }
  .preview-section .content-panel .preview-list .header-area .area-inner .spf, .preview-section .content-panel .preview-list .header-area .area-inner .spf-envelope:before {
    right: 24px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
  }
  .preview-section .content-panel .preview-list .header-area .area-inner .spf::before {
    font-size: 32px;
    line-height: 32px;
  }
}

.preview-section .content-panel .preview-list .con-area {
  display: none;
  padding: 0 48px 48px;
  background: #F8F8F8;
}

.preview-section .content-panel .preview-list .con-area .area-inner {
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .preview-section .content-panel .preview-list .con-area {
    padding: 0 24px 24px;
  }
  .preview-section .content-panel .preview-list .con-area .area-inner {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
  }
}

.connect_contents-section .section-wrap {
  overflow: hidden;
}

.connect_contents-section .content-panel .list-wrap .card-list {
  display: flex;
  flex-wrap: wrap;
  width: calc( 100% + 24px);
  margin-left: -12px;
  margin-top: -24px;
}

.connect_contents-section .content-panel .list-wrap .card-list > li {
  padding: 0 12px;
  margin-top: 24px;
}

.connect_contents-section .content-panel .list-wrap .card-list.col-1-1 > li {
  width: 100%;
  padding: 0px;
}

.connect_contents-section .content-panel .list-wrap .card-list.col-2-1 > li {
  width: 50%;
}

.connect_contents-section .content-panel .list-wrap .card-list.col-3-2 > li {
  width: 33.3333%;
}

.connect_contents-section .content-panel .list-wrap .card-list.col-4-2 > li {
  width: 25%;
}

.connect_contents-section .content-panel .list-wrap .card-list.col-5-2 > li {
  width: 20%;
}

.connect_contents-section .content-panel .list-wrap .card-list.col-6-2 > li {
  width: 16.6666%;
}

.connect_contents-section .content-panel .list-wrap .card-list .li-inner {
  position: relative;
}

@media all and (max-width: 959px) {
  .connect_contents-section .content-panel .list-wrap .card-list {
    width: calc( 100% + 10px);
    margin-left: -5px;
    margin-top: -10px;
  }
  .connect_contents-section .content-panel .list-wrap .card-list > li {
    padding: 0 5px;
    margin-top: 10px;
  }
  .connect_contents-section .content-panel .list-wrap .card-list.col-1-1 > li {
    width: 100%;
    padding: 0px;
  }
  .connect_contents-section .content-panel .list-wrap .card-list.col-2-1 > li {
    width: 100%;
    padding: 0px;
  }
  .connect_contents-section .content-panel .list-wrap .card-list.col-3-2 > li {
    width: 50%;
  }
  .connect_contents-section .content-panel .list-wrap .card-list.col-4-2 > li {
    width: 50%;
  }
  .connect_contents-section .content-panel .list-wrap .card-list.col-5-2 > li {
    width: 50%;
  }
  .connect_contents-section .content-panel .list-wrap .card-list.col-6-2 > li {
    width: 50%;
  }
}

.connect_contents-section .content-panel .list-wrap .poster-area .img-ratio {
  position: relative;
  padding-bottom: 143.9102%;
  border-radius: 6px;
  overflow: hidden;
}

.connect_contents-section .content-panel .list-wrap .poster-area .img-ratio .img_label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 12px;
  min-width: 36px;
  background-color: #000;
  border-radius: 6px;
}

.connect_contents-section .content-panel .list-wrap .poster-area .img-ratio .img_label span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #fff;
}

@media all and (max-width: 959px) {
  .connect_contents-section .content-panel .list-wrap .poster-area .img-ratio {
    border-radius: 4px;
  }
  .connect_contents-section .content-panel .list-wrap .poster-area .img-ratio .img_label {
    border-radius: 4px;
    padding: 5px 12px;
    min-width: 32px;
  }
  .connect_contents-section .content-panel .list-wrap .poster-area .img-ratio .img_label span {
    font-size: 13px;
    line-height: 22px;
  }
}

.connect_contents-section .content-panel .list-wrap .typo-area {
  padding-top: 16px;
}

.connect_contents-section .content-panel .list-wrap .typo-area .title span {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.connect_contents-section .content-panel .list-wrap .typo-area .time {
  margin-top: 6px;
}

.connect_contents-section .content-panel .list-wrap .typo-area .time span {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.connect_contents-section .content-panel .list-wrap .typo-area .genre {
  margin-top: 24px;
}

.connect_contents-section .content-panel .list-wrap .typo-area .genre dl {
  font-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.connect_contents-section .content-panel .list-wrap .typo-area .genre dl span {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.4);
}

.connect_contents-section .content-panel .list-wrap .typo-area .genre dt {
  display: inline-block;
}

.connect_contents-section .content-panel .list-wrap .typo-area .genre dt strong {
  display: inline-block;
  margin-right: 10px;
  padding: 6px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

.connect_contents-section .content-panel .list-wrap .typo-area .genre dt span {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
}

.connect_contents-section .content-panel .list-wrap .typo-area .genre dd {
  display: inline-block;
  padding: 6px 0px;
  margin-right: 12px;
}

@media all and (max-width: 959px) {
  .connect_contents-section .content-panel .list-wrap .typo-area {
    padding: 14px 0 16px;
  }
  .connect_contents-section .content-panel .list-wrap .typo-area .title span {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }
  .connect_contents-section .content-panel .list-wrap .typo-area .time {
    margin-top: 2px;
    min-height: 32px;
  }
  .connect_contents-section .content-panel .list-wrap .typo-area .time span {
    font-size: 12px;
    line-height: 16px;
  }
  .connect_contents-section .content-panel .list-wrap .typo-area .genre {
    margin-top: 12px;
  }
  .connect_contents-section .content-panel .list-wrap .typo-area .genre dl {
    font-size: 0;
  }
  .connect_contents-section .content-panel .list-wrap .typo-area .genre dl span {
    font-size: 10px;
    line-height: 16px;
  }
  .connect_contents-section .content-panel .list-wrap .typo-area .genre dt {
    display: block;
  }
  .connect_contents-section .content-panel .list-wrap .typo-area .genre dt strong {
    margin-right: 10px;
    padding: 4px 7px;
    border-radius: 10px;
  }
  .connect_contents-section .content-panel .list-wrap .typo-area .genre dt span {
    font-size: 9px;
    line-height: 12px;
  }
  .connect_contents-section .content-panel .list-wrap .typo-area .genre dd {
    display: inline-block;
    margin-top: 4px;
    padding: 0px 0px;
    margin-right: 12px;
  }
}

.connect_contents-section .content-panel .list-wrap.swiper-container {
  width: calc( 100% + 24px);
  margin-left: -12px;
  position: relative;
  overflow: visible;
}

.connect_contents-section .content-panel .list-wrap.swiper-container .card-list {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
}

.connect_contents-section .content-panel .list-wrap.swiper-container .card-list > li {
  margin-top: 0;
}

.connect_contents-section .content-panel .list-wrap.swiper-container .swiper_button {
  display: flex;
  margin-top: 60px;
}

.connect_contents-section .content-panel .list-wrap.swiper-container .swiper_button button:last-child {
  margin-left: 32px;
}

.connect_contents-section .content-panel .list-wrap.swiper-container .swiper_button .spf::before {
  font-size: 40px;
}

.connect_contents-section .content-panel .list-wrap.swiper-container .swiper_button .swiper-button-disabled i::before,
.connect_contents-section .content-panel .list-wrap.swiper-container .swiper_button .swiper-button-disabled i::before {
  opacity: 0.2;
}

.connect_contents-section .content-panel .list-wrap.swiper-container .swiper-scrollbar {
  position: absolute;
  left: 12%;
  bottom: 20px;
  right: 12px;
  width: auto;
  height: 4px;
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .connect_contents-section .content-panel .list-wrap.swiper-container {
    width: calc( 100% + 10px);
    margin-left: -5px;
  }
  .connect_contents-section .content-panel .list-wrap.swiper-container .card-list > li {
    width: 50%;
  }
  .connect_contents-section .content-panel .list-wrap.swiper-container .swiper_button {
    display: none;
  }
  .connect_contents-section .content-panel .list-wrap.swiper-container .swiper-scrollbar {
    position: static;
    left: 0;
    bottom: 0;
    height: 2px;
    margin-top: 16px;
  }
  .connect_contents-section .content-panel .list-wrap.swiper-container.swiper-container-initialized .card-list > li {
    width: 45%;
  }
}


.product-list-section .module_product ul{
  display: flex;
  flex-wrap: wrap;
  margin: -12px;
}

.product-list-section .module_product ul > li {
  width: 25%;
  padding: 12px;
}

.product-list-section .module_product .thumb-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.product-list-section .module_product .thumb-area .img-ratio {
  border-radius: 6px;
  overflow: hidden;
}

.product-list-section .module_product .thumb-area .cate-icon {
  position: absolute;
  z-index: 2;
  right: 15px;
  top: 15px;
}

@media all and (max-width: 959px) {
  .product-list-section .module_product ul {
    margin: -5px;
  }
  .product-list-section .module_product ul > li {
    width: 50%;
    padding: 5px;
  }
  .product-list-section .module_product .thumb-area .img-ratio {
    border-radius: 4px;
  }
  .product-list-section .module_product .thumb-area .cate-icon {
    right: 8px;
    top: 8px;
  }
}


.event_editor-section .view_editor-area {
  max-width: 1096px;
  margin: 0 auto;
}




.ip_view_contents-section {
  position: relative;
}

.ip_view_contents-section.theme-light .section-wrap {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 40.66%, white 67.94%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 40.66%, white 67.94%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 40.66%, white 67.94%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ip_view_contents-section.theme-light .content-panel {
  color: #000;
}

.ip_view_contents-section.theme-light .content-panel .panel-header .header-inner .title-main span,
.ip_view_contents-section.theme-light .content-panel .panel-header .header-inner .category-list li {
  color: #000;
}

.ip_view_contents-section.theme-light .content-panel .panel-header .header-inner .category-list li + li::before {
  background: rgba(0, 0, 0, 0.4);
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .img-area .poster_swiper-area .hide_button {
  color: #fff;
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon {
  border: 1px solid rgba(0, 0, 0, 0.6);
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-instargram {
  background: url("../images/common/icon_instagram-dk.svg") no-repeat center;
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-facebook {
  background: url("../images/common/icon_facebook-dk.svg") no-repeat center;
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-youtube {
  background: url("../images/common/icon_youtube-dk.svg") no-repeat center;
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-twitter {
  background: url("../images/common/icon_X-dk.svg") no-repeat center;
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-kakaostory {
  background: url("../images/common/icon_kakaostory-dk.svg") no-repeat center;
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-navertv {
  background: url("../images/common/icon_navertv-dk.svg") no-repeat center;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-instargram, .ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-facebook, .ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-youtube, .ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-twitter, .ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-kakaostory, .ip_view_contents-section.theme-light .content-panel .info_view-warp .sns_list-warp .icon.icon-navertv {
    background-size: 40px 40px;
  }
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .info_text-area .ellipsis_more .toggle {
  color: rgba(0, 0, 0, 0.6);
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .info_text-area .ellipsis_more .toggle .spf, .ip_view_contents-section.theme-light .content-panel .info_view-warp .info_text-area .ellipsis_more .toggle .spf-envelope:before {
  color: black;
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .info_text-area .info_box.ol_scroll-style.ol_scroll_dark-style.os-host-overflow-y .os-padding:after {
  height: 100px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%, #ffffff 100%);
}

.ip_view_contents-section.theme-light .content-panel .info_view-warp .info_text-area .info_btn-warp .btn_set-double .btn {
  border-color: rgba(0, 0, 0, 0.8);
  color: #000;
}

.ip_view_contents-section.theme-dark .section-wrap {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 40.66%, black 67.94%, black 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 40.66%, black 67.94%, black 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 40.66%, black 67.94%, black 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ip_view_contents-section .section_bg {
  min-width: 1360px;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .section_bg {
    min-width: 100%;
  }
}

.ip_view_contents-section .section-wrap {
  padding: 60px 0 120px !important;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .section-wrap {
    padding: 40px 0 32px !important;
  }
}

.ip_view_contents-section .content-panel {
  color: #fff;
}

.ip_view_contents-section .content-panel .panel-header {
  padding-bottom: 60px;
}

.ip_view_contents-section .content-panel .panel-header .header-inner {
  padding-right: 370px;
}

.ip_view_contents-section .content-panel .panel-header .header-inner .title-main span {
  color: #fff;
  font-size: 50px;
  line-height: 74px;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .panel-header {
    padding-bottom: 40px;
  }
  .ip_view_contents-section .content-panel .panel-header .header-inner {
    padding-right: 0;
  }
  .ip_view_contents-section .content-panel .panel-header .header-inner .title-main span {
    font-size: 28px;
    line-height: 40px;
  }
}

.ip_view_contents-section .content-panel .info_view-warp {
  display: flex;
  justify-content: space-between;
  position: relative;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .info_view-warp {
    flex-direction: column;
  }
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .img-box {
  width: 100%;
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area {
  overflow: hidden;
  width: 648px;
  overflow: hidden;
  border-radius: 6px;
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .swiper-slide .noimg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #E0E0E0;
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .swiper-slide .img-box {
  padding-bottom: 143.8271604938272%;
  height: 0;
  overflow: hidden;
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .swiper-slide .img-box .lazyload-wrapper {
  width: 100%;
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .swiper-slide .img-box .lazyload-wrapper img {
  width: 100%;
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .button-prev {
  border-radius: 6px 0 0 6px;
  overflow: hidden;
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .button-next {
  border-radius: 0 6px 6px 0;
  overflow: hidden;
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .spf, .ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .spf-envelope:before {
  padding: 16px;
  background: rgba(0, 0, 0, 0.3);
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .spf::before {
  font-size: 40px;
}

.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .swiper-button-disabled i::before,
.ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .swiper-button-disabled i::before {
  opacity: 0.2;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .info_view-warp .img-area {
    margin: 0 34px;
  }
  .ip_view_contents-section .content-panel .info_view-warp .img-area .img-box {
    border-radius: 4px;
  }
  .ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area {
    width: 100%;
    border-radius: 4px;
  }
  .ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .button-prev {
    border-radius: 4px 0 0 4px;
    overflow: hidden;
  }
  .ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .button-next {
    border-radius: 0 4px 4px 0;
    overflow: hidden;
  }
  .ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .spf, .ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .spf-envelope:before {
    padding: 9px 10px;
  }
  .ip_view_contents-section .content-panel .info_view-warp .img-area .poster_swiper-area .swiper-container .hide_button .spf::before {
    font-size: 24px;
  }
}

.ip_view_contents-section .content-panel .info_view-warp .sns_list-warp {
  position: absolute;
  top: -184px;
  right: 33px;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .info_view-warp .sns_list-warp {
    position: static;
    margin-top: 24px;
    text-align: center;
  }
  .ip_view_contents-section .content-panel .info_view-warp .sns_list-warp .sns_list {
    justify-content: center;
  }
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area {
  width: 612px;
  position: relative;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area {
    width: 100%;
    margin-top: 40px;
  }
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .multiline-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .multiline-ellipsis.opened {
  max-height: revert;
  display: block;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .multiline-ellipsis.no-ellipsis {
  display: inline-block;
  max-height: 120px;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .multiline-ellipsis.no-ellipsis.opened {
  max-height: revert;
  display: block;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .multiline-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .multiline-ellipsis.no-ellipsis {
    max-height: 84px;
  }
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .ellipsis_more {
  display: none;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .ellipsis_more .toggle {
  display: block;
  margin-top: 12px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.6);
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .ellipsis_more .toggle .spf, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .ellipsis_more .toggle .spf-envelope:before {
  color: white;
  margin-left: 5px;
  vertical-align: middle;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .ellipsis_more .toggle .spf::before {
  font-size: 16px;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .ellipsis_more.open .toggle .spf::before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .ellipsis_more .toggle {
    margin-top: 8px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
  }
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .ellipsis_more .toggle .spf::before {
    font-size: 10px;
  }
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .sub_tit {
  font-size: 38px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 32px;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .sub_tit {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.03em;
    margin-bottom: 12px;
  }
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .story-wrap {
  font-size: 20px;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: -0.01em;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .story-wrap {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
  }
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box {
  max-height: 829px;
  overflow: hidden;
  margin-bottom: 105px;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box.ol_scroll-style.ol_scroll_dark-style.os-host-overflow-y .os-padding:after {
  height: 100px;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph {
  margin-top: 80px;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li:first-child, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph:first-child {
  margin-top: 0;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl {
  padding-left: 115px;
  margin-top: 16px;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl:first-child, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl:first-child {
  margin-top: 0;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dt, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dd, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dt, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dd {
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -0.01em;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dt, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dt {
  position: absolute;
  font-weight: 700;
  display: inline-block;
  width: 115px;
  padding-right: 40px;
  margin-left: -115px;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dd, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dd {
  font-weight: 400;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl{
  position: relative;
}
.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dt {
  /* line-height: 1;
  top: 50%;
  transform: translateY(-50%); */
  line-height: 40px;
  top: 0;
  word-break: keep-all;
}

html.lang-en .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl, 
html.lang-en .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl{
  padding-left: 250px;
}

html.lang-en .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dt, 
html.lang-en .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dt{
  width: 250px;
  margin-left: -250px;
}


@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box {
    max-height: none;
    overflow: hidden;
    margin-bottom: 40px;
  }
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box.ol_scroll-style.ol_scroll_dark-style.os-host-overflow-y .os-padding:after {
    display: none;
  }
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph {
    margin-top: 60px;
  }
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl {
    padding-left: 85px;
    margin-top: 12px;
  }
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dt, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dd, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dt, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dd {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
  }
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dt, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dt {
    font-weight: 500;
    width: 85px;
    padding-right: 15px;
    margin-left: -85px;
  }
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dd, .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dd {
    font-weight: 400;
  }

  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dt {
    /* line-height: 1;
    top: 50%;
    transform: translateY(-50%); */

    line-height: 1;
    top: 7px;
  }

  html.lang-en .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl, 
  html.lang-en .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl{
    padding-left: 35%;
  }

  html.lang-en .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box li dl dt, 
  html.lang-en .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph dl dt{
    width: 35%;
    margin-left: -35%;
  }

  html.lang-en .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph .title_multiline{
    height: 56px;
  }

  html.lang-en .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_box .paragraph .title_multiline dt{
    line-height: 28px;
    top: 0;
  }
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_btn-warp {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_btn-warp .btn_set-double .btn {
  padding: 26px 10px;
}

@media all and (max-width: 959px) {
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_btn-warp {
    position: static;
  }
  .ip_view_contents-section .content-panel .info_view-warp .info_text-area .info_btn-warp .btn_set-double .btn {
    padding: 11px 10px;
  }
}

.page_lnb-wrap {
  box-shadow: 0px -20px 30px rgba(0, 0, 0, 0.25);
}

.page_lnb-wrap .section-wrap {
  min-width: 1320px;
  overflow: hidden;
  transition: top 0.2s ease-out;
}

.page_lnb-wrap .section-wrap .sub_lnb-box {
  padding: 12px 20px;
  width: 1360px;
  margin: 0 auto;
  overflow: hidden;
  overflow-x: auto;
}

.page_lnb-wrap .section-wrap .sub_lnb-box .sub_lnb-list {
  display: flex;
  position: relative;
}

.page_lnb-wrap .section-wrap .sub_lnb-box .sub_lnb-list li a {
  display: block;
  padding: 8px 22px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
  border-radius: 30px;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid transparent;
}

.page_lnb-wrap .section-wrap .sub_lnb-box .sub_lnb-list li.active a {
  background: #fff;
  color: #000;
  font-weight: 700;
}

.page_lnb-wrap .section-wrap.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.page_lnb-wrap .section-wrap.fixed_up {
  position: fixed;
  top: 260px;
  left: 0;
  right: 0;
  z-index: 100;
}

.page_lnb-wrap .section-wrap .swiper-wrapper .swiper-slide {
  width: auto !important;
}

@media all and (max-width: 959px) {
  .page_lnb-wrap .section-wrap {
    min-width: 100%;
    padding: 0px 16px !important;
    width: 100%;
  }
  .page_lnb-wrap .section-wrap .sub_lnb-box {
    width: 100%;
    min-width: 100%;
    padding: 9px  0px;
  }
  .page_lnb-wrap .section-wrap .sub_lnb-box .sub_lnb-list li a {
    padding: 9px 12px;
    font-size: 15px;
    line-height: 22px;
  }
  .page_lnb-wrap .section-wrap.fixed_up {
    top: 117px;
  }
  .page_lnb-wrap .section-wrap.fixed .sub_lnb-box .sub_lnb-list li a, .page_lnb-wrap .section-wrap.fixed_up .sub_lnb-box .sub_lnb-list li a {
    font-size: 16px;
  }
}

.page_lnb-wrap.theme-light {
  position: relative;
  box-shadow: 0px 0px 250px rgba(0, 0, 0, 0.08);
}

.page_lnb-wrap.theme-light .section-wrap .sub_lnb-box .sub_lnb-list li a {
  color: rgba(0, 0, 0, 0.4);
  border: 1px solid transparent;
}

.page_lnb-wrap.theme-light .section-wrap .sub_lnb-box .sub_lnb-list li.active a {
  color: black;
  border-color: #ccc;
}

.page_lnb-wrap + .js-lnb_contents {
  padding-top: 90px;
}

@media all and (max-width: 959px) {
  .page_lnb-wrap + .js-lnb_contents {
    padding-top: 45px;
  }
}

.media_swiper-section {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}

@media all and (max-width: 959px) {
  .media_swiper-section .section-wrap {
    overflow: hidden;
  }
}

.media_swiper-section .content-panel .multi_swiper-wrap {
  /* ------------ main */
  /* ------------ thum */
}

.media_swiper-section .content-panel .multi_swiper-wrap.media_playing .control-area {
  opacity: 0;
}

.media_swiper-section .content-panel .multi_swiper-wrap.media_playing .main-area:hover .control-area {
  opacity: 1;
}

.media_swiper-section .content-panel .multi_swiper-wrap.media_playing .main-area:hover .dim-area {
  opacity: 1;
}

.media_swiper-section .content-panel .multi_swiper-wrap .media_view {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.media_swiper-section .content-panel .multi_swiper-wrap .media_view .img-ratio {
  padding-bottom: 56.25%;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper {
  position: relative;
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper {
    overflow: visible;
  }
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper.single_slider .swiper-slide {
    width: 100% !important;
  }
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper.single_slider .page-area {
    width: 100%;
  }
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper.single_slider .page-area .page-box {
    left: auto;
    right: 8px;
  }
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .swiper-slide {
  /* youtubePlaying, videoPlaying */
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .swiper-slide.videoPlaying .bg-area, .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .swiper-slide.youtubePlaying .bg-area {
  display: none;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .swiper-slide.videoPlaying .btn-box, .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .swiper-slide.youtubePlaying .btn-box {
  display: none;
}

@media all and (max-width: 959px) {
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .swiper-slide {
    width: 268px !important;
  }
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .video-area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .video-area .video_view {
  width: 100%;
  height: 100%;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .bg-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .dim-area {
  display: none;
  visibility: visible;
  opacity: 0;
  -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;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 68.29%, rgba(0, 0, 0, 0.0424779) 75.57%, rgba(0, 0, 0, 0.2) 81.51%, rgba(0, 0, 0, 0.64) 90.18%);
}

@media all and (max-width: 959px) {
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .dim-area {
    display: none;
  }
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .time-box {
  display: none;
  padding: 4px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  font-size: 0;
  z-index: 4;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .time-box span {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.6;
}

@media all and (max-width: 959px) {
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .time-box {
    display: block;
  }
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .btn-box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
  z-index: 5;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .btn-box .media_play-btn img {
  width: 100%;
}

@media all and (max-width: 959px) {
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .btn-box {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
  }
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .control-area {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  overflow: hidden;
  z-index: 5;
  font-size: 0;
  -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;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .control-area .button-main_prev {
  padding: 16px 16px 16px 22px;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .control-area .button-main_next {
  padding: 16px 22px 16px 16px;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .control-area .button-main_prev.swiper-button-disabled i, .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .control-area .button-main_next.swiper-button-disabled i {
  opacity: .4;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .control-area i {
  opacity: .8;
  text-align: center;
  width: 40px;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .control-area i::before {
  font-size: 40px;
  color: #FFFFFF;
}

@media all and (max-width: 959px) {
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .control-area {
    display: none;
  }
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area .page-box {
  position: absolute;
  top: 24px;
  right: 24px;
  left: auto;
  bottom: auto;
  width: auto;
  height: auto;
  display: inline-block;
  padding: 8px 14px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 5;
  text-align: center;
  font-size: 0;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area span {
  vertical-align: middle;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area span.bar {
  margin: 0 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area span.swiper-pagination-current {
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area span.swiper-pagination-total {
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 268px;
  }
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area.last_slider {
    width: 100%;
  }
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area .page-box {
    top: 8px;
    right: 8px;
    padding: 4px 8px;
    border-radius: 4px;
  }
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area span.bar {
    margin: 0 3px;
    font-weight: 900;
    font-size: 8px;
    line-height: 18px;
  }
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area span.swiper-pagination-current {
    font-size: 12px;
    line-height: 18px;
  }
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .page-area span.swiper-pagination-total {
    font-size: 12px;
    line-height: 18px;
  }
}

.media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .ad_skip {
  bottom: 80px;
}

@media all and (max-width: 959px) {
  .media_swiper-section .content-panel .multi_swiper-wrap .main-area .main_swiper .ad_skip {
    bottom: 20px;
  }
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area {
  position: relative;
}

@media all and (max-width: 959px) {
  .media_swiper-section .content-panel .multi_swiper-wrap .thum-area {
    display: none;
  }
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper {
  position: relative;
  padding: 24px 0;
  overflow: hidden;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .swiper-slide {
  cursor: pointer;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .swiper-slide .media_view::after {
  display: block;
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .6;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .swiper-slide.active .media_view::after {
  border-radius: 6px;
  border: 4px solid #F90228;
  box-sizing: border-box;
  background-color: transparent;
  opacity: 1;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .swiper-slide.active .play-box i:after {
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -351px 0px;
  width: 32px;
  height: 32px;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .play-box {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 5;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .play-box i {
  display: block;
  width: 32px;
  height: 32px;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .play-box i:after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -351px -42px;
  width: 32px;
  height: 32px;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .time-box {
  position: absolute;
  right: 16px;
  bottom: 16px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  font-size: 0;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .time-box span {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.6;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_prev, .media_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_next {
  position: absolute;
  top: 50%;
  margin-top: -27px;
  z-index: 6;
  font-size: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  overflow: hidden;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_prev.swiper-button-disabled, .media_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_next.swiper-button-disabled {
  display: none;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_prev i, .media_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_next i {
  position: relative;
  display: block;
  width: 54px;
  height: 54px;
  background-color: #fff;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_prev i::before, .media_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_next i::before {
  font-size: 54px;
  line-height: 1;
  color: black;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_prev {
  left: -20px;
}

.media_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_next {
  right: -20px;
}

.audio_swiper-section {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}

.audio_swiper-section .content-panel .audio_swiper-wrap {
  overflow: hidden;
  width: calc(100% + 32px);
  margin-left: -16px;
  padding: 0 16px;
}

.audio_swiper-section .content-panel .audio_swiper-wrap #bg-audio {
  display: none;
}

.audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide .slide-inner {
  padding: 60px 65px 40px;
  background-color: #F8F8F8;
  border-radius: 6px;
}

.audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide .img-ratio {
  bottom: 100%;
}

.audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide .typo-area {
  margin-top: 32px;
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide .typo-area span {
  font-weight: 500;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #000000;
}

@media all and (max-width: 959px) {
  .audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide {
    width: 244px !important;
  }
  .audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide .slide-inner {
    padding: 35px 38px 24px;
  }
  .audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide .typo-area {
    margin-top: 18px;
  }
  .audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide .typo-area span {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide .btn-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  z-index: 5;
}

.audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide .btn-box .media_play-btn img {
  width: 100%;
}

@media all and (max-width: 959px) {
  .audio_swiper-section .content-panel .audio_swiper-wrap .swiper-wrapper .swiper-slide .btn-box {
    width: 34px;
    height: 34px;
    margin-left: -17px;
    margin-top: -17px;
  }
}

/* 공통 재정의 */
section.belt_banner-section .section-wrap > .section-inner {
  width: 100%;
  min-width: 100%;
  padding: 0px;
}

@media all and (max-width: 1360px) {
  section.belt_banner-section .section-wrap > .section-inner {
    width: 1360px;
    padding: 0px;
    min-width: none;
  }
}

@media all and (max-width: 959px) {
  section.belt_banner-section .section-wrap > .section-inner {
    width: 100%;
    min-width: 100%;
    padding: 0px;
  }
}

/* 띠베너 */
.belt_banner-section {
  /* ================== 옵션 정의 (타입 top, middle, bottom) ================== */
  /* ================== 옵션 정의 (typo정열 , image ) ================== */
  /* ================== 배너 정의 ================== */
}

.belt_banner-section .section-wrap {
  background: #2c3584;
  padding: 0 !important;
}

.belt_banner-section .section-wrap.position_type-top .content-panel .panel-body .swiper-wrapper .swiper-slide.con_mode-typo .slide-inner {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 100px;
  padding-right: 100px;
}

.belt_banner-section .section-wrap.position_type-top .content-panel .panel-body .swiper-wrapper .swiper-slide.con_mode-image .slide-inner {
  padding-top: 0px;
  padding-bottom: 0px;
}

.belt_banner-section .section-wrap.position_type-top .content-panel .panel-body .swiper-wrapper .swiper-slide .slide-inner .img-box .lazyload-wrapper img {
  max-height: 130px;
}

@media all and (max-width: 959px) {
  .belt_banner-section .section-wrap.position_type-top .content-panel .panel-body .swiper-wrapper .swiper-slide.con_mode-typo .slide-inner {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .belt_banner-section .section-wrap.position_type-top .content-panel .panel-body .swiper-wrapper .swiper-slide.con_mode-image .slide-inner {
    text-align: center;
  }
  .belt_banner-section .section-wrap.position_type-top .content-panel .panel-body .swiper-wrapper .swiper-slide .slide-inner .img-box .lazyload-wrapper img {
    max-height: 120px;
  }
}

.belt_banner-section .section-wrap.position_type-middle, .belt_banner-section .section-wrap.position_type-bottom {
  padding: 0;
}

.belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .swiper-wrapper .swiper-slide.con_mode-typo .slide-inner, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .swiper-wrapper .swiper-slide.con_mode-typo .slide-inner {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 100px;
  padding-right: 100px;
}

@media all and (max-width: 959px) {
  .belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .swiper-wrapper .swiper-slide.con_mode-typo .slide-inner, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .swiper-wrapper .swiper-slide.con_mode-typo .slide-inner {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .swiper-wrapper .swiper-slide.con_mode-image .slide-inner, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .swiper-wrapper .swiper-slide.con_mode-image .slide-inner {
  padding: 0px;
}

.belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .swiper-wrapper .swiper-slide .typo-box .banner-main_txt, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .swiper-wrapper .swiper-slide .typo-box .banner-main_txt {
  font-size: 38px;
  line-height: 58px;
}

.belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .swiper-wrapper .swiper-slide .typo-box .banner-sub_txt, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .swiper-wrapper .swiper-slide .typo-box .banner-sub_txt {
  margin-top: 12px;
  font-size: 22px;
  line-height: 34px;
}

@media all and (max-width: 959px) {
  .belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .swiper-wrapper .swiper-slide .typo-box .banner-main_txt, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .swiper-wrapper .swiper-slide .typo-box .banner-main_txt {
    font-size: 18px;
    line-height: 30px;
  }
  .belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .swiper-wrapper .swiper-slide .typo-box .banner-sub_txt, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .swiper-wrapper .swiper-slide .typo-box .banner-sub_txt {
    margin-top: 6px;
    font-size: 15px;
    line-height: 26px;
  }
}

.belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .button-close, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .button-close {
  top: 20px;
}

.belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .button-close i::before, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .button-close i::before {
  font-size: 32px;
}

.belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .button-close i:before, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .button-close i:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

@media all and (max-width: 959px) {
  .belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .button-close, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .button-close {
    top: 12px;
    right: 12px;
  }
  .belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .button-close i::before, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .button-close i::before {
    font-size: 16px;
  }
  .belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .button-close i:before, .belt_banner-section .section-wrap.position_type-bottom .content-panel .panel-body .button-close i:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "";
  }
}

.belt_banner-section .section-wrap.position_type-middle .content-panel .panel-body .swiper-wrapper .swiper-slide {
  width: 100%;
}

.belt_banner-section .section-wrap.position_type-middle .button-box {
  display: none !important;
}

.belt_banner-section .section-wrap.position_type-middle .pagination {
  display: none !important;
}

.belt_banner-section .section-wrap.position_type-middle .button-close {
  display: none !important;
}

.belt_banner-section .section-wrap.position_type-bottom.fixed_bottom {
  position: fixed;
  bottom: 0;
  z-index: 201;
  width: 100%;
}

.belt_banner-section .section-wrap.item_ones .button-box {
  display: none !important;
}

.belt_banner-section .section-wrap.item_ones .pagination {
  display: none !important;
}

.belt_banner-section .section-wrap.item_zero {
  display: none !important;
}

.belt_banner-section .content-panel .panel-body {
  padding: 0;
}

.belt_banner-section .content-panel .panel-body .swiper-slide.con_mode-typo .slide-inner.con_align-center .banner-main_txt {
  text-align: center;
}

.belt_banner-section .content-panel .panel-body .swiper-slide.con_mode-typo .slide-inner.con_align-center .banner-sub_txt {
  text-align: center;
}

.belt_banner-section .content-panel .panel-body .swiper-slide.con_mode-image .slide-inner .pagination {
  bottom: 13px;
}

.belt_banner-section .content-panel .panel-body .swiper-slide.con_mode-image .slide-inner .button-box {
  bottom: 0;
}

@media all and (max-width: 959px) {
  .belt_banner-section .content-panel .panel-body .swiper-slide.con_mode-typo .slide-inner.con_align-left {
    padding-left: 0px;
  }
  .belt_banner-section .content-panel .panel-body .swiper-slide.con_mode-typo .slide-inner.con_align-center {
    text-align: center;
  }
}

.belt_banner-section .content-panel .panel-body {
  position: relative;
  /* UI */
  /* 컨텐츠 */
}

.belt_banner-section .content-panel .panel-body .gallery_center {
  position: relative;
  width: 100%;
  min-width: 1360px;
}

.belt_banner-section .content-panel .panel-body .gallery_center .control-group {
  position: relative;
  padding: 0px;
  width: 1320px;
  margin: 0 auto;
}

.belt_banner-section .content-panel .panel-body .gallery_center .button-box {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 4;
  width: 64px;
  height: 30px;
  font-size: 0;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 2px;
}

.belt_banner-section .content-panel .panel-body .gallery_center .button-prev, .belt_banner-section .content-panel .panel-body .gallery_center .button-next {
  display: inline-block;
  opacity: 0.4;
  padding: 7px 8px;
  font-size: 0;
  color: #ffffff;
}

.belt_banner-section .content-panel .panel-body .gallery_center .button-prev i, .belt_banner-section .content-panel .panel-body .gallery_center .button-next i {
  width: 16px;
  height: 16px;
  font-size: 16px;
}

.belt_banner-section .content-panel .panel-body .gallery_center .button-prev:hover, .belt_banner-section .content-panel .panel-body .gallery_center .button-next:hover {
  opacity: 1;
}

.belt_banner-section .content-panel .panel-body .gallery_center .pagination {
  position: absolute;
  bottom: 12px;
  z-index: 2;
  width: 100%;
  padding-right: 84px;
  font-size: 0;
  text-align: right;
}

.belt_banner-section .content-panel .panel-body .gallery_center .pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 3px;
  opacity: 1;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.2);
  -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;
}

.belt_banner-section .content-panel .panel-body .gallery_center .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  background: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .belt_banner-section .content-panel .panel-body .gallery_center {
    width: 100%;
    min-width: 100%;
  }
  .belt_banner-section .content-panel .panel-body .gallery_center .control-group {
    padding: 0px;
    width: 100%;
  }
  .belt_banner-section .content-panel .panel-body .gallery_center .button-box {
    display: none;
  }
  .belt_banner-section .content-panel .panel-body .gallery_center .button-prev, .belt_banner-section .content-panel .panel-body .gallery_center .button-next {
    display: none;
  }
  .belt_banner-section .content-panel .panel-body .gallery_center .pagination {
    text-align: center;
    bottom: 6px;
    padding-right: 0px;
  }
}

.belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide {
  position: relative;
  background-color: #2c3584;
  width: 1320px;
  height: auto;
  min-height: 100%;
}

.belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .slide-inner {
  position: relative;
  height: 100%;
  padding: 0 0px;
  width: 1320px;
  margin: 0 auto;
}

.belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .slide-inner .typo-box {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}

.belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .slide-inner .img-box {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}

.belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .slide-inner .img-box .lazyload-wrapper {
  text-align: center;
  font-size: 0;
}

.belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .slide-inner .img-box .lazyload-wrapper img {
  margin: 0 auto;
  max-height: 260px;
}

.belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .banner-main_txt {
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -0.02em;
}

.belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .banner-sub_txt {
  margin-top: 6px;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.02em;
  opacity: 0.6;
}

@media all and (max-width: 959px) {
  .belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide {
    width: 100% !important;
    max-width: none;
  }
  .belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .slide-inner {
    width: 100% !important;
    min-width: 100%;
  }
  .belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .slide-inner .img-box .lazyload-wrapper img {
    max-height: 140px;
  }
  .belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .banner-main_txt {
    font-size: 18px;
    line-height: 30px;
  }
  .belt_banner-section .content-panel .panel-body .swiper-wrapper .swiper-slide .banner-sub_txt {
    margin-top: 4px;
    font-size: 15px;
    line-height: 26px;
  }
}

.belt_banner-section .content-panel .panel-body .button-close {
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 0;
  color: #ffffff;
}

.belt_banner-section .content-panel .panel-body .button-close i::before {
  font-size: 16px;
}

.belt_banner-section .content-panel .panel-body .button-close i:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  content: "";
}

@media all and (max-width: 959px) {
  .belt_banner-section .content-panel .panel-body .button-close {
    top: 6px;
    right: 6px;
  }
  .belt_banner-section .content-panel .panel-body .button-close i::before {
    font-size: 16px;
  }
  .belt_banner-section .content-panel .panel-body .button-close i:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "";
  }
}

/*html베너*/
.html-section .html_banner {
  position: relative;
}

.html-section .html_banner .inner {
  border-radius: 6px;
  overflow: hidden;
}

.html-section .html_banner .inner .text_info {
  position: absolute;
  top: 80px;
  left: 100px;
  bottom: 80px;
  width: 560px;
}

.html-section .html_banner .inner .text_info .banner_name dt {
  font-weight: 700;
  font-size: 38px;
  line-height: 58px;
  letter-spacing: -0.02em;
  color: #fff;
}

.html-section .html_banner .inner .text_info .banner_name dd {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 10px;

  max-height: 128px;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break:keep-all;
}

.html-section .html_banner .inner .text_info .btn_set {
  position: absolute;
  bottom: 0;
  left: 0;
}

.html-section .html_banner .inner .text_info .btn_set span {
  color: #fff;
}

.html-section .html_banner .inner .text_info .btn_set a {
  width: 180px;
  height: 60px;
  background-color: transparent;
  border-color: #fff;
  padding: 0 10px;
}

.html-section .html_banner .inner .text_info .btn_set a span {
  line-height: 58px;
}

.html-section .html_banner .inner .text_info .btn_set a + a {
  margin-left: 5px;
}

.html-section .html_banner .inner .text_info.right {
  left: auto;
  right: 100px;
}

@media all and (max-width: 959px) {
  .html-section .html_banner .inner {
    border-radius: 4px;
  }
  .html-section .html_banner .inner .only-mb img {
    width: 100%;
  }
  .html-section .html_banner .inner .text_info {
    width: 100%;
    position: static;
    padding: 53vw 14px 10px;
  }
  .html-section .html_banner .inner .text_info .banner_name dt {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.02em;
  }
  .html-section .html_banner .inner .text_info .banner_name dd {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.01 em;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 2px;

    max-height: 80px;
  }
  .html-section .html_banner .inner .text_info .btn_set {
    display: flex;
    position: static;
    margin-top: 16px;
  }
  .html-section .html_banner .inner .text_info .btn_set span {
    color: #fff;
  }
  .html-section .html_banner .inner .text_info .btn_set a {
    width: 50%;
    height: 48px;
  }
  .html-section .html_banner .inner .text_info .btn_set a span {
    font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 46px;
  }
  .html-section .html_banner .inner .text_info .btn_set a:first-child {
    padding-right: 3px;
  }
  .html-section .html_banner .inner .text_info .btn_set a:last-child {
    padding-left: 3px;
  }
}

/*광고바베너*/
.bar_banner-section {
  width: 100%;
  overflow: hidden;
}

.bar_banner-section .section-wrap {
  padding: 0;
  min-width: 1360px;
}

.bar_banner-section .section-wrap .bar_banner {
  min-width: 728px;
  max-width: 970px;
  height: 90px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

.bar_banner-section .section-wrap .bar_banner img {
  width: auto;
  max-width: 100%;
}

@media all and (max-width: 959px) {
  .bar_banner-section .section-wrap {
    min-width: 100%;
    background-size: 100%;
  }
  .bar_banner-section .section-wrap .section-inner {
    padding: 0;
  }
  .bar_banner-section .section-wrap .bar_banner {
    min-width: 320px;
    max-width: 320px;
    height: auto;
    min-height: 50px;
    max-height: 100px;
  }

  .bar_banner-section .section-wrap .bar_banner.type02 {
    min-width: 300px;
    max-width: 300px;
    height: auto;
    min-height: 250px;
    max-height: 250px;
  }
}

/*서브페이지 광고바베너*/

.sub_bar_banner-area .bar_banner {
  width: 970px;
  height: 90px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

.sub_bar_banner-area .bar_banner img {
  width: auto;
  max-width: 100%;
}

@media all and (max-width: 959px) {
  .sub_bar_banner-area .bar_banner {
    width: 320px;
    height: 100px;
  }
}





/* 프로그램 소개 배너 */

.program_banner-section .content-panel .program_banner-warp {
  position: relative;
}

.program_banner-section .content-panel .program_banner-warp .inner {
  border-radius: 6px;
  overflow: hidden;
}

.program_banner-section .content-panel .program_banner-warp .inner .text_info {
  position: absolute;
  top: 80px;
  left: 100px;
  bottom: 80px;
  width: 560px;
}

.program_banner-section .content-panel .program_banner-warp .inner .text_info .banner_name dt {
  font-weight: 700;
  font-size: 38px;
  line-height: 58px;
  letter-spacing: -0.02em;
  color: #fff;
}

.program_banner-section .content-panel .program_banner-warp .inner .text_info .banner_name dd {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 10px;

  max-height: 128px;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break:keep-all;
}

.program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set {
  position: absolute;
  bottom: 0;
  left: 0;
}

.program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set span {
  color: #fff;
}

.program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set a {
  width: 180px;
  height: 60px;
  background-color: transparent;
  border-color: #fff; 
  padding: 0 10px;
}

.program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set a span {
  line-height: 58px;
}

.program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set a + a {
  margin-left: 5px;
}

.program_banner-section .content-panel .program_banner-warp .inner .text_info.right {
  left: auto;
  right: 100px;
}

@media all and (max-width: 959px) {
  .program_banner-section .content-panel .program_banner-warp .inner {
    border-radius: 4px;
  }
  .program_banner-section .content-panel .program_banner-warp .inner .only-mb img {
    width: 100%;
  }
  .program_banner-section .content-panel .program_banner-warp .inner .text_info,
  .program_banner-section .content-panel .program_banner-warp .inner .text_info.right {
    width: 100%;
    /* padding: 53vw 14px 10px; */
    padding: 0 10px 10px;
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
  }
  .program_banner-section .content-panel .program_banner-warp .inner .text_info .banner_name dt {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.02em;
  }
  .program_banner-section .content-panel .program_banner-warp .inner .text_info .banner_name dd {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.01 em;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 2px;

    max-height: 80px;
  }
  .program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set {
    display: flex;
    position: static;
    margin-top: 16px;
  }
  .program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set span {
    color: #fff;
  }
  .program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set a {
    width: 50%;
    height: 48px;
  }
  .program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set a span {
    font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 46px;
  }
  .program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set a:first-child {
    padding-right: 3px;
  }
  .program_banner-section .content-panel .program_banner-warp .inner .text_info .btn_set a:last-child {
    padding-left: 3px;
  }
}


.scheduler_brief-section {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}

.scheduler_brief-section .section-wrap {
  overflow: hidden;
}

.scheduler_brief-section .theme-dark .swiper_button button i {
  color: #fff;
  opacity: .6;
}

.scheduler_brief-section .scheduler_brief-wrap.theme-dark .scheduler-item .airtime-unit .ampm {
  color: #fff;
}

.scheduler_brief-section .scheduler_brief-wrap.theme-dark .scheduler-item .airtime-unit span {
  color: #fff;
}

.scheduler_brief-section .scheduler_brief-wrap.theme-dark .scheduler-item .program-unit .pro_name span {
  color: #fff;
}

.scheduler_brief-section .scheduler_brief-wrap.theme-dark .scheduler-item .program-unit .pro_round span {
  color: #fff;
}

.scheduler_brief-section .content-panel {
  /* 아이템 정의 - 채널 */
  /* 아이템 정의 - 프로그램 */
}

.scheduler_brief-section .content-panel .panel-footer {
  display: none;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .panel-footer.over_page {
    display: block;
  }
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide {
  position: relative;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .rowslide-inner {
  overflow: hidden;
  max-height: calc(670px + 40px);
  min-width: 100%;
  width: 100vw;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .rowslide-inner {
    max-height: calc(460px + 16px);
  }
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .rowslide-inner.row_full {
    max-height: none;
  }
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .swiper_button {
  position: absolute;
  top: -80px;
  right: 0;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .swiper_button button.swiper-button-disabled {
  opacity: .2;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .swiper_button i::before {
  font-size: 48px;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .swiper_button {
    display: none;
  }
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button {
  display: none;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button.over_page {
  display: block;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-prev, .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-next {
  font-size: 0;
  border-radius: 100%;
  background: white;
  position: absolute;
  left: 40px;
  width: 54px;
  height: 54px;
  padding: 0;
  text-align: center;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-prev .spf, .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-prev .spf-envelope:before, .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-next .spf, .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-next .spf-envelope:before {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-prev .spf::before, .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-next .spf::before {
  font-size: 54px;
  color: #000;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-prev.disabled, .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-next.disabled {
  visibility: hidden;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-prev, .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-next {
    display: none;
  }
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-prev {
  top: -22px;
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.04);
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .pro_row_button .pro_row-next {
  bottom: -22px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .live_now-area {
  position: absolute;
  top: -12px;
  left: 134px;
  height: 26px;
  width: calc( 100vw - 134px);
  overflow: hidden;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .live_now-area .live_now {
  position: absolute;
  top: 0;
  padding: 3px 7px 3px 19px;
  margin-left: 24px;
  -webkit-transition: left 0ms ease;
  -moz-transition: left 0ms ease;
  -ms-transition: left 0ms ease;
  -o-transition: left 0ms ease;
  transition: left 0ms ease;
  background-color: #FF1230;
  border-radius: 4px;
  z-index: 5;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .live_now-area .live_now::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 8px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .live_now-area .live_now span {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #fff;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .live_now-area {
    top: -10px;
    left: 56px;
    height: 20px;
    width: calc( 100vw - 56px);
  }
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .live_now-area .live_now {
    padding: 4px 6px 4px 14px;
    margin-left: 5px;
    -webkit-transition: left 0ms ease;
    -moz-transition: left 0ms ease;
    -ms-transition: left 0ms ease;
    -o-transition: left 0ms ease;
    transition: left 0ms ease;
  }
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .live_now-area .live_now::before {
    top: 8px;
    left: 6px;
    width: 4px;
    height: 4px;
  }
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .rowcol_scroll-rowslide .live_now-area .live_now span {
    display: block;
    font-size: 10px;
    line-height: 12px;
  }
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout {
  position: relative;
  /* display: flex;  */
  top: 0;
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
  /* 겔러리 */
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .channel-area {
  position: absolute;
  top: 0;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .scheduler-area {
  padding-left: 134px;
  width: 100%;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .scheduler-area {
    padding-left: 76px;
  }
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .galleryoverflow {
  width: 100% !important;
  overflow: hidden;
  /* padding-top: 12px; margin-top: -12px; */
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .gallery_scheduler .gallery_container {
  max-width: 1186px;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .gallery_scheduler .swiper-slide {
  position: relative;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .gallery_scheduler .swiper-slide.slide-live {
  width: 509px;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .gallery_scheduler .swiper-slide.slide-past {
  width: 388px;
}

.scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .gallery_scheduler .swiper-slide.slide-come {
  width: 388px;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .gallery_scheduler .gallery_container {
    max-width: calc(100% - 32px);
  }
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .gallery_scheduler .swiper-slide {
    position: relative;
  }
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .gallery_scheduler .swiper-slide.slide-live {
    width: 257px;
  }
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .gallery_scheduler .swiper-slide.slide-past {
    width: 257px;
  }
  .scheduler_brief-section .content-panel .scheduler_brief-wrap .channel_scheduler-layout .gallery_scheduler .swiper-slide.slide-come {
    width: 257px;
  }
}

.scheduler_brief-section .content-panel .channel-item + .channel-item {
  margin-top: 10px;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .channel-item + .channel-item {
    margin-top: 4px;
  }
}

.scheduler_brief-section .content-panel .channel-item .channel-inner {
  position: relative;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 134px;
  height: 134px;
  background-color: #25252B;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.scheduler_brief-section .content-panel .channel-item .channel-inner .logo img {
  max-width: 118px;
  max-height: 50px;
}

.scheduler_brief-section .content-panel .channel-item .channel-inner .btn-channel_link {
  position: absolute;
  top: 10px;
  right: 10px;
}

.scheduler_brief-section .content-panel .channel-item .channel-inner .btn-channel_link i {
  width: 16px;
  height: 16px;
  opacity: .4;
}

.scheduler_brief-section .content-panel .channel-item .channel-inner .btn-channel_link i::before {
  font-size: 16px;
  color: #fff;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .channel-item .channel-inner {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 72px;
    height: 92px;
  }
  .scheduler_brief-section .content-panel .channel-item .channel-inner .logo img {
    max-width: 62px;
    max-height: 26px;
  }
  .scheduler_brief-section .content-panel .channel-item .channel-inner .btn-channel_link {
    position: absolute;
    top: 6px;
    right: 4px;
  }
  .scheduler_brief-section .content-panel .channel-item .channel-inner .btn-channel_link i {
    width: 12px;
    height: 12px;
  }
  .scheduler_brief-section .content-panel .channel-item .channel-inner .btn-channel_link i::before {
    font-size: 12px;
  }
}

.scheduler_brief-section .content-panel .scheduler-item + .scheduler-item {
  margin-top: 10px;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item + .scheduler-item {
    margin-top: 4px;
  }
}

.scheduler_brief-section .content-panel .scheduler-item {
  /* 방송중 : 지난방송 : 예정 방송 */
}

.scheduler_brief-section .content-panel .scheduler-item .scheduler-inner {
  position: relative;
  height: 134px;
  background-color: rgba(155, 155, 155, 0.1);
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item .scheduler-inner {
    height: 92px;
  }
}

.scheduler_brief-section .content-panel .scheduler-item .layout-flex {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  /* default  : max-width: 100%; flex: 1 0 0%; */
  /* auto     : max-width: 100%; flex: 0 0 auto; width:auto */
}

.scheduler_brief-section .content-panel .scheduler-item .layout-flex span {
  color: #fff;
}

.scheduler_brief-section .content-panel .scheduler-item .layout-flex .airtime-unit {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.scheduler_brief-section .content-panel .scheduler-item .layout-flex .program-unit {
  flex: 1 0 0%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.scheduler_brief-section .content-panel .scheduler-item .layout-flex .broadcast-unit {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.scheduler_brief-section .content-panel .scheduler-item .progress-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.scheduler_brief-section .content-panel .scheduler-item .progress-box span {
  display: block;
  width: 0%;
  height: 5px;
  background-color: #FF1230;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item .progress-box {
    height: 3px;
  }
  .scheduler_brief-section .content-panel .scheduler-item .progress-box span {
    height: 3px;
  }
}

.scheduler_brief-section .content-panel .scheduler-item .airtime-unit {
  width: 105px;
  padding: 0 24px 0 24px;
}

.scheduler_brief-section .content-panel .scheduler-item .airtime-unit .ampm {
  position: absolute;
  left: 24px;
  margin-top: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.01em;
  opacity: 0.6;
  color: #000;
}

.scheduler_brief-section .content-panel .scheduler-item .airtime-unit span {
  font-weight: 700;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.02em;
  color: #000;
  font-family: "Roboto";
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item .airtime-unit {
    width: 60px;
    padding: 0 12px;
    /* padding: 0 16px 0 33px; */
  }
  .scheduler_brief-section .content-panel .scheduler-item .airtime-unit .ampm {
    margin-bottom: 2px;
    position: static;
    display: block;
    margin-top: 0;
    font-size: 10px;
    line-height: 14px;
  }
  .scheduler_brief-section .content-panel .scheduler-item .airtime-unit span {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
  }
}

.scheduler_brief-section .content-panel .scheduler-item .program-unit {
  width: 180px;
}

.scheduler_brief-section .content-panel .scheduler-item .program-unit .pro_name img {
  height: 42px;
  margin-bottom: 4px;
}

.scheduler_brief-section .content-panel .scheduler-item .program-unit .pro_name span {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.scheduler_brief-section .content-panel .scheduler-item .program-unit .pro_round {
  margin-top: 2px;
}

.scheduler_brief-section .content-panel .scheduler-item .program-unit .pro_round span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.01em;
  color: #000;
  opacity: .6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item .program-unit {
    width: 110px;
  }
  .scheduler_brief-section .content-panel .scheduler-item .program-unit .pro_name img {
    height: 24px;
    margin-bottom: 6px;
  }
  .scheduler_brief-section .content-panel .scheduler-item .program-unit .pro_name span {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }
  .scheduler_brief-section .content-panel .scheduler-item .program-unit .pro_round {
    margin-top: 2px;
  }
  .scheduler_brief-section .content-panel .scheduler-item .program-unit .pro_round span {
    font-size: 12px;
    line-height: 14px;
  }
}

.scheduler_brief-section .content-panel .scheduler-item .broadcast-unit {
  padding: 0 32px 0 19px;
  text-align: center;
}

.scheduler_brief-section .content-panel .scheduler-item .broadcast-unit .broadcast {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  font-size: 0;
  width: 24px;
  height: 24px;
}

.scheduler_brief-section .content-panel .scheduler-item .broadcast-unit .broadcast span {
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #fff;
}

.scheduler_brief-section .content-panel .scheduler-item .broadcast-unit .broadcast.og {
  background-color: #000;
}

.scheduler_brief-section .content-panel .scheduler-item .broadcast-unit .broadcast.re {
  background-color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item .broadcast-unit {
    width: 59px;
    padding: 0 16px 0 12px;
  }
  .scheduler_brief-section .content-panel .scheduler-item .broadcast-unit .broadcast {
    border-radius: 4px;
    width: 20px;
    height: 20px;
  }
  .scheduler_brief-section .content-panel .scheduler-item .broadcast-unit .broadcast span {
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
  }
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .scheduler-inner {
  width: 100%;
  background-position: right 0;
  background-repeat: no-repeat;
  background-color: #1D1D22;
  background-size: cover;
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .scheduler-inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: linear-gradient(90deg, #000000 0.8%, #1D1D22 49.4%, rgba(23, 23, 26, 0.776892) 68.68%, rgba(0, 0, 0, 0) 99.2%);
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .airtime-unit {
  width: 164px;
  padding: 0 40px 0 44px;
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .airtime-unit .ampm {
  color: #fff;
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .airtime-unit span {
  color: #fff;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item.state-live .airtime-unit {
    width: 80px;
    padding: 0 16px 0 12px;
  }
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .program-unit {
  width: 225px;
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .program-unit .pro_name span {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  display: -webkit-box;
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .program-unit .pro_round {
  margin-top: 2px;
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .program-unit .pro_round span {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.01em;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item.state-live .program-unit {
    width: 102px;
  }
  .scheduler_brief-section .content-panel .scheduler-item.state-live .program-unit .pro_name span {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
  }
  .scheduler_brief-section .content-panel .scheduler-item.state-live .program-unit .pro_round {
    margin-top: 2px;
  }
  .scheduler_brief-section .content-panel .scheduler-item.state-live .program-unit .pro_round span {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
  }
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .broadcast-unit {
  width: 120px;
  padding: 0 32px 0 50px;
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .broadcast-unit .broadcast {
  display: block;
  background-color: #1d1d22;
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .broadcast-unit .broadcast.og {
  background-color: #F90228;
}

.scheduler_brief-section .content-panel .scheduler-item.state-live .broadcast-unit .broadcast.re {
  background-color: #1d1d22;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item.state-live .broadcast-unit {
    width: 55px;
    padding: 0 16px 0 9px;
  }
}

.scheduler_brief-section .content-panel .scheduler-item.state-past .scheduler-inner {
  width: 388px;
}

.scheduler_brief-section .content-panel .scheduler-item.state-past .airtime-unit {
  opacity: .4;
}

.scheduler_brief-section .content-panel .scheduler-item.state-past .program-unit {
  opacity: .4;
}

.scheduler_brief-section .content-panel .scheduler-item.state-past .broadcast-unit {
  opacity: .5;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item.state-past .scheduler-inner {
    width: 257px;
  }
}

.scheduler_brief-section .content-panel .scheduler-item.state-come .scheduler-inner {
  width: 388px;
}

@media all and (max-width: 959px) {
  .scheduler_brief-section .content-panel .scheduler-item.state-come .scheduler-inner {
    width: 257px;
  }
}

/* ============ 맞춤 인기 프로그램 섹션 ============ */
.notice_program-section .theme-dark .content-panel .title {
  color: #fff;
}

.notice_program-section .content-panel .title span {
  font-weight: 700;
  font-size: 38px;
  line-height: 46px;
  letter-spacing: -0.03em;
  color: #000000;
}

@media all and (max-width: 959px) {
  .notice_program-section .content-panel .title span {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.01em;
    color: #000000;
  }
}

.notice_program-section .content-panel .program-area {
  margin-right: 9%;
}

@media all and (max-width: 959px) {
  .notice_program-section .content-panel .program-area {
    margin-right: 0;
  }
}

.notice_program-section .content-panel .program-area .program-list {
  font-size: 0;
  margin-top: -12px;
  width: calc(100% + 8px);
  margin-left: -4px;
}

.notice_program-section .content-panel .program-area .program-list li {
  display: inline-block;
  margin: 12px 4px 0;
}

.notice_program-section .content-panel .program-area .program-list .btn-link {
  display: flex;
  align-items: center;
  padding: 18px 32px;
  background-color: #F8F8F8;
  border-radius: 33px;
}

@media all and (max-width: 959px) {
  .notice_program-section .content-panel .program-area .program-list {
    margin-top: -8px;
  }
  .notice_program-section .content-panel .program-area .program-list li {
    margin: 8px 4px 0;
    /*margin-top: 8px; margin-right: 8px;*/
  }
  .notice_program-section .content-panel .program-area .program-list .btn-link {
    padding: 13px 24px;
    border-radius: 24px;
  }
}

.notice_program-section .content-panel .program-area .program-list .thum-box {
  margin: -8px 12px -8px -22px;
  border-radius: 50%;
  overflow: hidden;
  width: 46px;
  height: 46px;
  background-color: #fff;
}

.notice_program-section .content-panel .program-area .program-list .thum-box img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .notice_program-section .content-panel .program-area .program-list .thum-box {
    margin: -5px 9px -5px -16px;
    width: 32px;
    height: 32px;
  }
  .notice_program-section .content-panel .program-area .program-list .thum-box img {
    width: 32px;
    height: 32px;
  }
}

.notice_program-section .content-panel .program-area .program-list .name-box span {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #000000;
}

@media all and (max-width: 959px) {
  .notice_program-section .content-panel .program-area .program-list .name-box span {
    font-size: 14px;
    line-height: 22px;
  }
}

.notice_program-section .content-panel .program-area .program-list .link-box {
  margin-left: 10px;
}

.notice_program-section .content-panel .program-area .program-list .link-box i::before {
  font-size: 16px;
  color: #000000;
}

@media all and (max-width: 959px) {
  .notice_program-section .content-panel .program-area .program-list .link-box i::before {
    font-size: 12px;
  }
}

.photo_swiper-section {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}

.photo_swiper-section .content-panel .multi_swiper-wrap + .multi_swiper-wrap {
  margin-top: 60px;
}

@media all and (max-width: 959px) {
  .photo_swiper-section .content-panel .multi_swiper-wrap + .multi_swiper-wrap {
    margin-top: 40px;
  }
}

.photo_swiper-section .content-panel .multi_swiper-wrap {
  /* ------------ thum */
}

.photo_swiper-section .content-panel .multi_swiper-wrap.theme-dark .thum_title span {
  color: #fff;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .media_view {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .media_view .img-ratio {
  padding-bottom: 56.25%;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum_title {
  margin-bottom: 12px;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum_title span {
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #000;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum_title q {
  color: #F90228;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area {
  position: relative;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper {
  position: relative;
  padding: 0px 0;
  overflow: hidden;
  padding-right: 48px;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .swiper-slide {
  cursor: pointer;
}

@media all and (max-width: 959px) {
  .photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .swiper-slide {
    width: 268px;
  }
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .play-box {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 5;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .play-box i {
  display: block;
  width: 32px;
  height: 32px;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .play-box i:after {
  content: "";
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -351px -42px;
  width: 32px;
  height: 32px;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .time-box {
  position: absolute;
  right: 16px;
  bottom: 16px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  font-size: 0;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .time-box span {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.6;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_prev, .photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_next {
  position: absolute;
  top: 50%;
  margin-top: -27px;
  z-index: 6;
  font-size: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  overflow: hidden;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_prev.swiper-button-disabled, .photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_next.swiper-button-disabled {
  display: none;
}

@media all and (max-width: 959px) {
  .photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_prev, .photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_next {
    display: none;
  }
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_prev {
  left: -20px;
}

.photo_swiper-section .content-panel .multi_swiper-wrap .thum-area .button-thum_next {
  right: -20px;
}

.chearacter_info-section {
  /* 
  theme-light, theme-dark
  */
  /* =============================== 페널이름 */
}

.chearacter_info-section .section-wrap{
  background-repeat: repeat-y !important;
}

@media all and (max-width: 959px) {
  .chearacter_info-section .section-wrap{
    background-size: 100%;
  }
}

.chearacter_info-section.title_none .panel-body {
  padding-top: 90px;
}

@media all and (max-width: 959px) {
  .chearacter_info-section.title_none .panel-body {
    padding-top: 45px;
  }
}

@media all and (max-width: 959px) {
  .chearacter_info-section .section-inner {
    overflow: hidden;
  }
}

.chearacter_info-section .theme-dark.character_swiper-wrap .thum_title span {
  color: #fff;
}

.chearacter_info-section .theme-dark.character_swiper-wrap .side_control .swiper_button button {
  color: #fff;
}

.chearacter_info-section .content-panel .panel-header .header-inner {
  padding-right: 330px;
}

@media all and (max-width: 959px) {
  .chearacter_info-section .content-panel .panel-header .header-inner {
    padding-right: 0px;
  }
}

.chearacter_info-section .character_swiper-wrap {
  position: relative;
}

.chearacter_info-section .character_swiper-wrap .character_info {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.chearacter_info-section .character_swiper-wrap .character_info .typo-name {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 12px 24px;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
}

.chearacter_info-section .character_swiper-wrap .character_info .typo-name span {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #FFFFFF;
}

@media all and (max-width: 959px) {
  .chearacter_info-section .character_swiper-wrap .character_info {
    border-radius: 4px;
  }
}

.chearacter_info-section .character_swiper-wrap .gallery_center {
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .chearacter_info-section .character_swiper-wrap .gallery_center {
    overflow: visible;
  }
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper .swiper-slide {
  padding: 0 12px;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper .swiper-slide .img-ratio {
  position: relative;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper .swiper-slide .img-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1, .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2, .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3, .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4 {
  display: flex;
  justify-content: center;
  width: calc( 100% + 24px);
  margin-left: -12px;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1 .swiper-slide, .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2 .swiper-slide {
  width: 50% !important;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1 .img-ratio, .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2 .img-ratio {
  padding-bottom: 56.25%;
}

@media all and (max-width: 959px) {
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1 .swiper-slide {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1 .character_info .typo-name {
    padding: 5px 10px;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1 .character_info .typo-name span {
    font-size: 13px;
    line-height: 20px;
  }
}

@media all and (max-width: 959px) {
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2 {
    width: calc( 100% + 10px);
    margin-left: -5px;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2 .swiper-slide {
    width: 50% !important;
    padding: 0 5px;
    margin-right: 0 !important;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2 .img-ratio {
    padding-bottom: 100%;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2 .character_info .typo-name {
    padding: 5px 10px;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2 .character_info .typo-name span {
    font-size: 13px;
    line-height: 20px;
  }
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3 .swiper-slide {
  width: 33.3333% !important;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3 .img-ratio {
  padding-bottom: 100%;
}

@media all and (max-width: 959px) {
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3 {
    justify-content: normal;
    width: 100%;
    margin-left: 0px;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3 .swiper-slide {
    width: 142px !important;
    padding: 0;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3 .character_info .typo-name {
    padding: 5px 8px;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3 .character_info .typo-name span {
    font-size: 13px;
    line-height: 20px;
  }
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4 .swiper-slide {
  width: 25% !important;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4 .img-ratio {
  padding-bottom: 100%;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4 .typo-name {
  padding: 10px 20px;
}

@media all and (max-width: 959px) {
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4 {
    justify-content: normal;
    width: 100%;
    margin-left: 0px;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4 .swiper-slide {
    width: 142px !important;
    padding: 0;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4 .character_info .typo-name {
    padding: 5px 8px;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4 .character_info .typo-name span {
    font-size: 13px;
    line-height: 20px;
  }
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-full {
  justify-content: normal;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-full .swiper-slide {
  padding: 0;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-full .img-ratio {
  padding-bottom: 100%;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-full .typo-name {
  padding: 10px 18px;
}

@media all and (max-width: 959px) {
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-full {
    width: 100%;
    margin-left: 0px;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-full .swiper-slide {
    width: 142px !important;
    padding: 0;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-full .character_info .typo-name {
    padding: 5px 8px;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-full .character_info .typo-name span {
    font-size: 13px;
    line-height: 20px;
  }
}

/* 인물소개 좌측정렬 옵션 추가 */
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1.align_left, 
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2.align_left,
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3.align_left,
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4.align_left{
  width: 100%;
  gap: 24px;
  justify-content: normal;
  margin: 0;
}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1.align_left .swiper-slide, 
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2.align_left .swiper-slide,
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3.align_left .swiper-slide,
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4.align_left .swiper-slide {
  width: 312px !important;
  padding: 0;

}

.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1.align_left .img-ratio, 
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2.align_left .img-ratio,
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3.align_left .img-ratio,
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4.align_left .img-ratio{
  padding-bottom: 100%;
}


.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1.align_left .typo-name, 
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2.align_left .typo-name,
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3.align_left .typo-name,
.chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4.align_left .typo-name{
  padding: 10px 18px;
}

@media all and (max-width: 959px) {

  
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1.align_left, 
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2.align_left{
    width: calc( 100% + 10px);
    margin-left: -5px;
    gap: 0;
  }

  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1.align_left .swiper-slide,
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2.align_left .swiper-slide{
    width: 50% !important;
    padding: 0 5px;
    margin-right: 0 !important;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1.align_left .img-ratio,
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2.align_left .img-ratio {
    padding-bottom: 100%;
  }

  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1.align_left .typo-name, 
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2.align_left .typo-name{
    padding: 5px 10px;
  }
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-1.align_left .typo-name span, 
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-2.align_left .typo-name span{
    font-size: 13px;
    line-height: 20px;
  }

  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3.align_left,
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4.align_left{
    gap: 0;
    width: 100%;
  }

  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3.align_left .swiper-slide,
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4.align_left .swiper-slide {
    width: 142px !important;
    padding: 0;
  }

  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3.align_left .typo-name,
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4.align_left .typo-name {
    padding: 5px 8px;
  }


  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-3.align_left .typo-name span,
  .chearacter_info-section .character_swiper-wrap .gallery_center .swiper-wrapper.item_col-4.align_left .typo-name span{
    font-size: 13px;
    line-height: 20px;
  }
}



.chearacter_info-section .character_swiper-wrap .side_control {
  position: absolute;
  top: -80px;
  right: 0;
  display: flex;
  justify-content: flex-end;
}

.chearacter_info-section .character_swiper-wrap .side_control .btn_set {
  margin-top: -6px;
}

.chearacter_info-section .character_swiper-wrap .side_control .swiper_button {
  display: none;
  margin-left: 20px;
}

.chearacter_info-section .character_swiper-wrap .side_control .swiper_button.btn-show {
  display: block;
}

.chearacter_info-section .character_swiper-wrap .side_control .swiper_button button {
  color: #000;
  opacity: .6;
}

.chearacter_info-section .character_swiper-wrap .side_control .swiper_button button.swiper-button-disabled {
  opacity: .2;
}

.chearacter_info-section .character_swiper-wrap .side_control .swiper_button i::before {
  font-size: 48px;
}

@media all and (max-width: 959px) {
  .chearacter_info-section .character_swiper-wrap .side_control {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 24px;
  }
  .chearacter_info-section .character_swiper-wrap .side_control .btn_set {
    margin: 0 auto;
  }
  .chearacter_info-section .character_swiper-wrap .side_control .btn_set .btn_line-round.btn_md {
    padding: 13px 24px;
  }
  .chearacter_info-section .character_swiper-wrap .side_control .swiper_button {
    display: none;
  }
  .chearacter_info-section .character_swiper-wrap .side_control .swiper_button.btn-show {
    display: none;
  }
}

.program_contnets-section {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}

.program_contnets-section .section-wrap{
  background-repeat: repeat-y !important;
}

@media all and (max-width: 959px) {
  .program_contnets-section .section-wrap{
    background-size: 100%;
  }
}
.program_contnets-section .theme-dark.list-wrap .contents-list {
  margin-top: -24px;
}

.program_contnets-section .theme-dark.list-wrap .contents-list li {
  margin-top: 24px;
}

.program_contnets-section .theme-dark.list-wrap .module {
  box-shadow: none;
  padding: 0 25px 0 0px;
  background-color: transparent;
}

.program_contnets-section .theme-dark.list-wrap .module .img-area {
  margin: 0px -25px 0px 0px;
}

.program_contnets-section .theme-dark.list-wrap .module .typo-area .typo-inner .tit {
  color: white;
}

.program_contnets-section .theme-dark.list-wrap .module .typo-area .typo-inner .s-tit {
  color: rgba(255, 255, 255, 0.6) !important;
}

.program_contnets-section .theme-dark.list-wrap .module .typo-area .typo-inner .desc {
  color: rgba(255, 255, 255, 0.6);
}

.program_contnets-section .theme-dark.list-wrap .module .typo-area .tag_label .inner .flag_txt {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.program_contnets-section .theme-dark.list-wrap .module .typo-area .tag_label .inner a, .program_contnets-section .theme-dark.list-wrap .module .typo-area .tag_label .inner .flag_txt {
  color: rgba(255, 255, 255, 0.6);
}

.program_contnets-section .theme-dark.list-wrap .module.preview {
  padding: 0 25px 0 0px;
}

.program_contnets-section .theme-dark.list-wrap .module.preview .typo-area {
  padding-top: 0;
}

.program_contnets-section .theme-dark.list-wrap .module.preview .typo-area .typo-inner a:hover .s-tit, .program_contnets-section .theme-dark.list-wrap .module.preview .typo-area .typo-inner a:focus .s-tit {
  color: white !important;
}

.program_contnets-section .theme-dark.list-wrap .module.preview .typo-area .typo-inner a:hover .desc, .program_contnets-section .theme-dark.list-wrap .module.preview .typo-area .typo-inner a:focus .desc {
  color: white !important;
}

.program_contnets-section .theme-dark.list-wrap .contents-list.newcont-list .module.preview .typo-area {
  padding-top: 8px;
}

.program_contnets-section .theme-dark.swiper_button {
  color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .program_contnets-section .theme-dark.list-wrap .contents-list {
    margin-top: 0;
  }
  .program_contnets-section .theme-dark.list-wrap .contents-list li {
    margin-top: 0;
  }
  .program_contnets-section .theme-dark.list-wrap .module {
    padding: 0px 12px 14px 0px;
  }
  .program_contnets-section .theme-dark.list-wrap .module .img-area {
    margin: 0px -12px 0px 0px;
  }
  .program_contnets-section .theme-dark.list-wrap .module.preview {
    padding: 12px 12px 12px 0px;
  }
  .program_contnets-section .theme-dark.list-wrap .contents-list.preview-list li .module.preview .typo-area,
  .program_contnets-section .theme-dark.list-wrap .contents-list.newcont-list li .module.preview .typo-area {
    padding-top: 0;
  }
}

.program_contnets-section .list-wrap {
  margin: -12px;
}

@media all and (max-width: 959px) {
  .program_contnets-section .list-wrap {
    margin: -5px;
  }
}

.program_contnets-section .contents-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  /* module common style */
  /* module custom style */
}

.program_contnets-section .contents-list:after {
  content: '';
  display: block;
  clear: both;
}

.program_contnets-section .contents-list li {
  /*float:left;*/
  width: 25%;
  padding: 12px;
  height: auto;
}

.program_contnets-section .contents-list .img-ratio {
  padding-bottom: 56.25%;
  overflow: hidden;
}

.program_contnets-section .contents-list .img-ratio .lazyload-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.program_contnets-section .contents-list .img-ratio .blur-bg {
  width: 110%;
  height: 110%;
  background-size: 100% auto;
  background-position: 50% 50%;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.program_contnets-section .contents-list .img-ratio .blur-bg::after {
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.program_contnets-section .contents-list .img-ratio img {
  position: relative;
  margin-left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.program_contnets-section .contents-list i.icon-new {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 20px;
  font-size: 0;
  margin-right: 6px;
}

.program_contnets-section .contents-list i.icon-new::after {
  content: 'NEW';
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 5px 0px 0px 7px;
  margin-top: -3px;
  border-radius: 20px;
  background: #FF1230;
  vertical-align: middle;
  color: #fff;
  font-weight: 900;
  font-size: 10px;
  line-height: 10px;
  font-family: "Roboto","Noto Sans KR", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
}

.program_contnets-section .contents-list .info_adult .icon_adult {
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
}

.program_contnets-section .contents-list .info_adult .info_txt {
  font-size: 18px;
  line-height: 30px;
}

.program_contnets-section .contents-list .module {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  padding: 16px 24px 20px 20px;
  border-radius: 6px;
  background-color: #fff;
  overflow: hidden;
  height: 100%;
}

.program_contnets-section .contents-list .module .img-area {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  margin: -17px -25px 0 -20px;
}

.program_contnets-section .contents-list .module .img-area .label_wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 6;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.program_contnets-section .contents-list .module .img-area .label_wrap .label {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.01em;
  max-width: 100%;
  padding: 6px 12px;
  background: #111;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 6px;
  overflow: hidden;
}

.program_contnets-section .contents-list .module .img-area .time_wrap {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 6;
}

.program_contnets-section .contents-list .module .img-area .time_wrap .time {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  letter-spacing: -0.01em;
  padding: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  overflow: hidden;
  vertical-align: top;
}

.program_contnets-section .contents-list .module .img-area .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  display: flex;
}

.program_contnets-section .contents-list .module .img-area .play-btn a {
  font-size: 0;
}

.program_contnets-section .contents-list .module .img-area .play-btn .icon_play_btn {
  display: block;
  width: 48px;
  height: 48px;
  background: url("../images/common/icon-play_48.png") no-repeat center;
  background-size: 100% auto;
}

.program_contnets-section .contents-list .module .img-area .count_wrap {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 6;
}

.program_contnets-section .contents-list .module .img-area .count_wrap .count {
  display: inline-block;
  padding: 5px 5px 0;
  background: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  overflow: hidden;
  vertical-align: top;
  height: 22px;
  box-sizing: border-box;
}

.program_contnets-section .contents-list .module .img-area .count_wrap .count em {
  font-family: "Roboto","Noto Sans KR", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: -0.01em;
  vertical-align: top;
}

.program_contnets-section .contents-list .module .img-area .count_wrap .icon-photo-count {
  margin-right: 3px;
  vertical-align: top;
}

.program_contnets-section .contents-list .module .typo-area {
  position: relative;
  padding-top: 10px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
}

.program_contnets-section .contents-list .module .typo-area .typo-inner a {
  display: block;
}

.program_contnets-section .contents-list .module .typo-area .typo-inner a:hover .tit, .program_contnets-section .contents-list .module .typo-area .typo-inner a:focus .tit {
  font-weight: 700;
}

.program_contnets-section .contents-list .module .typo-area .typo-inner a:hover .desc, .program_contnets-section .contents-list .module .typo-area .typo-inner a:focus .desc {
  font-weight: 500;
}

.program_contnets-section .contents-list .module .typo-area .typo-inner .tit {
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #000;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.program_contnets-section .contents-list .module .typo-area .typo-inner .desc {
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  line-height: 26px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.program_contnets-section .contents-list .module .typo-area .tag_label {
  margin-top: 24px;
}

.program_contnets-section .contents-list .module .typo-area .tag_label .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.program_contnets-section .contents-list .module .typo-area .tag_label .inner .tag_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  overflow: hidden;
  height: 40px;
}

.program_contnets-section .contents-list .module .typo-area .tag_label .inner a {
  float: left;
  display: inline-block;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
  text-decoration: underline;
}

.program_contnets-section .contents-list .module .typo-area .tag_label .inner .flag_txt {
  display: inline-block;
  padding: 9px 18px;
  font-weight: 700;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
}

.program_contnets-section .contents-list .module .typo-area .tag_label .inner a, .program_contnets-section .contents-list .module .typo-area .tag_label .inner .flag_txt {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 20px;
  margin-right: 10px;
}

.program_contnets-section .contents-list .module.preview {
  padding: 24px 20px 24px 20px;
}

.program_contnets-section .contents-list .module.preview .typo-area {
  padding-top: 0;
}

.program_contnets-section .contents-list .module.preview .typo-area .typo-inner a:hover .desc, .program_contnets-section .contents-list .module.preview .typo-area .typo-inner a:focus .desc {
  color: #000;
}

.program_contnets-section .contents-list .module.preview .typo-area .typo-inner a:hover .s-tit, .program_contnets-section .contents-list .module.preview .typo-area .typo-inner a:focus .s-tit{
  color: #000;
}

.program_contnets-section .contents-list .module.preview .typo-area .typo-inner a:hover .category, .program_contnets-section .contents-list .module.preview .typo-area .typo-inner a:focus .category{
  color: #000;
}

.program_contnets-section .multi-list.contents-list .card_inner a:hover .typo-area, .program_contnets-section .multi-list.contents-list .module.preview .typo-area .typo-inner a:focus .category{
  font-weight: 700;
}

.program_contnets-section .contents-list .module.preview .typo-area .typo-inner .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-size: 20px;
  line-height: 30px;
}

.program_contnets-section .contents-list .module.preview .typo-area .typo-inner .s-tit{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  line-height: 26px;
  margin-top:8px;
}

.program_contnets-section .contents-list .module.preview .typo-area .typo-inner .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.program_contnets-section .contents-list.ost-list .img-ratio {
  padding-bottom: 69.2307%;
}

.program_contnets-section .contents-list.ost-list .img-ratio img {
  width: auto;
  height: 100%;
}

.program_contnets-section .contents-list.newcont-list .img-ratio img {
  width: auto;
  height: 100%;
}

.program_contnets-section .contents-list.newcont-list .module.preview .typo-area {
  min-height: auto;
}

.program_contnets-section .contents-list.newcont-list .module.preview .typo-area .typo-inner .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.program_contnets-section .contents-list.ip-text-card-list .module.preview .typo-area .typo-inner .desc {
  -webkit-line-clamp: 7;
  margin-top: 14px;
}

@media all and (max-width: 959px) {
  .program_contnets-section .contents-list {
    /* module common style */
    /* module custom style */
  }
  .program_contnets-section .contents-list li {
    width: 50%;
    padding: 5px;
  }
  .program_contnets-section .contents-list i.icon-new {
    width: 31px;
    height: 16px;
    margin-right: 4px;
  }
  .program_contnets-section .contents-list i.icon-new::after {
    padding: 4px 0px 0px 6px;
  }
  .program_contnets-section .contents-list .module {
    padding: 10px 12px 14px 12px;
  }
  .program_contnets-section .contents-list .module .img-area {
    margin: -11px -12px 0px -12px;
  }
  .program_contnets-section .contents-list .module .img-area .label_wrap .label {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
  }
  .program_contnets-section .contents-list .module .img-area .time_wrap {
    bottom: 4px;
    right: 4px;
  }
  .program_contnets-section .contents-list .module .img-area .time_wrap .time {
    font-size: 13px;
    line-height: 13px;
    padding: 3px 6px 6px;
    border-radius: 4px;
  }
  .program_contnets-section .contents-list .module .img-area .count_wrap {
    bottom: 4px;
    right: 4px;
  }
  .program_contnets-section .contents-list .module .img-area .count_wrap .icon-photo-count {
    width: 8px;
    height: 8px;
  }
  .program_contnets-section .contents-list .module .img-area .count_wrap .icon-photo-count::before {
    width: 8px;
    height: 8px;
  }
  .program_contnets-section .contents-list .module .img-area .count_wrap .count {
    height: 18px;
    padding: 4px 4px 0;
  }
  .program_contnets-section .contents-list .module .img-area .count_wrap .count em {
    font-size: 10px;
    line-height: 1;
  }
  .program_contnets-section .contents-list .module .img-area .play-btn .icon_play_btn {
    width: 24px;
    height: 24px;
  }
  .program_contnets-section .contents-list .module .img-area .info_adult .icon_adult {
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
  }
  .program_contnets-section .contents-list .module .img-area .info_adult .info_txt {
    font-size: 12px;
    line-height: 20px;
  }
  .program_contnets-section .contents-list .module .typo-area .typo-inner .tit {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05em;
    word-break: break-word;
    padding-right: 4px;
  }
  .program_contnets-section .contents-list .module .typo-area .typo-inner .desc {
    font-size: 12px;
    line-height: 20px;
  }
  .program_contnets-section .contents-list .module .typo-area .tag_label {
    margin-top: 16px;
  }
  .program_contnets-section .contents-list .module .typo-area .tag_label .inner .tag_list {
    height: 30px;
  }
  .program_contnets-section .contents-list .module .typo-area .tag_label .inner .flag_txt {
    padding: 7px 12px;
    margin-bottom: 0;
    margin-right: 8px;
    font-size: 10px;
    line-height: 14px;
  }
  .program_contnets-section .contents-list .module.preview {
    padding: 12px 12px 12px 12px;
  }
  .program_contnets-section .contents-list .module.preview .typo-area .typo-inner .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 20px;
  }

  .program_contnets-section .contents-list .module.preview .typo-area .typo-inner .tit {
    font-size: 16px;
    line-height: 26px;
  }

  .program_contnets-section .contents-list .module.preview .typo-area .typo-inner .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .program_contnets-section .contents-list.ost-list .module .typo-area {
    min-height: 50px;
  }
  .program_contnets-section .contents-list.newcont-list .module.preview {
    padding-bottom: 14px;
  }
  .program_contnets-section .contents-list .module.preview .typo-area .typo-inner .s-tit{
    font-size: 12px;
    margin-top: 4px;
    line-height: 20px;
  }
  .program_contnets-section .contents-list.newcont-list .module.preview .typo-area .typo-inner .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .program_contnets-section .contents-list.ip-text-card-list .module.preview .typo-area .typo-inner .desc {
    -webkit-line-clamp: 5;
    margin-top: 8px;
  }
}

/* ost new */

.program_contnets-section .contents-list.ost-list.__new .module {
  box-shadow: none;
  padding: 0;
  border-radius: 6px;
}

.program_contnets-section .contents-list.ost-list.__new .module .img-area{
  margin: 0;
}

.program_contnets-section .contents-list.ost-list.__new .module .img-area .img-ratio{
  padding-bottom: 100%;
}

.program_contnets-section .contents-list.ost-list.__new .module .typo-area .typo-inner .tit{
  -webkit-line-clamp: 3;
}






.program_contnets-section .swiper-area {
  position: relative;
}

.program_contnets-section .swiper-area .contents-list {
  flex-wrap: nowrap;
}

.program_contnets-section .swiper-area .swiper_button {
  display: flex;
  position: absolute;
  top: -80px;
  right: 0;
}

.program_contnets-section .swiper-area .swiper_button .spf::before {
  font-size: 48px;
}

.program_contnets-section .swiper-area .swiper_button .swiper-button-disabled i::before {
  opacity: 0.2;
}


@media all and (max-width: 959px) {
  .program_contnets-section .swiper-area {
    margin: 0px -11px 0px -16px;
  }
  .program_contnets-section .swiper-area .list-wrap {
    padding-right: 27px;
  }
  .program_contnets-section .swiper-area .contents-list {
    margin-left: 16px;
  }
  .program_contnets-section .swiper-area .swiper_button {
    display: none;
  }
}


.program_contnets-section .multi_list-wrap{
  margin: -48px -12px 0;
  padding-bottom: 8px;
}


.program_contnets-section .multi_list-wrap .photo_card_list{
  width: auto;
  margin: 0;
}

.program_contnets-section .multi_list-wrap .photo_card_list.col-4-2{
  margin: 0;
  width: 100%;
}

.program_contnets-section .multi_list-wrap .category{
  font-size: 14px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.4);
  line-height: 20px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.program_contnets-section .theme-dark.multi_list-wrap .card_inner .category{
  color: rgba(255, 255, 255, 0.4);
}

.program_contnets-section .theme-dark.multi_list-wrap .card_inner .category{
  color: rgba(255, 255, 255, 0.4);
}

.program_contnets-section .theme-dark.multi_list-wrap .category span + span:before{
  background-color: #fff;
  opacity: 0.2;
}

.program_contnets-section .multi_list-wrap .category span + span{
  position: relative;
  margin-left: 6px;
  padding-left: 6px;
  font-weight: 500;
}

.program_contnets-section .multi_list-wrap .category span + span:before{
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: #000;
  opacity: 0.2;
}

@media all and (max-width: 959px) {
  .program_contnets-section .multi_list-wrap{
    margin: -32px -5px 0;
    padding-bottom: 5px;
  }
  .program_contnets-section .multi_list-wrap .photo_card_list.col-4-2 .card_item,
  .program_contnets-section .multi_list-wrap .photo_card_list.col-3-1 .card_item{
    padding: 32px 5px 0;
  }

  .program_contnets-section .multi_list-wrap .photo_card_list.col-3-1 .card_item{
    padding: 32px 5px 0;
  }

  .program_contnets-section .multi_list-wrap .ip-text-card-list.contents-list .module{
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08), 0 0 5px 0 rgba(0, 0, 0, 0.08);
  }

  /* .program_contnets-section .multi_list-wrap .contents-list .module.preview .typo-area .typo-inner .tit{
    -webkit-line-clamp: 2;
  } */

  .program_contnets-section .multi_list-wrap .contents-list.ip-text-card-list .module.preview .typo-area .typo-inner .desc{
    -webkit-line-clamp: 3;
  }

  .program_contnets-section .multi_list-wrap .category{
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 4px;
  }

  .program_contnets-section .multi_list-wrap .category span + span{
    margin-left: 4px;
    padding-left: 4px;
  }

  .program_contnets-section .multi_list-wrap .category span + span:before{
    top: 4px;
    height: 8px;
  }
}

.program_contnets-section .multi_list-wrap .photo_card_list .noimg {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  text-align: center;
  background-color: #e0e0e0;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
}

@media all and (max-width: 959px) {
  .program_contnets-section .multi_list-wrap .photo_card_list .noimg {
    border-radius: 3px;
  }
}


.notice_view-page {
  /* ============ 상세 타이틀 섹션 ============ */
  /* ============ 미디어 스와이퍼 섹션 ============ */
  /* ============ 에디터 섹션 ============ */
  /* ============ 맞춤 인기 프로그램 섹션 ============ */
  /* ============ 게시판 네비 섹션 ============ */
  /* ============ 게시글 리스트 list_type-img_top 섹션 ============ */
  /*   .notice_img_top_list-section {
    .section-wrap { padding-top: 100px; padding-bottom: 100px;}
    @media all and (max-width:$G-wMobile) {
      .section-wrap { padding-top: 45px;  padding-bottom: 50px;}
    }
  } */
}

.notice_view-page .notice_view_title-section .section-wrap {
  padding-top: 120px;
  padding-bottom: 48px;
}

@media all and (max-width: 959px) {
  .notice_view-page .notice_view_title-section .section-wrap {
    padding-top: 40px;
    padding-bottom: 32px;
  }
}

.notice_view-page .media_swiper-section .section-wrap {
  padding-top: 0px;
  padding-top: 0px;
}

@media all and (max-width: 959px) {
  .notice_view-page .media_swiper-section .section-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.notice_view-page .notice_editer-section .section-wrap {
  padding-top: 60px;
  padding-top: 60px;
}

@media all and (max-width: 959px) {
  .notice_view-page .notice_editer-section .section-wrap {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.notice_view-page .notice_program-section .section-wrap {
  padding-top: 60px;
  padding-bottom: 120px;
}

.notice_view-page .notice_program-section .section-wrap .content-panel .panel-header {
  padding-bottom: 24px;
}

@media all and (max-width: 959px) {
  .notice_view-page .notice_program-section .section-wrap .content-panel .panel-header {
    padding-bottom: 16px;
  }
}

.notice_view-page .notice_program-section .section-wrap .content-panel .title span {
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.02em;
}

@media all and (max-width: 959px) {
  .notice_view-page .notice_program-section .section-wrap .content-panel .title span {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.01em;
  }
}

.notice_view-page .notice_program-section .section-wrap .content-panel .program-area {
  margin-right: 0;
}

@media all and (max-width: 959px) {
  .notice_view-page .notice_program-section .section-wrap {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.notice_view-page .notice_navi-section .section-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
}

.notice_view-page .notice_navi-section .navi-area .btn.btn_lg{
  padding: 18px 25px;
}


@media all and (max-width: 959px) {
  .notice_view-page .notice_navi-section .section-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* ============ 상세 타이틀 섹션 ============ */
.notice_view_title-section .content-panel .panel-header {
  padding-bottom: 0;
}

.notice_view_title-section .content-panel .panel-body {
  margin-top: 16px;
}

.notice_view_title-section .content-panel .panel-footer {
  margin-top: 16px;
}

@media all and (max-width: 959px) {
  .notice_view_title-section .content-panel .panel-header {
    padding-bottom: 0;
  }
  .notice_view_title-section .content-panel .panel-body {
    margin-top: 9px;
  }
  .notice_view_title-section .content-panel .panel -footer {
    margin-top: 12px;
  }
}

.notice_view_title-section .content-panel .category_date span {
  display: inline-block;
  position: relative;
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: #000000;
}

.notice_view_title-section .content-panel .category_date span + span {
  margin-left: 12px;
  padding-left: 13px;
}

.notice_view_title-section .content-panel .category_date span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 1px;
  height: 15px;
  background-color: #000;
}

.notice_view_title-section .content-panel .category_date span + span::before {
  opacity: .4;
}

@media all and (max-width: 959px) {
  .notice_view_title-section .content-panel .category_date span {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
  }
  .notice_view_title-section .content-panel .category_date span + span {
    margin-left: 8px;
    padding-left: 9px;
  }
  .notice_view_title-section .content-panel .category_date span + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 1px;
    height: 9px;
    background-color: #000;
  }
}

.notice_view_title-section .content-panel .notitle_title span {
  font-weight: 700;
  font-size: 46px;
  line-height: 74px;
  letter-spacing: -0.01em;
  color: #000000;
  word-break: break-all;
}

@media all and (max-width: 959px) {
  .notice_view_title-section .content-panel .notitle_title span {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: -0.02em;
  }
}

.notice_view_title-section .content-panel .hashtag ul {
  font-size: 0;
  max-height: 76px;
  overflow: hidden;
}

.notice_view_title-section .content-panel .hashtag ul li {
  margin-right: 20px;
  display: inline-block;
}

.notice_view_title-section .content-panel .hashtag a {
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -0.02em;
  text-decoration-line: underline;
  color: #000000;
}

@media all and (max-width: 959px) {
  .notice_view_title-section .content-panel .hashtag ul {
    font-size: 0;
    max-height: 40px;
    overflow: hidden;
  }
  .notice_view_title-section .content-panel .hashtag ul li {
    margin-right: 12px;
  }
  .notice_view_title-section .content-panel .hashtag a {
    font-size: 15px;
    line-height: 26px;
  }
}

/* ============ 에디터 섹션 ============ */
.notice_editer-section .content-panel .view_editor-area .img-box {
  text-align: center;
}

.notice_editer-section .content-panel .view_editor-area .img-box .img-ratio {
  padding-bottom: 56.25%;
}

.notice_editer-section .content-panel .view_editor-area .img-box .img_empty {
  padding: 0 310px;
}

.notice_editer-section .content-panel .view_editor-area .img-box img,
.notice_editer-section .content-panel .view_editor-area img {
  max-width: 1320px;
  display: block;
  margin: 0 auto;
}

.notice_editer-section .content-panel .view_editor-area p {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #000000;
}

@media all and (max-width: 959px) {
  .notice_editer-section .content-panel .view_editor-area .img-box img,
  .notice_editer-section .content-panel .view_editor-area img {
    max-width: none;
    width: 100%;
  }
  .notice_editer-section .content-panel .view_editor-area .img-box .img_empty {
    padding: 0 60px;
  }
  .notice_editer-section .content-panel .view_editor-area p {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
    color: #000000;
  }
}

/* ============ 게시판 네비 섹션 ============ */
.notice_navi-section .theme-dark .content-panel .title {
  color: #fff;
}

.notice_navi-section .content-panel .navi-area .btn_group:last-child .btn {
  width: 280px;
}

.notice_navi-section .content-panel .navi-area .btn.disabled {
  opacity: 1;
}

.notice_navi-section .content-panel .navi-area .btn.disabled i {
  opacity: .4;
}

@media all and (max-width: 959px) {
  .notice_navi-section .content-panel .navi-area .btn_group:first-child .btn i {
    margin: 0;
  }
  .notice_navi-section .content-panel .navi-area .btn_group:first-child .btn span {
    display: none;
  }
  .notice_navi-section .content-panel .navi-area .btn_group:last-child .btn {
    width: 160px;
  }
}

.trp.popupfixed-wrap.view-layer {
  position: absolute;
  width: auto;
  height: auto;
  right: 0;
  bottom: 0;
  /*프로그램기본모듈-기획의도 */
  /* 영상제외한 레이어사이즈 재정의 */
}

.trp.popupfixed-wrap.view-layer .popup-dim {
  background: #000;
  opacity: 0.95;
}

.trp.popupfixed-wrap.view-layer .popup-align {
  position: fixed;
  height: calc(var(--vh, 1vh) * 100);
  text-align: left;
  /* 비디오 모듈 (리스트 가로형) */
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-header {
  height: 60px;
  position: static;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-header .btn-close {
  position: absolute;
  width: 32px;
  height: 32px;
  font-size: 32px;
  color: #fff;
  top: 40px;
  top: 28px;
  right: 40px;
  z-index: 11;
}

.trp.popupfixed-wrap.view-layer .sub_bar_banner-area{
  margin-top: 60px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-header {
    height: 0;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-header .btn-close {
    font-size: 18px;
    top: 17px;
    right: 20px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-header .btn-close .spf::before {
    line-height: 32px;
  }

  .trp.popupfixed-wrap.view-layer .sub_bar_banner-area{
    margin: 16px 0 24px;
  }
  
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body {
  width: 100%;
  height: calc(100vh - 100px);
  height: calc(var(--vh, 1vh) * 100 - 100px);
  overflow: auto !important;
  padding: 0;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body.pop-body.ol_scroll-style.os-theme-dark > .os-scrollbar-vertical {
  width: 8px;
  border-radius: 4px;
  margin: 0 12px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
  width: 1320px;
  height: 806px;
  margin: 0 auto;
  color: #fff;
  position: relative;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .con-header {
  height: 80px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .con-header .title-main {
  font-size: 38px;
  line-height: 48px;
  min-height: 48px;
  font-weight: 700;
  margin-bottom: 32px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container {
  width: 100%;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .con-header {
  height: 80px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .con-header .title-main {
  font-size: 38px;
  line-height: 48px;
  min-height: 48px;
  font-weight: 700;
  margin-bottom: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .con-header .title-main .desc{
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  white-space: normal;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area {
  position: relative;
  margin-bottom: 24px;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  border-radius: 6px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .video-area {
  /* display: none; */
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .video-area .video_view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .video-area iframe {
  width: 100%;
  height: 100%;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .video-area video {
  width: 100%;
  height: 100%;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .video_bgimg-area .img-ratio img {
  width: 100%;
  max-width: 100%;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .banner_ui-area {
  border: 1px solid #fff;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .banner_ui-area a {
  display: block;
  width: 100px;
  height: 100px;
  padding: 30px 24px 30px 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 1;
  box-shadow: 0 5.12px 9.6px 0 rgba(0, 0, 0, 0.15), 0 5.12px 9.6px 0 rgba(0, 0, 0, 0.15);
  /* box-shadow: 0px 5.12px 9.6px rgba(0, 0, 0, 0.15); */
  border-radius: 50%;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .banner_ui-area a i {
  width: 40px;
  height: 40px;
  font-size: 38px;
  color: #ddd;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .banner_ui-area a:hover {
  background-color: #fff;
  border-color: #fff;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .banner_ui-area a:hover i {
  color: #F90228;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .btn-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .title-area {
  display: flex;
  align-items: center;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .title-area .title {
  margin-right: 12px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -1%;
  color: rgba(255, 255, 255, 0.6);
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .title-area .tag {
  height: 30px;
  padding: 8px 12px;
  font-size: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 14px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .sub-area {
  margin-top: 12px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .text-area {
  margin-top: 20px;
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  overflow-y: auto;
  max-height: 165px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar {
  width: 336px;
  min-width: 336px;
  padding-left: 24px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-header {
  min-height: 80px;
  color: #fff;
  position: relative;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-header .media-title {
  min-height: 48px;
  padding-top: 16px;
  margin-bottom: 32px;
  cursor: pointer;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-header .media-title .title {
  font-size: 24px;
  line-height: 32px;
  height: 32px;
  text-align: right;
  font-weight: 700;
  padding-right: 30px;
  position: relative;
  /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  
  -webkit-box-orient: vertical;
  word-break: break-all;

}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-header .media-title .title i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-body .list-container {
  overflow: hidden;
  overflow-y: auto;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-body .list-title {
  display: flex;
  height: 30px;
  align-items: center;
  margin-bottom: 16px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-body .list-title i {
  font-size: 24px;
  margin-right: 10px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-body .list-title .num {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Roboto";
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-body .list-title .num span {
  vertical-align: text-top;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-body .list-title .num .current {
  color: #fff;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container.no-list {
  width: 984px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .flex-wrap {
  display: flex;
  justify-content: space-between;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .flex-wrap.container-header .container {
  width: 528px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .flex-wrap.container-header .sidebar {
  width: auto;
  max-width: 792px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .img-ratio {
  padding-bottom: 56.25%;
  height: 0;
  border-radius: 6px;
  overflow: hidden;
}

/* 0127 추가 */
.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .img-box .img-ratio {
  padding-bottom: 0;
  height: auto;
  border-radius: 0;
  overflow: hidden;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .img-ratio .info_adult {
  z-index: 8;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .img-ratio img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body {
    height: calc(var(--vh, 1vh) * 100);
    max-height: calc(var(--vh, 1vh) * 100);
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    min-height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .con-header {
    height: 66px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .con-header .title-main {
    margin: 0%;
    padding: 16px;
    font-size: 22px;
    line-height: 34px;
  }

  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .con-header .title-main .desc{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-header.w100p .container .con-header .title-main {
    padding: 16px 64px 16px 16px;
  }
  
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area {
    margin-bottom: 14px;
    border-radius: 0;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .btn-box img {
    width: 40px;
    height: 40px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .media-area .info_adult {
    border-radius: 0px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area {
    padding: 0 16px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .title-area .title {
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .title-area .tag {
    height: 24px;
    padding: 5px 10px;
    font-size: 9px;
    line-height: 12px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .sub-area {
    margin-top: 4px;
    margin-top: 4px;
    font-size: 16px;
    line-height: 28px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .text-area {
    max-height: unset;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar {
    width: auto;
    min-width: auto;
    padding: 0;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-header {
    min-height: auto;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-header .media-title {
    margin: 0;
    padding: 0 16px 16px;
    height: 46px;
    min-height: 46px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-header .media-title .title {
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    padding: 0;
    display: flex;
    align-items: center;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-header .media-title .title span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    /* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; */
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-header .media-title .title i {
    position: static;
    transform: none;
    margin-left: 6px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-body {
    padding: 0 16px;
    min-height: 300px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-body .list-title {
    height: 26px;
    margin-top: 24px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar .side-body .list-title .num {
    font-size: 16px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container.no-list {
    width: 100%;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .flex-wrap {
    display: block;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .flex-wrap.container-header .container {
    width: 90%;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .flex-wrap.container-header .sidebar {
    width: auto;
    max-width: initial;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .img-ratio {
    border-radius: 4px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .img-ratio .info_adult {
    border-radius: 4px;
  }
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .typo-area.video-info .title-area {
  display: flex;
  align-items: center;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .typo-area.video-info .title-area .title {
  margin-right: 12px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -1%;
  color: rgba(255, 255, 255, 0.6);
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .typo-area.video-info .title-area .tag {
  height: 30px;
  padding: 8px 12px;
  font-size: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 14px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .typo-area.video-info .sub-area {
  margin-top: 12px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .typo-area.video-info .text-area {
  margin-top: 20px;
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  overflow-y: auto;
  max-height: 165px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .typo-area.video-info .title-area .title {
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .typo-area.video-info .title-area .tag {
    height: 24px;
    padding: 5px 10px;
    font-size: 9px;
    line-height: 12px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .typo-area.video-info .sub-area {
    margin-top: 4px;
    font-size: 16px;
    line-height: 28px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .typo-area.video-info .text-area {
    max-height: unset;
    font-size: 14px;
    line-height: 22px;
  }
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 1320px;
  height: 605px;
  z-index: 6;
  background: #1D1D22;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.6);
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-title {
  padding: 60px 40px 24px;
  height: 118px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-title .title-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-title .title-inner .sub-title {
  font-size: 22px;
  line-height: 34px;
  font-weight: 500;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-title .title-inner .sort-box {
  margin-top: -21px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body > .ol_scroll-style {
  max-height: 487px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 40px;
  cursor: pointer;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box {
  display: table;
  width: 100%;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .img-area {
  display: table-cell;
  width: 148px;
  min-width: 148px;
  height: 100%;
  position: relative;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .img-area .img-area-inner {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .img-area .thumb-area {
  padding-bottom: 56.25%;
  height: 0;
  border-radius: 6px;
  overflow: hidden;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .img-area .thumb-area .img-ratio img {
  width: 100%;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .img-area .num-area {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .img-area .num-area .num {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .img-area .num-area i {
  font-size: 24px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .typo-area {
  display: table-cell;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .typo-area .typo-area-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .typo-area .title {
  font-size: 22px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
  min-width: 360px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .typo-area .title span {
  line-height: revert;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .typo-area .date-box {
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  color: rgba(255, 255, 255, 0.4);
  min-width: 92px;
  text-align: center;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .typo-area .date-box span {
  line-height: revert;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .img-area + .typo-area {
  padding-left: 24px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li:hover {
  background: rgba(255, 255, 255, 0.05);
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li.null {
  cursor: auto;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li.null:hover {
  background: none;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li.null .img-area-inner, .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li.null .info-box .title, .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li.null .date-box {
  position: relative;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li.null .img-area-inner:after, .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li.null .info-box .title:after, .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li.null .date-box:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0%;
  bottom: 0;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 6px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul.list_type-typo li {
  padding: 40px;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body .ol_scroll-style.ol_scroll_dark-style.os-host-overflow-y .os-padding:after {
  display: none;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body .os-content {
  padding-right: 0 !important;
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .media-title.active .title i::before {
  transform: rotate(180deg);
}

.trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .media-title.active .submenu {
  display: block;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu {
    height: calc(100vh - 112px);
    box-shadow: none;
    width: 100%;
    border-radius: 0;
    top: 46px;
    bottom: 0;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-title {
    padding: 32px 16px 16px;
    height: 80px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-title .title-inner {
    align-items: center;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-title .title-inner .sub-title {
    font-size: 16px;
    line-height: 32px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-title .title-inner .sort-box {
    margin-top: 0;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body > .ol_scroll-style {
    height: calc(var(--vh, 1vh) * 100 - 192px);
    max-height: calc(var(--vh, 1vh) * 100 - 192px);
    overflow-y: auto;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li {
    padding: 16px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .img-area .thumb-area .img-ratio {
    padding-bottom: 56.25%;
    height: 0;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .typo-area .typo-area-inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .typo-area .typo-area-inner .title {
    font-size: 15px;
    line-height: 26px;
    height: 26px;
    min-width: auto;
    width: 100%;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .typo-area .typo-area-inner .date-box {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    text-align: left;
    margin-top: 6px;
    min-width: 70px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul li .info-box .img-area + .typo-area {
    padding-left: 16px;
  }
  .trp.popupfixed-wrap.view-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body ul.list_type-typo li {
    padding: 24px 16px;
  }
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module {
  display: flex;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area {
  width: 159px;
  min-width: 159px;
  position: relative;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area .play-box {
  position: absolute;
  left: 8px;
  bottom: 8px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  z-index: 7;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area .play-box i {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 20px;
  text-align: center;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area .play-box i::before {
  line-height: 24px;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area .time-box {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 8;
  padding: 4px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  font-size: 0;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area .time-box span {
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.6;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area .info_adult .icon_adult {
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area .info_adult .info_txt {
  font-size: 12px;
  line-height: 20px;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area .lazyload-wrapper {
  /* 0922추가 이미지영역 100% */
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area .lazyload-wrapper img {
  width: 100%;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .img-area .img-ratio > img {
  width: 100%;
  max-width: 100%;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .typo-area {
  width: calc(100% - 159px);
  margin-left: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .typo-area .sub-area {
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 40px;
  font-weight: 500;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .typo-area .tag_label {
  height: 22px;
  margin-top: 6px;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row .module .typo-area .tag_label .tag {
  display: inline-block;
  height: 24px;
  padding: 5px 8px;
  border: rgba(255, 255, 255, 0.2) 1px solid;
  border-radius: 11px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 9px;
  line-height: 11px;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li {
  margin-bottom: 16px;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li:not(.null) {
  cursor: pointer;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li.on .img-ratio:before {
  border: #FF1230 2px solid;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 6;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li.on .info_adult {
  border: #FF1230 2px solid;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li.on .module .img-area .play-box {
  background: rgba(255, 18, 48, 0.6);
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li.null .img-area, .trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li.null .typo-area .sub-area, .trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li.null .typo-area .tag_label {
  position: relative;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li.null .img-area::before, .trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li.null .typo-area .sub-area::before, .trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li.null .typo-area .tag_label::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  z-index: -1;
}

.trp.popupfixed-wrap.view-layer .popup-align .module_type.video.list.col .type-row li.null .typo-area .tag_label {
  width: 38px;
}

.trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
  width: 1076px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
    width: 100%;
  }
}

.trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-body {
  height: calc(100% - 80px);
}

.trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-body .text-box {
  max-height: 100%;
}

.trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-body .text-box .text-area {
  font-size: 22px;
  line-height: 48px;
  color: rgba(255, 255, 255, 0.6);
}

.trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-body .text-box .text-area .desc .s-tit {
  font-weight: 700;
  padding-bottom: 24px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-body {
    height: calc(100% - 112px);
  }
  .trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-body .text-box .text-area {
    padding-bottom: 40px;
    font-size: 15px;
    line-height: 28px;
    padding: 0px 16px;
  }

  .trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-body .text-box .text-area .desc .s-tit {
    padding-bottom: 16px;
  }
}

.trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-body .pdf-box {
  height: 100%;
}


.trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body li {
  padding: 40px;
}

.trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body li .info-box .typo-area:first-child {
  padding-left: 0;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body li {
    padding: 24px 16px;
  }
  .trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .side-header .submenu .submenu-body li .info-box .typo-area .typo-area-inner .title {
    min-width: 240px;
    width: auto;
  }
}

.trp.popupfixed-wrap.view-layer.photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
  width: 1076px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
    width: 100%;
  }
}

.trp.popupfixed-wrap.view-layer.photo-layer .container-body {
  position: relative;
}

.trp.popupfixed-wrap.view-layer.photo-layer .pagination-box {
  position: absolute;
  width: 1920px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 30px;
}

@media (max-width: 1919px) {
  .trp.popupfixed-wrap.view-layer.photo-layer .pagination-box {
    width: 1320px;
  }
}

@media (max-width: 1319px) {
  .trp.popupfixed-wrap.view-layer.photo-layer .pagination-box {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 1919px) {
  .trp.popupfixed-wrap.view-layer.photo-layer .pagination-box .thum_swiper .swiper-slide.null:nth-child(5) ~ .swiper-slide.null {
    display: none;
  }
}

.trp.popupfixed-wrap.view-layer.photo-layer .media_swiper-section .content-panel .multi_swiper-wrap .main_swiper .media_view:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.08);
}

.trp.popupfixed-wrap.view-layer.photo-layer .media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .swiper-slide {
  position: relative;
}

.trp.popupfixed-wrap.view-layer.photo-layer .media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .swiper-slide .media_view {
  background: rgba(255, 255, 255, 0.08);
}

.trp.popupfixed-wrap.view-layer.photo-layer .media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .swiper-slide.null .media_view::after {
  opacity: 0;
}

.trp.popupfixed-wrap.view-layer.photo-layer .media_swiper-section .content-panel .multi_swiper-wrap .thum-area .thum_swiper .swiper-slide::before {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: absolute;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 6px;
}

.trp.popupfixed-wrap.view-layer.photo-layer .media_swiper-section .content-panel .multi_swiper-wrap .main_swiper .media_view .img-ratio .lazyload-wrapper img {
  width: auto;
  max-width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.photo-layer .container-body {
    height: calc(100% - 112px);
  }
  .trp.popupfixed-wrap.view-layer.photo-layer .container-body .photo-wrap {
    max-height: 100%;
  }
  .trp.popupfixed-wrap.view-layer.photo-layer .container-body .photo-wrap li + li {
    margin-top: 16px;
  }
  .trp.popupfixed-wrap.view-layer.photo-layer .container-body .photo-wrap .os-content {
    padding-right: 0 !important;
  }
  .trp.popupfixed-wrap.view-layer.photo-layer .container-body .photo-wrap .img-area {
    position: relative;
  }
  .trp.popupfixed-wrap.view-layer.photo-layer .container-body .photo-wrap .img-area::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
  }
  .trp.popupfixed-wrap.view-layer.photo-layer .popup-align .popup-layer .pop-panel .pop-body .img-ratio {
    border-radius: 0;
    padding-bottom: 0;
    height: 100%;
  }
  .trp.popupfixed-wrap.view-layer.photo-layer .pagination-box {
    display: none;
  }
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
  width: 1076px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
    width: 100%;
  }
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .container-body {
  height: calc(100% - 80px);
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .container-body .cont-inner {
  max-height: 100%;
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .container-body .popup-dim {
  opacity: 1;
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .img-ratio img {
  width: auto;
  max-width: 100%;
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .program-img-box {
  margin-bottom: 24px;
  text-align: center;
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
  height: 100%;
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar {
  width: auto;
  flex: 0 0 auto;
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .program-img-box .img-ratio {
  display: inline-block;
  padding-bottom: 0px;
  width: auto;
  height: auto;
  border-radius: 0;
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .text-area {
  overflow: visible;
  overflow-y: visible;
  min-height: 114px;
  max-height: auto;
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .edit_box {
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.6);
}

.trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .edit_box img {
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  display: block;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.program-photo-layer {
    /*padding: 0 16px;*/
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .container-body {
    height: calc(100% - 112px);
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .container-body .cont-inner {
    padding: 0px 20px 0px 16px;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .container-body .cont-inner .con-body {
    margin: 0px -20px 0px -16px;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .container-body .pop-container .container {
    width: 100%;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .container-body .pop-container .container .con-body {
    padding-bottom: 40px;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .container-body .pop-container .sidebar .side-header .submenu .submenu-body ul li .info-box .typo-area {
    vertical-align: top;
    padding-top: 12px;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .container-body .pop-container .sidebar .side-header .media-title > .title span {
    position: relative;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .container-body .pop-container .sidebar .side-header .media-title .info-box .typo-area .typo-area-inner .title {
    height: auto;
    min-height: 26px;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .container-body .pop-container .sidebar .side-header .media-title .info-box .typo-area .typo-area-inner .title span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .icon-count {
    margin-top: 4px;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .program-img-area {
    padding-bottom: 40px;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .program-img-box {
    margin-bottom: 12px;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .edit_box {
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.6);
    padding: 0 16px;
  }
  .trp.popupfixed-wrap.view-layer.program-photo-layer .edit_box p img, .trp.popupfixed-wrap.view-layer.program-photo-layer .edit_box div img {
    margin: 0 -16px;
  }
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
  width: 1076px;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .container-body {
  height: calc(100% - 80px);
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .container-body .cont-inner {
  max-height: 100%;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .container-body .popup-dim {
  opacity: 1;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .img-ratio img {
  width: auto;
  max-width: 100%;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar {
  width: 642px;
  flex: 0 0 auto;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .container .typo-area .text-area {
  min-height: 84px;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .img-area.ost-thumb {
  position: relative;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .img-area.ost-thumb .img-ratio .lazyload-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .img-area.ost-thumb .img-ratio .blur-bg {
  width: 110%;
  height: 110%;
  background-size: 100% auto;
  background-position: 50% 50%;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .img-area.ost-thumb .img-ratio .blur-bg::after {
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .img-area.ost-thumb .img-ratio img {
  position: relative;
  margin-left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: auto;
  height: 100%;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .view_ost-wrap .img-area {
  width: 424px;
  height: 512px;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .view_ost-wrap .img-area .img-ratio {
  padding-bottom: 100% !important;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .view_ost-wrap .img-area .btn_md {
  width: 100%;
  margin-top: 24px;
  color: #fff;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.8);
  line-height: 28px;
}

.trp.popupfixed-wrap.view-layer.program-ost-layer .view_ost-wrap .text-area {
  width: 582px;
  /*height:646px;*/
  height: auto;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  font-size: 22px;
  line-height: 48px;
  letter-spacing: -0.02em;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.program-ost-layer {
    /*padding: 0 16px;*/
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container {
    width: 100%;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar {
    width: 100%;
    flex: 0 0 auto;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .container-body {
    height: calc(100% - 112px);
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .container-body .cont-inner {
    padding: 0px 20px 0px 16px;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .container-body .cont-inner .con-body {
    margin: 0px -20px 0px -16px;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .container-body .pop-container .container {
    width: 100%;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .container-body .pop-container .container .con-body {
    padding-bottom: 40px;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .container-body .pop-container .sidebar .side-header .submenu .submenu-body ul li .info-box .typo-area {
    vertical-align: top;
    padding-top: 12px;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .container-body .pop-container .sidebar .side-header .media-title > .title span {
    position: relative;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .container-body .pop-container .sidebar .side-header .media-title .info-box .typo-area .typo-area-inner .title {
    height: auto;
    min-height: 26px;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .container-body .pop-container .sidebar .side-header .media-title .info-box .typo-area .typo-area-inner .title span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .icon-count {
    margin-top: 4px;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .program-img-box {
    margin-bottom: 12px;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .edit_box {
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.6);
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .view_ost-wrap {
    padding-bottom: 40px;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .view_ost-wrap .img-area {
    width: 100%;
    height: auto;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .view_ost-wrap .img-area .img-ratio {
    border-radius: 0 !important;
    padding-bottom: 0% !important;
    height: auto !important;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .view_ost-wrap .img-area .btn_md {
    width: calc(100% - 32px);
    margin: 16px 16px 0;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .view_ost-wrap .img-area .btn_md span{
    line-height: 28px;
  }
  .trp.popupfixed-wrap.view-layer.program-ost-layer .view_ost-wrap .text-area {
    width: 100%;
    height: auto;
    margin-top: 24px;
    padding: 0px 16px;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
  }
}

.trp.popupfixed-wrap.view-layer.character_info-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container, .trp.popupfixed-wrap.view-layer.character_info_map-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container {
  width: 1076px;
  height: 100%;
}

.trp.popupfixed-wrap.view-layer.character_info-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-header.flex-wrap, .trp.popupfixed-wrap.view-layer.character_info_map-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-header.flex-wrap {
  flex-direction: column;
}

.trp.popupfixed-wrap.view-layer.character_info-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-header.flex-wrap .title-main, .trp.popupfixed-wrap.view-layer.character_info_map-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-header.flex-wrap .title-main {
  text-align: left;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.character_info-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container, .trp.popupfixed-wrap.view-layer.character_info_map-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container {
    width: 100%;
  }
}

.trp.popupfixed-wrap.view-layer.character_info-popup .container-body, .trp.popupfixed-wrap.view-layer.character_info_map-popup .container-body {
  height: calc(100% - 164px);
}

.trp.popupfixed-wrap.view-layer.character_info-popup .container-body .cont-inner, .trp.popupfixed-wrap.view-layer.character_info_map-popup .container-body .cont-inner {
  max-height: 100%;
  height: 100%;
}

.trp.popupfixed-wrap.view-layer.character_info-popup .container-body .cont-inner.ol_scroll-style.os-host-overflow-y, .trp.popupfixed-wrap.view-layer.character_info_map-popup .container-body .cont-inner.ol_scroll-style.os-host-overflow-y {
  max-width: 100%;
  margin-right: -20px;
}

.trp.popupfixed-wrap.view-layer.character_info-popup .container-body .popup-dim, .trp.popupfixed-wrap.view-layer.character_info_map-popup .container-body .popup-dim {
  opacity: 1;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.character_info-popup .container-body, .trp.popupfixed-wrap.view-layer.character_info_map-popup .container-body {
    width: 100%;
    height: calc(100% - 112px);
    background: #1D1D22;
  }
  .trp.popupfixed-wrap.view-layer.character_info-popup .container-body .cont-inner.ol_scroll-style.os-host-overflow-y{
    margin-right: 0;
  }
}

.trp.popupfixed-wrap.view-layer.character_info-popup .sort_menu-wrap, .trp.popupfixed-wrap.view-layer.character_info_map-popup .sort_menu-wrap {
  padding-top: 16px;
}

.trp.popupfixed-wrap.view-layer.character_info-popup .sort_menu-wrap .content_tab-list, .trp.popupfixed-wrap.view-layer.character_info_map-popup .sort_menu-wrap .content_tab-list {
  display: flex;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.character_info-popup .sort_menu-wrap, .trp.popupfixed-wrap.view-layer.character_info_map-popup .sort_menu-wrap {
    padding-top: 8px;
    margin: 0 16px;
  }
}

.trp.popupfixed-wrap.view-layer.character_info-popup .theme-dark .content_tab-area .left_arrow-box, .trp.popupfixed-wrap.view-layer.character_info_map-popup .theme-dark .content_tab-area .left_arrow-box {
  left: -23px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 33.9%, rgba(0, 0, 0, 0.752762) 60.27%, rgba(0, 0, 0, 0) 80.28%);
}

.trp.popupfixed-wrap.view-layer.character_info-popup .theme-dark .content_tab-area .right_arrow-box, .trp.popupfixed-wrap.view-layer.character_info_map-popup .theme-dark .content_tab-area .right_arrow-box {
  right: -3px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 33.9%, rgba(0, 0, 0, 0.752762) 60.27%, rgba(0, 0, 0, 0) 80.28%);
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.character_info-popup .theme-dark .content_tab-area .left_arrow-box, .trp.popupfixed-wrap.view-layer.character_info_map-popup .theme-dark .content_tab-area .left_arrow-box {
    left: -10px;
  }
  .trp.popupfixed-wrap.view-layer.character_info-popup .theme-dark .content_tab-area .right_arrow-box, .trp.popupfixed-wrap.view-layer.character_info_map-popup .theme-dark .content_tab-area .right_arrow-box {
    right: -8px;
  }
}

.trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section {
  text-align: left;
}

.trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .section-wrap, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .section-wrap {
  min-width: 100%;
  padding-top: 0;
}

.trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .section-wrap .section-inner, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .section-wrap .section-inner {
  padding: 0;
  width: 100%;
}

.trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .info-area.type-big .img-box img, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .info-area.type-big .img-box img {
  max-width: 100%;
  width: auto;
}

.trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .info-area.type-big .img-box .lazyload-wrapper .noimg, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .info-area.type-big .img-box .lazyload-wrapper .noimg {
  height: 604px !important;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .info-area.type-big .img-box .lazyload-wrapper .noimg, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .info-area.type-big .img-box .lazyload-wrapper .noimg {
    height: auto !important;
  }
}

.trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .img-box img, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .img-box img {
  width: 100%;
}

.trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .character_info_view-warp .info-area .features, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .character_info_view-warp .info-area .features {
  margin-bottom: 20px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .character_info_view-warp, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .character_info_view-warp {
    padding: 0 16px 20px 16px;
  }
  .trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .character_info_view-warp .info-area .features, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .character_info_view-warp .info-area .features {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 32px;
  }
  .trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .character_info_view-warp .info-area .features li + li, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .character_info_view-warp .info-area .features li + li {
    padding-left: 8px;
    margin-left: 8px;
  }
  .trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .character_info_view-warp .info-area .name, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .character_info_view-warp .info-area .name {
    margin-bottom: 24px;
  }
  .trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .character_info_view-warp .info-area .name + .features, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .character_info_view-warp .info-area .name + .features {
    margin-top: -14px;
  }
  .trp.popupfixed-wrap.view-layer.character_info-popup .character_info_view-section .character_info_view-warp .info-area.type-big .img-box, .trp.popupfixed-wrap.view-layer.character_info_map-popup .character_info_view-section .character_info_view-warp .info-area.type-big .img-box {
    margin-right: -16px;
  }
}

.trp.popupfixed-wrap.view-layer.character_info-popup.character_map .container-body {
  height: calc(100% - 80px);
}

.trp.popupfixed-wrap.view-layer.character_info-popup.character_map .character_info_view-section .character_info_view-warp {
  padding: 0;
  background: none;
  border-radius: 0;
  box-shadow: none;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.character_info-popup.character_map .container-body {
    background: none;
    width: 100%;
    height: calc(100% - 112px);
    background: #1D1D22;
  }
  .trp.popupfixed-wrap.view-layer.character_info-popup.character_map .character_info_view-section .character_info_view-warp {
    padding: 0 16px 20px 16px;
  }
}

.trp.popupfixed-wrap.view-layer.program_info_view-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container {
  width: 1076px;
  height: 100%;
}

.trp.popupfixed-wrap.view-layer.program_info_view-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-header.flex-wrap {
  flex-direction: column;
}

.trp.popupfixed-wrap.view-layer.program_info_view-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container-header.flex-wrap .title-main {
  text-align: left;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.program_info_view-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container {
    width: 100%;
  }
}

.trp.popupfixed-wrap.view-layer.program_info_view-popup .container-body {
  height: calc(100% - 80px);
}

.trp.popupfixed-wrap.view-layer.program_info_view-popup .container-body .cont-inner {
  max-height: 100%;
  height: 100%;
}

.trp.popupfixed-wrap.view-layer.program_info_view-popup .container-body .cont-inner.ol_scroll-style.os-host-overflow-y {
  margin-right: -20px;
}

.trp.popupfixed-wrap.view-layer.program_info_view-popup .container-body .popup-dim {
  opacity: 1;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.program_info_view-popup .container-body {
    width: 100%;
    height: calc(100% - 112px);
  }

  .trp.popupfixed-wrap.view-layer.program_info_view-popup .container-body .cont-inner.ol_scroll-style.os-host-overflow-y {
    margin-right: 0;
  }
}

.trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar, .trp.popupfixed-wrap.view-layer.photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar, .trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar, .trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar {
  width: 642px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar, .trp.popupfixed-wrap.view-layer.photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar, .trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar, .trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .sidebar {
    width: 100%;
  }
}

.trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .side-header .submenu, .trp.popupfixed-wrap.view-layer.photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .side-header .submenu, .trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .side-header .submenu, .trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .side-header .submenu {
  width: 1076px;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.preview-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .side-header .submenu, .trp.popupfixed-wrap.view-layer.photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .side-header .submenu, .trp.popupfixed-wrap.view-layer.program-photo-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .side-header .submenu, .trp.popupfixed-wrap.view-layer.program-ost-layer .popup-align .popup-layer .pop-panel .pop-body .pop-container .side-header .submenu {
    width: 100%;
  }
}

.trp.popupfixed-wrap.view-layer.character_info-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container, .trp.popupfixed-wrap.view-layer.character_info_map-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container, .trp.popupfixed-wrap.view-layer.character_info-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container, .trp.popupfixed-wrap.view-layer.program_info_view-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container {
  width: 100%;
}

@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.view-layer.character_info-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container, .trp.popupfixed-wrap.view-layer.character_info_map-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container, .trp.popupfixed-wrap.view-layer.character_info-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container, .trp.popupfixed-wrap.view-layer.program_info_view-popup .popup-align .popup-layer .pop-panel .pop-body .pop-container .container {
    width: 100%;
  }
}
.character_info_view-section .section-wrap{
  background-repeat: repeat-y !important;
  background-position: center 0;
}

@media all and (max-width: 959px) {
  .character_info_view-section .section-wrap{
    background-size: 100%;
  }
}
.character_info_view-section .theme-dark.character_info_view-warp {
  box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.5);
  background: #1D1D22;
}

@media all and (max-width: 959px) {
  .character_info_view-section .theme-dark.character_info_view-warp {
    box-shadow: none;
  }
}

.character_info_view-section .theme-dark.character_info_view-warp .info-area .name span {
  color: #fff;
}

.character_info_view-section .theme-dark.character_info_view-warp .info-area .features {
  color: #fff;
}

.character_info_view-section .theme-dark.character_info_view-warp .info-area .features li + li::before {
  background-color: rgba(255, 255, 255, 0.4);
}

.character_info_view-section .theme-dark.character_info_view-warp .info-area .story {
  color: rgba(255, 255, 255, 0.6);
}

.character_info_view-section .theme-dark.character_info_view-warp .info-area .story a {
  color: white;
}

@media all and (max-width: 959px) {
  .character_info_view-section .sort_menu-wrap.sort_type-tab_btn1 .wrap-inner {
    position: relative;
    /* display: flex;
    flex-direction: column-reverse;
    align-items: flex-start; */
  }
  .character_info_view-section .sort_menu-wrap.sort_type-tab_btn1 .wrap-inner .side-area {
    width: 100%;
    position: absolute;
    top: 0px;
    margin-top: 0;
    margin-bottom: 16px;
  }

  .character_info_view-section .sort_menu-wrap.sort_type-tab_btn1 .wrap-inner .content_tab-area {
    /* padding-top: 56px; */
    padding-top: 0;
  }

  .character_info_view-section .side-area.only-mb {
    width: 100%;
    position: relative;
    margin-top: 40px;
    margin-bottom: 0;
  }

  .character_info_view-section .side-area.only-mb .btn.btn_md{
    width: 100%;
  }
}

.character_info_view-section .character_info_view-warp {
  box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.08);
  max-width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  background: #fff;
  padding: 56px;
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    max-width: initial;
    background: transparent;
  }
}

.character_info_view-section .character_info_view-warp .info-area .img-box + .typo-box {
  margin-top: 40px;
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp .info-area .img-box + .typo-box {
    margin-top: 24px;
  }
}

.character_info_view-section .character_info_view-warp .info-area .img-ratio .img-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 6px;
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp .info-area .img-ratio .img-bg {
    border-radius: 4px;
  }
}

.character_info_view-section .character_info_view-warp .info-area .name {
  margin-bottom: 20px;
}

.character_info_view-section .character_info_view-warp .info-area .name span {
  font-weight: 700;
  font-size: 38px;
  line-height: 46px;
  letter-spacing: -0.03em;
  color: #000;
  white-space : pre-wrap;
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp .info-area .name {
    margin-bottom: 24px;
  }
  .character_info_view-section .character_info_view-warp .info-area .name span {
    font-size: 28px;
    line-height: 40px;
  }
}

.character_info_view-section .character_info_view-warp .info-area .features {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.02em;
  color: #000;
  white-space : pre-wrap;
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp .info-area .features {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }
}

.character_info_view-section .character_info_view-warp .info-area .features ul::after {
  content: '';
  clear: both;
  display: block;
}

.character_info_view-section .character_info_view-warp .info-area .features li {
  float: left;
  display: inline-block;
  position: relative;
}

.character_info_view-section .character_info_view-warp .info-area .features li + li {
  padding-left: 13px;
  margin-left: 12px;
}

.character_info_view-section .character_info_view-warp .info-area .features li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 1px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.4);
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp .info-area .features li + li {
    padding-left: 6px;
    margin-left: 6px;
  }
  .character_info_view-section .character_info_view-warp .info-area .features li + li::before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.character_info_view-section .character_info_view-warp .info-area .name + .features {
  margin-top: -6px;
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp .info-area .name + .features {
    margin-top: -16px;
  }
}

.character_info_view-section .character_info_view-warp .info-area .story {
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

.character_info_view-section .character_info_view-warp .info-area .story a {
  font-weight: 700;
  color: black;
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp .info-area .story {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
  }
}

.character_info_view-section .character_info_view-warp .info-area.type-big .img-box {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.character_info_view-section .character_info_view-warp .info-area.type-big .img-box .lazyload-wrapper {
  text-align: center;
}

.character_info_view-section .character_info_view-warp .info-area.type-big .img-box .lazyload-wrapper img {
  margin: 0 auto;
  max-width: 100%;
  width: auto;
}

.character_info_view-section .character_info_view-warp .info-area.type-big .img-box .lazyload-wrapper .noimg {
  height: 741px;
  position: static;
}

.character_info_view-section .character_info_view-warp .info-area.type-big .img-box .img-ratio {
  padding-bottom: initial;
}

.character_info_view-section .character_info_view-warp .info-area.type-big .img-ratio {
  padding-bottom: 56.25%;
}

.character_info_view-section .character_info_view-warp .info-area.type-big .typo-box {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.character_info_view-section .character_info_view-warp .info-area.type-big .typo-box .name_fe {
  width: 320px;
  margin-right: 48px;
}

.character_info_view-section .character_info_view-warp .info-area.type-big .typo-box .story {
  max-width: 100%;
  flex: 1;
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp .info-area.type-big .img-box {
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-big .img-box .lazyload-wrapper .noimg {
    min-height: 56vw;
    height: auto;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-big .img-ratio .img-bg {
    border-radius: 0px;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-big .typo-box {
    flex-wrap: wrap;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-big .typo-box .name_fe {
    width: 100%;
    margin-right: 0;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-big .typo-box .story {
    max-width: 100%;
  }
}

.character_info_view-section .character_info_view-warp .info-area.type-left {
  position: relative;
  padding-left: 368px;
  min-height: 320px;
}

.character_info_view-section .character_info_view-warp .info-area.type-left .img-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 320px;
  border-radius: 6px;
  overflow: hidden;
  max-height: 320px;
}

.character_info_view-section .character_info_view-warp .info-area.type-left .img-box img {
  width: auto;
  max-width: 100%;
  height: 100%;
}

.character_info_view-section .character_info_view-warp .info-area.type-left .img-box .lazyload-wrapper {
  text-align: center;
}

.character_info_view-section .character_info_view-warp .info-area.type-left .img-box .lazyload-wrapper img {
  margin: 0 auto;
  max-width: 100%;
  /* width: auto; */
  width: 100%;
}

.character_info_view-section .character_info_view-warp .info-area.type-left .img-box .lazyload-wrapper .noimg {
  height: 320px;
  position: static;
}

.character_info_view-section .character_info_view-warp .info-area.type-left .img-box + .typo-box {
  margin-top: 0px;
}

.character_info_view-section .character_info_view-warp .info-area.type-left .name {
  margin-bottom: 24px;
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp .info-area.type-left {
    padding-left: 0;
    min-height: auto;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-left .name {
    text-align: center;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-left .features {
    display: flex;
    justify-content: center;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-left .img-box {
    position: relative;
    left: auto;
    width: 48%;
    max-height: none;
    margin: 0 auto;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-left .img-box img {
    height: auto !important;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-left .img-box .lazyload-wrapper .noimg {
    min-height: 43.9vw;
    height: auto;
  }
  .character_info_view-section .character_info_view-warp .info-area.type-left .img-box + .typo-box {
    margin-top: 16px;
  }
}

.character_info_view-section .character_info_view-warp .info-area.type-none .img-box + .typo-box {
  margin-top: 0px;
}

.character_info_view-section .character_info_view-warp .info-area + .info-area {
  margin-top: 120px;
}

@media all and (max-width: 959px) {
  .character_info_view-section .character_info_view-warp .info-area + .info-area {
    margin-top: 80px;
  }
}

/* 
theme-light
theme-dark
*/
.label_icon {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  margin-right: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.08);
}

.label_icon.icon_img + .icon_img {
  margin-left: 6px;
}

.label_icon.label_b {
  background-color: #000;
  color: #fff;
}

.label_icon.label_r {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.label_icon.icon_img {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 100%;
  border: 0px;
  width: 48px;
  height: 48px;
  font-size: 20px;
  line-height: 48px;
  padding: 0;
  text-align: center;
  margin-left: 40px;
  text-align: center;
}

.label_icon.icon_img .spf::before {
  line-height: 48px;
}

.label_icon.icon_img .icon-time {
  width: 17px;
  height: 19px;
  vertical-align: top;
  margin: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -393px -245px;
  width: 17px;
  height: 19px;
}

.label_icon.icon_img.active {
  background: #F90228;
  border: 0;
  color: #fff;
}

@media all and (max-width: 959px) {
  .label_icon {
    font-size: 10px;
    line-height: 20px;
    margin-left: 6px;
    width: 20px;
    height: 20px;
  }
  .label_icon.icon_img + .icon_img {
    margin-left: 4px;
  }
  .label_icon.icon_img {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
  .label_icon.icon_img .spf::before {
    line-height: 36px;
  }
}

.scheduler_table-section > .section-wrap {
  overflow: visible;
}

@media all and (max-width: 959px) {
  .scheduler_table-section {
    overflow: hidden;
  }
}

.scheduler_table-section > .section-wrap {
  padding: 0 !important;
  overflow: visible;
}

.scheduler_table-section > .section-wrap > .content-panel > .panel-header {
  padding-bottom: 0;
}

.scheduler_table-section .content-panel .panel-header {
  display: block;
}

@media all and (max-width: 959px) {
  .scheduler_table-section .content-panel .panel-header .title-main span {
    font-size: 16px;
    line-height: 22px;
  }
}

.scheduler_table-section .content-panel .panel-body .tvtime_wrap-section .section-wrap {
  padding-top: 120px;
  padding-bottom: 60px;
  background-color: #fff;
}

.scheduler_table-section .content-panel .panel-body .sub_bar_banner-area {
  padding-top: 40px;
  background: #fff;
}

.scheduler_table-section .content-panel .panel-body .sub_bar_banner-area + .tvtime_wrap-section .section-wrap {
  padding-top: 80px;
}

@media all and (max-width: 959px) {
  .scheduler_table-section .content-panel .panel-body .tvtime_wrap-section .section-wrap {
    padding-top: 28px;
    padding-bottom: 16px;
  }

  .scheduler_table-section .content-panel .panel-body .sub_bar_banner-area {
    padding-top: 24px;
  }

  .scheduler_table-section .content-panel .panel-body .sub_bar_banner-area + .tvtime_wrap-section .section-wrap {
    padding-top: 40px;
  }
  
}

.scheduler_table-section .content-panel .time_line-wrap {
  position: relative;
}

.scheduler_table-section .content-panel .time_line-wrap.fixed {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 100;
}

.scheduler_table-section .content-panel .time_line-wrap.fixed_up {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 100;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box {
  min-width: 1360px;
  padding: 0px;
  background: #1D1D22;
  -webkit-transition: top 0.1s ease-out;
  -moz-transition: top 0.1s ease-out;
  -ms-transition: top 0.1s ease-out;
  -o-transition: top 0.1s ease-out;
  transition: top 0.1s ease-out;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner {
  width: 1360px;
  padding: 24px 20px;
  margin: 0 auto;
  overflow: hidden;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap {
  position: relative;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .slider-area {
  margin: 0 142px;
  overflow: hidden;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li {
  text-align: center;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li a {
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  background: transparent;
  border-radius: 160px;
  height: 88px;
  padding: 16px 0;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li a strong {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: 0.02em;
  display: block;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li a span {
  font-size: 48px;
  line-height: 56px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-top: -5px;
  display: inline;
  font-family: "Roboto";
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.active a {
  background: #fff;
  padding: 16px 21px;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.active a strong {
  color: #F90228;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.active a span {
  color: #000;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.active.disabled::before, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.disabled::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.active.disabled a, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.disabled a {
  background: none;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.active.disabled a strong, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.active.disabled a span, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.disabled a strong, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.disabled a span {
  color: rgba(255, 255, 255, 0.1);
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next {
  font-size: 0;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.1);
  padding: 7px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 54px;
  height: 54px;
  padding: 0;
  text-align: center;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev .spf::before, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next .spf::before {
  font-size: 54px;
  color: #fff;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev.swiper-button-disabled, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev.disabled, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next.swiper-button-disabled, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next.disabled {
  pointer-events: none;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev.swiper-button-disabled .spf, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev.swiper-button-disabled .spf-envelope:before, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev.disabled .spf, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev.disabled .spf-envelope:before, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next.swiper-button-disabled .spf, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next.swiper-button-disabled .spf-envelope:before, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next.disabled .spf, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next.disabled .spf-envelope:before {
  opacity: .3;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev.swiper-button-disabled .spf::before, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev.disabled .spf::before, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next.swiper-button-disabled .spf::before, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next.disabled .spf::before {
  font-size: 54px;
  color: #fff;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev {
  left: 0;
}

.scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next {
  right: 0;
}

@media all and (max-width: 959px) {
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box {
    min-width: 100%;
    padding: 0px 10%;
    position: relative;
    box-shadow: none;
  }
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box::before, .scheduler_table-section .content-panel .time_line-wrap .time_line-box::after {
    content: "";
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 4;
  }
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box::before {
    left: 0;
    background: linear-gradient(-90deg, rgba(29, 29, 34, 0) 0%, #1D1D22 100%, #1D1D22 100%);
  }
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box::after {
    right: 0;
    background: linear-gradient(90deg, rgba(29, 29, 34, 0) 0%, #1D1D22 100%, #1D1D22 100%);
  }
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner {
    width: 100%;
    padding: 8px 0;
    overflow: visible;
  }
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .slider-area {
    position: relative;
    margin: 0 auto;
    overflow: visible;
  }
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li a {
    border-radius: 160px;
    height: 44px;
    padding: 6px 12px 10px;
  }
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li a strong {
    font-size: 12px;
    line-height: 20px;
  }
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li a span {
    font-size: 20px;
    line-height: 32px;
    margin-top: -5px;
    display: inline-block;
  }
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .date_list li.active a {
    background: #fff;
    padding: 8px 12px;
  }
  .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_prev, .scheduler_table-section .content-panel .time_line-wrap .time_line-box .time-inner .time_date-wrap .time_line_next {
    display: none;
  }
}

.scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner {
  padding: 6px 20px;
}

.scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .date_list li a, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .date_list li a {
  border-radius: 160px;
  height: 66px;
  padding: 11px 0;
}

.scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .date_list li a strong, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .date_list li a strong {
  font-size: 18px;
  line-height: 27px;
}

.scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .date_list li a span, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .date_list li a span {
  font-size: 32px;
  line-height: 38px;
}

.scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .date_list li.active a, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .date_list li.active a {
  background: #fff;
  padding: 11px 18px;
}

@media all and (max-width: 959px) {
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box {
    min-width: 100%;
    padding: 0px 10%;
    position: relative;
    box-shadow: none;
  }
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box::before, .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box::after, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box::before, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box::after {
    content: "";
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 4;
  }
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box::before, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box::before {
    left: 0;
    background: linear-gradient(-90deg, rgba(29, 29, 34, 0) 0%, #1D1D22 100%, #1D1D22 100%);
  }
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box::after, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box::after {
    right: 0;
    background: linear-gradient(90deg, rgba(29, 29, 34, 0) 0%, #1D1D22 100%, #1D1D22 100%);
  }
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner {
    width: 100%;
    padding: 8px 0;
    overflow: visible;
  }
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .slider-area, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .slider-area {
    position: relative;
    margin: 0 auto;
    overflow: visible;
  }
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .date_list li a, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .date_list li a {
    border-radius: 160px;
    height: 44px;
    padding: 6px 12px 10px;
  }
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .date_list li a strong, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .date_list li a strong {
    font-size: 12px;
    line-height: 20px;
  }
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .date_list li a span, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .date_list li a span {
    font-size: 20px;
    line-height: 32px;
    margin-top: -5px;
    display: inline-block;
  }
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .date_list li.active a, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .date_list li.active a {
    background: #fff;
    padding: 8px 12px;
  }
  .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .time_line_prev, .scheduler_table-section .content-panel .time_line-wrap.fixed .time_line-box .time-inner .time_date-wrap .time_line_next, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .time_line_prev, .scheduler_table-section .content-panel .time_line-wrap.fixed_up .time_line-box .time-inner .time_date-wrap .time_line_next {
    display: none;
  }
}

.scheduler_table-section .content-panel .time_table-box {
  position: relative;
}

.scheduler_table-section .content-panel .time_table-box .top_btn {
  position: absolute;
  right: 0;
  top: -84px;
}

.scheduler_table-section .content-panel .time_table-box .top_btn .btn {
  padding: 12px 30px;
  margin-left: 7px;
}

.scheduler_table-section .content-panel .time_table-box .top_btn .btn span {
  line-height: 28px;
  font-size: 16px;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li {
  position: relative;
  background-color: #F8F8F8;
  padding: 24px 40px;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 10px;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li:first-child {
  margin-top: 0;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .time_bg {
  background-size: cover;
  background-repeat: no-repeat;
  display: none;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_time, .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name {
  color: #000;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_time {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.02em;
  width: 110px;
  font-family: 'Roboto';
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_time span {
  font-family: 'Noto Sans KR';
  vertical-align: top;
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name {
  display: inline-flex;
  padding: 0 0 0 110px;
  flex: 0 1 auto;
  flex-direction: column;
  min-height: 102px;
  align-content: center;
  justify-content: center;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .onAir {
  display: none;
  font-size: 21px;
  line-height: 32px;
  color: #f90228;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .onAir::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #f90228;
  border-radius: 100%;
  margin-right: 6px;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .title, .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .sub_title {
  font-size: 22px;
  line-height: 34px;
  font-weight: 500;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .title {
  display: inline-block;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .title .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 22px;
  line-height: 34px;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .title .onAir_tit {
  display: none;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .sub_title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.6);
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_type {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-left: 50px;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_type span:first-child {
  margin-left: 0;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_type .label_icon.icon_img {
  margin-right: 0;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on {
  padding: 40px 40px;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .time_bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .time_bg .img::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: -8px;
  top: -20%;
  bottom: 0;
  width: 290px;
  background: linear-gradient(179.07deg, #000000 2.98%, rgba(0, 0, 0, 0) 24.35%);
  transform: matrix(0, 1, 1, 0, 0, 0);
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .time_bg .img::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #000000 -14.53%, rgba(0, 0, 0, 0) 100%);
  transform: rotate(-180deg);
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .time_bg .img img {
  width: 100%;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_time, .scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name {
  color: #fff;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_time span {
  color: rgba(255, 255, 255, 0.6);
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  min-height: 190px;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .onAir {
  display: block;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .title {
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.02em;
  margin: 20px 0 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .title .txt {
  display: none;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .title .onAir_tit {
  display: block;
  max-height: 80px;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .title .onAir_tit img {
  height: 80px;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .sub_title {
  display: block;
  font-size: 22px;
  line-height: 34px;
  font-weight: 500;
  margin-top: 0;
  color: #fff;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .sub_title::before {
  display: none;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .label_icon {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.1);
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .label_icon.label_b {
  background-color: #F90228;
  color: #fff;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .label_icon.icon_img.active {
  border-color: transparent;
  background: #F90228;
  color: #fff;
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .label_icon.icon_img.time {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.2);
}

.scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .label_icon.icon_img.time .icon-time {
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -393px -274px;
  width: 17px;
  height: 19px;
}

@media all and (max-width: 959px) {
  .scheduler_table-section .content-panel .time_table-box .top_btn {
    top: -46px;
  }
  .scheduler_table-section .content-panel .time_table-box .top_btn .btn {
    padding: 7px 10px;
    margin-left: 4px;
  }
  .scheduler_table-section .content-panel .time_table-box .top_btn .btn span {
    line-height: 16px;
    font-size: 11px;
    letter-spacing: -0.03em;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table {
    margin: 0 -16px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li {
    padding: 24px 16px 24px 20px;
    border-radius: 0;
    margin-top: 4px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_time {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    width: 66px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_time span {
    font-size: 10px;
    line-height: 14px;
    margin-right: 0;
    display: block;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name {
    min-height: auto !important;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .onAir {
    font-size: 12px;
    line-height: 18px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .onAir::before {
    width: 8px;
    height: 8px;
    margin-right: 4px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .title, .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .sub_title {
    font-size: 13px;
    line-height: 16px;
    margin-top: 0;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .title {
    display: inline-block;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name .title .txt {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_type {
    position: static;
    margin-top: 12px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_type .label_icon {
    margin-right: 4px;
    margin-left: 0;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_type .label_icon.icon_img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name {
    padding: 0 60px 0 66px;
    min-height: auto;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_type {
    padding: 0 60px 0 66px;
    min-height: auto;
    margin-left: 0;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li .inner .p_name.no_icon {
    padding-right: 30px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on {
    padding: 24px 16px 24px 24px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on .time_bg .img::after {
    width: 100%;
    left: 0;
    right: 0;
    transform: inherit;
    background: rgba(0, 0, 0, 0.4);
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on .time_bg .img::before {
    display: none;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on .time_bg .img img {
    position: absolute;
    right: 0%;
    top: 50%;
    height: 100%;
    transform: translate(10%, -50%);
    width: auto;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_time {
    top: 0;
    transform: none;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .onAir {
    display: block;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .title {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.01em;
    margin: 8px 0 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 48px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .title .onAir_tit img {
    max-height: 48px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .sub_title {
    font-size: 15px;
    line-height: 20px;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_name .sub_title::before {
    display: none;
  }
  .scheduler_table-section .content-panel .time_table-box .time_table > li.on .inner .p_type .label_icon.icon_img {
    top: -8px;
    transform: none;
  }
}

.time_tabe-guide-section .section-wrap {
  padding-top: 0 !important;
  background-color: #fff;
}

.time_tabe-guide-section .time_tabe-guide {
  position: relative;
}

.time_tabe-guide-section .time_tabe-guide .guide_btn {
  position: absolute;
  right: 0;
  top: 0px;
}

.time_tabe-guide-section .time_tabe-guide .guide_btn .btn {
  padding: 9px 30px;
}

.time_tabe-guide-section .time_tabe-guide .guide_btn .btn span {
  line-height: 28px;
  font-size: 16px;
}

.time_tabe-guide-section .time_tabe-guide .time_guide dt {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #000;
  margin-bottom: 10px;
}

.time_tabe-guide-section .time_tabe-guide .time_guide dd {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
  padding-bottom: 20px;
}

.time_tabe-guide-section .time_tabe-guide .time_guide dd:last-child {
  padding-bottom: 0;
}

.time_tabe-guide-section .time_tabe-guide .time_guide dd + dd {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}

.time_tabe-guide-section .time_tabe-guide .icon_guide li {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 0 24px;
}

.time_tabe-guide-section .time_tabe-guide .icon_guide li:first-child {
  margin-left: 0;
}

.time_tabe-guide-section .time_tabe-guide .icon_guide .icon {
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.6);
  padding: 5px 8px;
  min-width: 14px;
  margin: 0 3px 0 0;
}

@media all and (max-width: 959px) {
  .time_tabe-guide-section .time_tabe-guide .guide_btn {
    position: static;
    display: block;
  }
  .time_tabe-guide-section .time_tabe-guide .guide_btn .btn {
    padding: 11px 10px;
    width: 100%;
  }
  .time_tabe-guide-section .time_tabe-guide .guide_btn .btn span {
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
  }
  .time_tabe-guide-section .time_tabe-guide .time_guide {
    margin-top: 32px;
  }
  .time_tabe-guide-section .time_tabe-guide .time_guide dt {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 6px;
  }
  .time_tabe-guide-section .time_tabe-guide .time_guide dd {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 16px;
  }
  .time_tabe-guide-section .time_tabe-guide .time_guide dd + dd {
    padding-top: 16px;
  }
  .time_tabe-guide-section .time_tabe-guide .icon_guide {
    margin-top: -5px;
    display: flex;
    flex-wrap: wrap;
  }
  .time_tabe-guide-section .time_tabe-guide .icon_guide li {
    font-size: 12px;
    line-height: 14px;
    margin: 5px 0;
    width: 33.3333333%;
  }
  .time_tabe-guide-section .time_tabe-guide .icon_guide li:first-child {
    margin-left: 0;
  }
  .time_tabe-guide-section .time_tabe-guide .icon_guide li .label_icon {
    margin-left: 0;
    margin-right: 4px;
  }
  .time_tabe-guide-section .time_tabe-guide .icon_guide .icon {
    font-size: 10px;
    padding: 3px 6px;
    min-width: 12px;
  }
}

.form_readonly dl dt {
  font-size: 22px;
  line-height: 34px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.02em;
  padding-bottom: 16px;
}

.form_readonly dl dd .readonly {
  font-size: 22px;
  line-height: 34px;
  font-weight: 500;
  letter-spacing: -0.02em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 19px 32px;
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .form_readonly dl dt {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    padding-bottom: 12px;
  }
  .form_readonly dl dd .readonly {
    font-size: 18px;
    line-height: 30px;
    border-radius: 4px;
    padding: 13px 20px;
  }
}

.form_readonly + .program_alarm-list {
  margin-top: 24px !important;
}

@media all and (max-width: 959px) {
  .form_readonly + .program_alarm-list {
    margin-top: 32px !important;
  }
}

.request_info-wrap.step1, .request_info-wrap.step2 {
  padding-top: 8px;
}

.request_info-wrap.step1 .request_form, .request_info-wrap.step2 .request_form {
  padding: 79px 143px 79px;
}

.request_info-wrap.step1 .request_form .error_txt, .request_info-wrap.step2 .request_form .error_txt {
  position: absolute;
}

@media all and (max-width: 959px) {
  .request_info-wrap.step1, .request_info-wrap.step2 {
    padding-top: 0;
  }
  .request_info-wrap.step1 .request_form, .request_info-wrap.step2 .request_form {
    padding: 0px;
  }
  .request_info-wrap.step1 .request_form .error_txt, .request_info-wrap.step2 .request_form .error_txt {
    position: static;
  }
  .request_info-wrap.step1 .btn_set, .request_info-wrap.step2 .btn_set {
    margin: 12px 0 0;
  }
}

.request_info-wrap .title {
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #000;
  margin: 60px 0 16px;
}

.request_info-wrap .title:first-child {
  margin-top: 0;
}

.request_info-wrap .request_form {
  position: relative;
  background: #F8F8F8;
  border-radius: 6px;
  padding: 32px 143px 32px;
}

.request_info-wrap .request_form .form_required {
  position: absolute;
  right: 0;
  top: -38px;
  color: #F90228;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.01em;
  font-weight: 500;
}

.request_info-wrap .request_form + .mark_dot-list {
  margin-top: 16px;
}

.request_info-wrap .btn_set {
  margin: 60px 0 0;
}

.request_info-wrap .btn_set .btn {
  width: 239px !important;
  padding: 21px 25px;
}

@media all and (max-width: 959px) {
  .request_info-wrap .title {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    margin: 60px 0 18px;
  }
  .request_info-wrap .request_form {
    background: transparent;
    border-radius: 0;
    padding: 0;
  }
  .request_info-wrap .request_form .form_required {
    position: absolute;
    right: 0;
    top: -38px;
    color: #F90228;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-weight: 500;
  }
  .request_info-wrap .request_form .error_txt {
    position: static;
  }
  .request_info-wrap .btn_set {
    margin: 40px 0 0;
  }
  .request_info-wrap .btn_set .btn {
    width: 100% !important;
    padding: 17px 20px;
  }
  .request_info-wrap .btn_set.fxied {
    position: fixed;
    bottom: 23px;
    left: 16px;
    right: 16px;
  }
}

.program_alarm-list {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .program_alarm-list {
    border-radius: 0;
  }
}

.program_alarm-list .program_title {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #fff;
  background: #1D1D22;
  padding: 20px 32px;
}

@media all and (max-width: 959px) {
  .program_alarm-list .program_title {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.01em;
    color: #fff;
    padding: 16px 40px 16px 16px;
  }
}

.program_alarm-list .program_list {
  border-radius: 0 0 6px 6px;
  overflow: hidden;
  background: #fff;
}

.program_alarm-list .program_list li {
  padding: 24px 32px 24px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top-color: transparent;
  border-bottom-color: transparent;
  margin-top: -1px;
}

.program_alarm-list .program_list li:last-child {
  border-radius: 0 0 6px 6px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.program_alarm-list .program_list li.selected {
  border-color: #000;
}

.program_alarm-list .program_list li.empty {
  padding: 0;
  border: 0px;
  margin-top: 0px;
}

.program_alarm-list .program_list li .program_name {
  display: inline-flex;
  flex-basis: auto;
  flex-wrap: wrap;
}

.program_alarm-list .program_list li .program_name .trp.checkbox-box {
  padding-left: 56px;
}

.program_alarm-list .program_list li .program_name .trp.checkbox-box label {
  margin-left: 0;
}

.program_alarm-list .program_list li .program_name .trp.checkbox-box input[type="checkbox"] {
  top: 50%;
  transform: translate(0, -50%);
}

.program_alarm-list .program_list li .program_name .trp.checkbox-box input[type="checkbox"] + i {
  top: 50%;
  transform: translate(0, -50%);
}

.program_alarm-list .program_list li .program_name label, .program_alarm-list .program_list li .program_name .program_tit {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #000;
}

.program_alarm-list .program_list li .program_name label .tit, .program_alarm-list .program_list li .program_name .program_tit .tit {
  position: relative;
  display: inline-block;
}

.program_alarm-list .program_list li .program_name label .tit .label_icon, .program_alarm-list .program_list li .program_name .program_tit .tit .label_icon {
  font-size: 12px;
  line-height: 20px;
  padding: 2px 6px;
  width: auto;
  height: auto;
  margin-left: 0;
}

.program_alarm-list .program_list li .program_name label .tit .p_tit, .program_alarm-list .program_list li .program_name .program_tit .tit .p_tit {
  display: inline-block;
}

.program_alarm-list .program_list li .program_name label .tit .label_icon, .program_alarm-list .program_list li .program_name .program_tit .tit .label_icon {
  position: absolute;
  right: 0;
  top: 2px;
}

.program_alarm-list .program_list li .program_name label .sub_info, .program_alarm-list .program_list li .program_name .program_tit .sub_info {
  display: flex;
  align-items: center;
  margin-top: 2px;
  line-height: 24px;
}

.program_alarm-list .program_list li .program_name label .sub_info .time, .program_alarm-list .program_list li .program_name .program_tit .sub_info .time {
  display: inline-block;
}

.program_alarm-list .program_list li .program_name label .sub_info .time span, .program_alarm-list .program_list li .program_name .program_tit .sub_info .time span {
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  padding-left: 10px;
  margin-left: 7px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
}

.program_alarm-list .program_list li .program_name label .sub_info .time span::before, .program_alarm-list .program_list li .program_name .program_tit .sub_info .time span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: inline-block;
  width: 1px;
  height: 13px;
  background: rgba(0, 0, 0, 0.2);
}

.program_alarm-list .program_list li .program_name label .sub_info .time span:first-child, .program_alarm-list .program_list li .program_name .program_tit .sub_info .time span:first-child {
  padding-left: 0;
  margin-left: 0;
}

.program_alarm-list .program_list li .program_name label .sub_info .time span:first-child::before, .program_alarm-list .program_list li .program_name .program_tit .sub_info .time span:first-child::before {
  display: none;
}

.program_alarm-list .program_list li .program_name label .sub_info .channel_warp, .program_alarm-list .program_list li .program_name .program_tit .sub_info .channel_warp {
  margin-left: 8px;
}

.program_alarm-list .program_list li .program_name label .sub_info .channel_warp .channel, .program_alarm-list .program_list li .program_name .program_tit .sub_info .channel_warp .channel {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: 3px 6px 4px;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -0.01em;
  color: #000000;
}

.program_alarm-list .program_list li .program_name label .sub_info .channel_warp .label_icon, .program_alarm-list .program_list li .program_name .program_tit .sub_info .channel_warp .label_icon {
  width: 24px;
  height: 24px;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
}

.program_alarm-list .program_list li .channel_alarm {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  flex: 1 0 auto;
  justify-content: flex-end;
  margin-left: 50px;
}

.program_alarm-list .program_list li .channel_alarm .channerl {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.6);
  width: 130px;
  padding: 11px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.04);
}

.program_alarm-list .program_list li .channel_alarm .alarm_del {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #000;
  text-decoration: underline;
  width: max-content;
}

.program_alarm-list .program_list li .channel_alarm .alarm_del.disabled {
  position: relative;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.4);
  cursor: unset;
}

.program_alarm-list .program_list li .channel_alarm .alarm_del.disabled::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.program_alarm-list .program_list li .channel_alarm .channerl + .alarm_del {
  margin-left: 24px;
}

.program_alarm-list .program_list li .data-empty {
  display: block;
  padding: 80px 0;
  margin-right: 0;
}

@media all and (max-width: 959px) {
  .program_alarm-list .program_list {
    border-radius: 0;
  }
  .program_alarm-list .program_list li {
    padding: 24px 16px;
    border-color: transparent;
    border-top-color: rgba(0, 0, 0, 0.1);
  }
  .program_alarm-list .program_list li:last-child {
    border-radius: 0;
  }
  .program_alarm-list .program_list li .program_name .trp.checkbox-box {
    padding-left: 40px;
  }
  .program_alarm-list .program_list li .program_name label, .program_alarm-list .program_list li .program_name .program_tit {
    font-size: 15px;
    line-height: 22px;
  }
  .program_alarm-list .program_list li .program_name label .tit .label_icon, .program_alarm-list .program_list li .program_name .program_tit .tit .label_icon {
    font-size: 8px;
    line-height: 10px;
    padding: 4px 5px;
    vertical-align: top;
  }
  .program_alarm-list .program_list li .program_name label .tit .p_tit, .program_alarm-list .program_list li .program_name .program_tit .tit .p_tit {
    display: block;
    padding-right: 0;
  }
  .program_alarm-list .program_list li .program_name label .tit .label_icon, .program_alarm-list .program_list li .program_name .program_tit .tit .label_icon {
    margin-bottom: 4px;
    margin-left: 0;
    position: static;
  }
  .program_alarm-list .program_list li .program_name label .sub_info, .program_alarm-list .program_list li .program_name .program_tit .sub_info {
    margin-top: 8px;
    line-height: 20px;
  }
  .program_alarm-list .program_list li .program_name label .sub_info .time span, .program_alarm-list .program_list li .program_name .program_tit .sub_info .time span {
    position: relative;
    color: rgba(0, 0, 0, 0.6);
    display: inline-block;
    padding-left: 7px;
    margin-left: 4px;
    font-size: 14px;
    line-height: 20px;
  }
  .program_alarm-list .program_list li .program_name label .sub_info .time span::before, .program_alarm-list .program_list li .program_name .program_tit .sub_info .time span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: inline-block;
    width: 1px;
    height: 11px;
    background: rgba(0, 0, 0, 0.2);
  }
  .program_alarm-list .program_list li .program_name label .sub_info .channel_warp, .program_alarm-list .program_list li .program_name .program_tit .sub_info .channel_warp {
    margin-left: 4px;
  }
  .program_alarm-list .program_list li .program_name label .sub_info .channel_warp .channel, .program_alarm-list .program_list li .program_name .program_tit .sub_info .channel_warp .channel {
    padding: 0 6px 0;
    line-height: 18px;
    height: 18px;
    display: inline-block;
  }
  .program_alarm-list .program_list li .program_name label .sub_info .channel_warp .label_icon, .program_alarm-list .program_list li .program_name .program_tit .sub_info .channel_warp .label_icon {
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    margin: 0 0 0 1px;
  }
  .program_alarm-list .program_list li .channel_alarm {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    flex: 0 1 auto;
    margin-left: 25px;
  }
  .program_alarm-list .program_list li .channel_alarm .channerl {
    font-size: 13px;
    line-height: 20px;
    width: 66px;
    padding: 7px 4px;
    border-radius: 4px;
  }
  .program_alarm-list .program_list li .channel_alarm .alarm_del {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 18px;
  }
  .program_alarm-list .program_list li .channel_alarm .channerl + .alarm_del {
    margin-left: 0;
  }
  .program_alarm-list .program_list li .data-empty {
    padding: 48px 0;
    margin: 0 auto !important;
    width: 100% !important;
  }
}

@media all and (max-width: 374px) {
  .program_alarm-list .program_list li .program_name label .sub_info, .program_alarm-list .program_list li .program_name .program_tit .sub_info {
    align-items: flex-start;
    flex-direction: column;
  }
  .program_alarm-list .program_list li .program_name label .sub_info .channel_warp, .program_alarm-list .program_list li .program_name .program_tit .sub_info .channel_warp {
    margin-left: 0;
    margin-top: 4px;
  }
}

.program_alarm-list + .request_info-wrap {
  margin-top: 60px;
}

@media all and (max-width: 959px) {
  .program_alarm-list + .request_info-wrap {
    margin-top: 60px;
  }
}

.terms_wrap {
  position: relative;
  background: #F8F8F8;
  border-radius: 6px;
  padding: 24px 56px 24px 24px;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .terms_wrap {
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
  }
}

.check_bottom {
  margin-top: 16px;
}

.terms_list li {
  margin-top: 8px;
}

.terms_list li:first-child {
  margin-top: 0;
}

.header.header-cuetone {
  padding: 32px 16px;
  background: #fff;
}

.header.header-cuetone .logo a {
  position: relative;
  width: 280px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header.header-cuetone .logo a span {
  font-size: 28px;
  font-weight: 700;
  padding: 6px;
  color: #222222;
}

.header.header-cuetone .logo a img {
  height: 58px;
}

.header.header-cuetone.gnb_type-center .logo a {
  margin: 0 auto;
}

@media all and (max-width: 959px) {
  .header.header-cuetone {
    padding: 16px;
  }
  .header.header-cuetone .logo a {
    height: 30px;
  }
  .header.header-cuetone .logo a span {
    font-size: 20px;
  }
  .header.header-cuetone .logo a img {
    height: 30px;
  }
}

section.channel_top_title-section .section-wrap {
  padding: 0;
}

section.channel_swiper-section .section-wrap {
  padding: 0;
  background: #1D1D22;
}

.channel_menu-box {
  min-width: 1360px;
  padding: 0px;
  background: #1D1D22;
}

.channel_menu-box.fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 89px;
  z-index: 100;
}

.channel_menu-box.fixed_up {
  position: fixed;
  left: 0;
  right: 0;
  top: 349px;
  z-index: 100;
}

.channel_menu-box .channel-inner {
  width: 1360px;
  padding: 10px 20px 16px;
  margin: 0 auto;
  overflow: hidden;
}

.channel_menu-box .channel-inner .channel_swiper {
  position: relative;
}

.channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide {
  text-align: center;
}

.channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide a {
  display: block;
  width: 100%;
  height: 72px;
  background: rgba(255, 255, 255, 0.04);
  position: relative;
}

.channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  opacity: 0.3;
}

.channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide a span.stit-logo {
  font-size: 0;
}

.channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide a span.stit-txt {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

.channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide a img {
  width: auto;
  max-width: 118px;
  max-height: 50px;
  vertical-align: middle;
}

.channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide.active a span {
  opacity: 1;
}

.channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide.active a.stit-txt {
  font-weight: 700;
}

.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev,
.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next {
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  height: 100%;
  z-index: 1;
}

.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev .spf, .channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev .spf-envelope:before,
.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next .spf,
.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next .spf-envelope:before {
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.04);
  padding: 7px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 54px;
  height: 54px;
  padding: 0;
  text-align: center;
}

.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev .spf::before,
.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next .spf::before {
  font-size: 54px;
  color: white;
}

.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev.swiper-button-disabled,
.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev.swiper-button-disabled .spf::before,
.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next.swiper-button-disabled .spf::before {
  font-size: 54px;
  color: rgba(255, 255, 255, 0.4);
}

.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev {
  left: -20px;
  background: linear-gradient(to left, rgba(29, 29, 34, 0), rgba(29, 29, 34, 0.7) 50%, #1D1D22);
  padding: 0 66px 0 40px;
}

.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev .spf, .channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev .spf-envelope:before {
  left: 16px;
}

.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next {
  right: -20px;
  background: linear-gradient(to right, rgba(29, 29, 34, 0), rgba(29, 29, 34, 0.7) 50%, #1D1D22);
  padding: 0 66px 0 40px;
}


.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next .spf,
.channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next .spf-envelope:before {
  right: 16px;
}

@media all and (max-width: 959px) {
  .channel_menu-box {
    min-width: unset;
  }
  .channel_menu-box .channel-inner {
    width: 100%;
    padding: 0 16px 16px;
  }
  .channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide a {
    height: 44px;
  }
  .channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide a span.stit-txt {
    font-size: 15px;
  }
  .channel_menu-box .channel-inner .channel_swiper .channel_list .swiper-slide a img {
    max-width: 62px;
    max-height: 26px;
  }
  .channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev,
  .channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next {
    padding: 0 20px;
  }
  .channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev.swiper-button-disabled,
  .channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next.swiper-button-disabled {
    display: none;
  }
  .channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-prev i,
  .channel_menu-box .channel-inner .channel_swiper .channel_swiper-button-next i {
    display: none;
  }
}

section.cuetone_table-section .section-wrap:first-child {
  padding: 0;
}

section.cuetone_table-section .section-wrap.cuetone_section-wrap {
  padding-top: 80px;
  padding-bottom: 120px;
}

@media all and (max-width: 959px) {
  section.cuetone_table-section .section-wrap.cuetone_section-wrap {
    padding: 0;
  }
  section.cuetone_table-section .section-wrap.cuetone_section-wrap .section-inner {
    padding: 0;
  }
}

.cuetone_table-section .section-wrap.no-wrap {
  padding: 0;
  min-width: unset;
}

.cuetone_table-section .section-wrap.no-wrap .section-inner {
  width: 100%;
  padding: 0;
  margin: 0;
}

.cuetone_table-section .date-wrap {
  min-width: 1360px;
  padding: 0px;
  background: #1D1D22;
  transition: top 0.3s ease-out;
  box-shadow: 0px -20px 30px rgba(0, 0, 0, 0.25);
}

.cuetone_table-section .date-wrap .date-box {
  padding: 24px 20px;
  width: 1360px;
  margin: 0 auto;
}

.cuetone_table-section .date-wrap .date-box .date-inner {
  display: flex;
  justify-content: space-evenly;
  font-size: 24px;
  line-height: 38px;
  font-weight: 700;
  text-align: center;
  align-items: center;
}

.cuetone_table-section .date-wrap .date-box .date-inner .date-current {
  color: #fff;
}

.cuetone_table-section .date-wrap .date-box .date-inner .date-current .date_current-inner {
  display: inline-block;
}

@media all and (max-width: 959px) {
  .cuetone_table-section .date-wrap {
    min-width: auto;
  }
  .cuetone_table-section .date-wrap .date-box {
    width: 100%;
    padding: 16px;
  }
  .cuetone_table-section .date-wrap .date-box .date-inner {
    font-size: 16px;
    line-height: 28px;
    justify-content: space-between;
  }
  .cuetone_table-section .date-wrap .date-box .date-inner a {
    padding: 6px 0;
    min-width: 43px;
  }
  .cuetone_table-section .date-wrap .date-box .date-inner .date-current {
    padding: 0 20px;
    font-size: 18px;
  }
  .cuetone_table-section .date-wrap .date-box .date-inner .date-current .date_current-inner {
    display: block;
    text-align: center;
  }
  .cuetone_table-section .date-wrap .date-box .date-inner .date-current .date_current-inner span .only-sx {
    display: inline-block;
  }
}

@media all and (max-width: 439px) {
  .cuetone_table-section .date-wrap .date-current .date_current-inner .only-sx {
    display: block;
  }
}

@media (max-width: 374px) {
  .cuetone_table-section .date-wrap .date-current .date_current-inner {
    display: block;
    text-align: left !important;
  }
  .cuetone_table-section .date-wrap .date-current .date_current-inner span .only-sx {
    display: block !important;
  }
}

.cuetone_table-section .cuetone_table-wrap .list-wrap {
  display: flex;
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list {
  display: flex;
  text-align: center;
  flex-direction: column;
  flex: 1;
  border-top: 2px solid #000;
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list dt span, .cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list dd span {
  display: block;
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list dt {
  font-size: 22px;
  font-weight: 700;
  height: 110px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list dt div {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list dt div span {
  display: block;
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list dd {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  height: calc(100% - 110px);
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list dd ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list dd ul li {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list dd .data-empty {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 0;
  padding: 0;
  position: relative;
  color: rgba(0, 0, 0, 0.4);
  flex: 12;
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list dd .data-empty p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 10px;
}

.cuetone_table-section .cuetone_table-wrap .list-wrap .cuetone-list.num {
  width: 60px;
  flex: inherit;
}

@media all and (max-width: 959px) {
  .cuetone_table-section .cuetone_table-wrap {
    width: 100%;
    overflow-x: auto;
  }
}

.cuetone_table-section .table-wrap table {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 2px solid #000;
  border-collapse: collapse;
}

.cuetone_table-section .table-wrap table th, .cuetone_table-section .table-wrap table td {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 20px 8px;
  color: #000;
}

.cuetone_table-section .table-wrap table th span, .cuetone_table-section .table-wrap table td span {
  display: block;
}

.cuetone_table-section .table-wrap table th:first-child, .cuetone_table-section .table-wrap table td:first-child {
  width: 60px;
}

.cuetone_table-section .table-wrap table th {
  font-size: 22px;
  font-weight: 700;
}

.cuetone_table-section .table-wrap table thead th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.cuetone_table-section .table-wrap table thead th .date {
  font-size: 18px;
}

.cuetone_table-section .table-wrap table tbody td .data-empty {
  padding: 0;
  background: none;
  color: rgba(0, 0, 0, 0.4);
  word-break: keep-all;
}

.cuetone_table-section .table-wrap table tbody td.data-all-empty .data-empty {
  padding: 300px 0;
}

.cuetone_table-section .table-wrap table tbody tr td {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.cuetone_table-section .table-wrap table tbody tr td:first-child {
  border-left: 0;
}

@media all and (max-width: 959px) {
  .cuetone_table-section .table-wrap table th, .cuetone_table-section .table-wrap table td {
    width: 100px;
    padding: 14px 4px;
  }
  .cuetone_table-section .table-wrap table th:first-child, .cuetone_table-section .table-wrap table td:first-child {
    width: 40px;
  }
  .cuetone_table-section .table-wrap table th {
    font-size: 13px;
  }
  .cuetone_table-section .table-wrap table td {
    font-size: 12px;
  }
  .cuetone_table-section .table-wrap table thead th {
    font-size: 14px;
    padding: 10px 4px;
  }
  .cuetone_table-section .table-wrap table thead th .date {
    font-size: 12px;
  }
  .cuetone_table-section .table-wrap table tbody td.data-all-empty {
    width: 100%;
    position: relative;
  }
  .cuetone_table-section .table-wrap table tbody td.data-all-empty .data-empty {
    padding: 0;
    position: fixed;
  }
}

section.channel-section .section-wrap {
  padding-top: 68px;
}

section.channel-section .section-wrap .panel-header {
  padding-bottom: 20px;
}

@media all and (max-width: 959px) {
  section.channel-section .section-wrap {
    padding-top: 24px;
  }
  section.channel-section .section-wrap .panel-header {
    padding-bottom: 2px;
  }
}

section.channel-section .section-wrap.no-wrap {
  padding: 0;
  min-width: unset;
}

section.channel-section .section-wrap.no-wrap .section-inner {
  width: 100%;
  padding: 0;
  margin: 0;
}

section.channel-section .panel-header .select-wrap-right {
  display: flex;
  flex-direction: row-reverse;
}

section.channel-section .panel-header .select-wrap-right .select-box .select2-container--default .select2-selection--single {
  background: transparent;
}

section.channel-section .list-wrap {
  border-top: 2px solid #000;
}

section.channel-section .list-wrap li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #000;
}

section.channel-section .list-wrap li .li-inner {
  display: flex;
}

section.channel-section .list-wrap li .li-inner .li-tit {
  display: flex;
  align-items: center;
  word-break: keep-all;
}

section.channel-section .list-wrap li .li-inner .li-con {
  display: flex;
  align-items: center;
}

section.channel-section .list-wrap li .li-inner .li-tit > div, section.channel-section .list-wrap li .li-inner .li-con > div {
  padding: 22px 18px;
  display: flex;
  align-items: center;
}

section.channel-section .list-wrap li .li-inner .ch-area {
  width: 650px;
}

section.channel-section .list-wrap li .li-inner .ch-name {
  width: 280px;
  text-align: center;
}

section.channel-section .list-wrap li .li-inner .ch-num1 {
  width: 104px;
  text-align: center;
  font-weight: 700;
}

section.channel-section .list-wrap li .li-inner .ch-num2 {
  width: 130px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
}

section.channel-section .list-wrap li .li-inner .ch-num2 span {
  height: 24px;
  line-height: 24px;
}

section.channel-section .list-wrap li .li-inner .ch-num2 span.sub {
  font-size: 14px;
}

section.channel-section .list-wrap li .li-inner .ch-call {
  width: 148px;
  text-align: center;
}

section.channel-section .list-wrap li .li-inner span {
  width: 100%;
}

section.channel-section .list-wrap li.head {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  letter-spacing: -0.02em;
}

section.channel-section .list-wrap li.head .li-tit > div, section.channel-section .list-wrap li.head .li-con > div {
  padding: 24px 18px;
}

@media all and (max-width: 959px) {
  section.channel-section .list-wrap li .li-inner {
    display: block;
  }
  section.channel-section .list-wrap li .li-inner .li-tit > div, section.channel-section .list-wrap li .li-inner .li-con > div {
    padding: 0;
    height: auto;
    display: block;
    text-align: left;
  }
  section.channel-section .list-wrap li .li-inner .li-tit {
    display: block;
    padding: 24px 64px 24px 24px;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    position: relative;
    cursor: pointer;
  }
  section.channel-section .list-wrap li .li-inner .li-tit::after {
    position: absolute;
    display: block;
    content: "\E015";
    width: 30px;
    height: 30px;
    font-family: "iconfont";
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    top: 30px;
    right: 20px;
  }
  section.channel-section .list-wrap li .li-inner .li-tit > div {
    position: relative;
  }
  section.channel-section .list-wrap li .li-inner .li-con {
    display: none;
    padding: 24px;
    background: rgba(0, 0, 0, 0.02);
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -0.03em;
  }
  section.channel-section .list-wrap li .li-inner .li-con > div {
    padding-left: 14px;
    position: relative;
  }
  section.channel-section .list-wrap li .li-inner .li-con > div::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 2px;
    border-bottom: 2px solid #191919;
  }
  section.channel-section .list-wrap li .li-inner .li-con > div span {
    display: inline;
  }
  section.channel-section .list-wrap li .li-inner .li-tit.on + .li-con {
    display: block;
  }
  section.channel-section .list-wrap li .li-inner .li-tit.on::after {
    transform: rotate(180deg);
  }
  section.channel-section .list-wrap li .li-inner .ch-area {
    width: auto;
  }
  section.channel-section .list-wrap li .li-inner .ch-name {
    width: auto;
    margin-top: 8px;
    font-size: 13px;
    line-height: 20px;
    opacity: 0.6;
  }
  section.channel-section .list-wrap li .li-inner .ch-num1 {
    width: auto;
    font-weight: 400;
  }
  section.channel-section .list-wrap li .li-inner .ch-num2 {
    width: auto;
    font-weight: 400;
  }
  section.channel-section .list-wrap li .li-inner .ch-call {
    width: auto;
  }
  section.channel-section .list-wrap li .li-inner span {
    display: inline-block;
    width: auto;
  }
  section.channel-section .list-wrap li .li-inner span + span {
    margin-left: 4px;
  }
  section.channel-section .list-wrap li.head {
    display: none;
  }
}

/* tvn, ocn 고객센터 삭제 */
section.channel-section .list-wrap .ch-none{

}

section.channel-section .list-wrap .ch-none li .li-inner .ch-call{
  display: none;
}

section.channel-section .list-wrap .ch-none li .li-inner .ch-area,
section.channel-section .list-wrap .ch-none li .li-inner .ch-name{
  width: 396px;
}

section.channel-section .list-wrap .ch-none li .li-inner .ch-num1,
section.channel-section .list-wrap .ch-none li .li-inner .ch-num2{
  width: 264px;
}


@media all and (max-width: 959px) {
  section.channel-section .list-wrap .ch-none li .li-inner .ch-call{
    display: none;
  }

  section.channel-section .list-wrap .ch-none li .li-inner .ch-area, 
  section.channel-section .list-wrap .ch-none li .li-inner .ch-name,
  section.channel-section .list-wrap .ch-none li .li-inner .ch-num1,
  section.channel-section .list-wrap .ch-none li .li-inner .ch-num2{
    width: auto;
  }
  
}
.page_title_menu-section {
  overflow: visible;
  width: 100%;
  min-width: 1360px;
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}

@media all and (max-width: 959px) {
  .page_title_menu-section {
    min-width: auto;
  }
  .page_title_menu-section .section-inner {
    padding: 0 !important;
  }
  .page_title_menu-section .section-inner .page_title-wrap {
    padding: 0 16px;
  }
}

.page_title_menu-section .theme-light {
  position: relative;
  box-shadow: 0px 0px 250px rgba(0, 0, 0, 0.08);
}

.page_title_menu-section .theme-light.submenu-wrap .submenu-list a span {
  color: #000;
}

.page_title_menu-section:last-child .section-wrap {
  padding: 0;
}

.page_title_menu-section + div {
  word-break: break-all;
}

.page_title_menu-section .section-wrap {
  padding: 0 !important;
  background-color: #1D1D22;
}

.page_title_menu-section .section-wrap .section-dim + .submenu-wrap {
  position: relative;
}

.page_title_menu-section .section-wrap .section-dim + .theme-dark.submenu-wrap::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  height: 10px;
  z-index: 1;
  box-shadow: 0px -10px 20px rgba(0, 0, 0, 0.25);
}

@media all and (max-width: 959px) {
  .page_title_menu-section .section-wrap {
    background-size: cover;
    background-position: 50% 50%;
  }
}

.page_title_menu-section .content-panel .title_wrap {
  position: relative;
}

.page_title_menu-section .content-panel .title_wrap .page_title_img + .page_title-wrap {
  position: absolute;
  top: 0;
}

.page_title_menu-section .content-panel .page_title_img {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.page_title_menu-section .content-panel .page_title_img .img_height {
  height: 100%;
  /* 20230208 수정 */
  /* width: 1px; */
}

.page_title_menu-section .content-panel .page_title_img .only-pc img {
  margin-left: 50%;
  transform: translate(-50%, 0);
}

.page_title_menu-section .content-panel .page_title_img .only-mb {
  width: 100%;
}

.page_title_menu-section .content-panel .page_title_img .only-mb img {
  margin: 0 auto;
  width: 100%;
}

.page_title_menu-section .content-panel .page_title-wrap {
  max-width: 1096px;
}

.page_title_menu-section .content-panel .page_title-wrap .inner {
  display: table-cell;
  width: 100%;
  max-height: 382px;
  min-height: 250px;
  height: auto;
  padding: 90px 0;
  vertical-align: middle;
}

.page_title_menu-section .content-panel .page_title-wrap .title span {
  font-weight: 700;
  font-size: 46px;
  line-height: 70px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.page_title_menu-section .content-panel .page_title-wrap .desc {
  margin-top: 12px;
  margin-bottom: 40px;
}

.page_title_menu-section .content-panel .page_title-wrap .desc span {
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media all and (max-width: 959px) {
  .page_title_menu-section .content-panel .page_title-wrap {
    max-width: 100%;
  }
  .page_title_menu-section .content-panel .page_title-wrap .inner {
    max-height: 294px;
    min-height: 200px;
    padding: 80px 0;
  }
  .page_title_menu-section .content-panel .page_title-wrap .title span {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: -0.03em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .page_title_menu-section .content-panel .page_title-wrap .desc {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .page_title_menu-section .content-panel .page_title-wrap .desc span {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

.page_title_menu-section .submenu-wrap {
  -webkit-transition: top 0.1s ease-out;
  -moz-transition: top 0.1s ease-out;
  -ms-transition: top 0.1s ease-out;
  -o-transition: top 0.1s ease-out;
  transition: top 0.1s ease-out;
}

.page_title_menu-section .submenu-wrap .swiper-notification {
  display: none;
}

.page_title_menu-section .submenu-wrap.theme-light .area-inner {
  background-color: #ffff;
}

.page_title_menu-section .submenu-wrap.theme-light .area-inner .submenu_swiper-wrap .submenu-list li.swiper-slide {
  border: 1px solid transparent;
}

.page_title_menu-section .submenu-wrap.theme-light .area-inner .submenu_swiper-wrap .submenu-list li.swiper-slide.active {
  border-color: #ccc;
}

@media all and (max-width: 959px) {
  .page_title_menu-section .submenu-wrap.theme-light .area-inner .submenu_swiper-wrap .slider-area::before {
    background: linear-gradient(90deg, #FFFFFF 33.9%, rgba(255, 255, 255, 0.752762) 60.27%, rgba(255, 255, 255, 0) 80.28%);
  }
  .page_title_menu-section .submenu-wrap.theme-light .area-inner .submenu_swiper-wrap .slider-area::after {
    background: linear-gradient(270deg, #FFFFFF 33.9%, rgba(255, 255, 255, 0.752762) 60.27%, rgba(255, 255, 255, 0) 80.28%);
  }
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list .active {
  overflow: hidden;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list .active a {
  position: relative;
  background: #fff;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list .active a span {
  font-weight: 700;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list .active a span {
  color: #000;
  opacity: 1;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
  opacity: 1;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-color: #fff;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list a {
  position: relative;
  display: block;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list a span {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  padding: 9px 24px;
  text-align: left;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list a:focus, .page_title_menu-section .submenu-wrap.theme-light .submenu-list .selection *:focus {
  border-radius: 30px;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list a span,
.page_title_menu-section .submenu-wrap.theme-light .submenu-list .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
  opacity: .4;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list a:hover span, .page_title_menu-section .submenu-wrap.theme-light .submenu-list a:focus span,
.page_title_menu-section .submenu-wrap.theme-light .submenu-list .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single:hover .select2-selection__rendered,
.page_title_menu-section .submenu-wrap.theme-light .submenu-list .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single:hover .select2-selection__arrow b {
  opacity: 1;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list .active.active-selected .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: #fff;
  color: #000;
  opacity: 1;
}

.page_title_menu-section .submenu-wrap.theme-light .submenu-list .active.active-selected .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-color: #000;
}

@media all and (max-width: 959px) {
  .page_title_menu-section .submenu-wrap.theme-light .submenu-list li {
    width: auto !important;
  }
  .page_title_menu-section .submenu-wrap.theme-light .submenu-list a {
    display: block;
    word-break: keep-all;
  }
  .page_title_menu-section .submenu-wrap.theme-light .submenu-list a::before {
    margin-left: -12px;
  }
  .page_title_menu-section .submenu-wrap.theme-light .submenu-list a span {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    padding: 10px 12px;
  }
  .page_title_menu-section .submenu-wrap.theme-light .submenu-list .active:first-child a span,
  .page_title_menu-section .submenu-wrap.theme-light .submenu-list .active:first-child .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
  }
}

.page_title_menu-section .submenu-wrap.theme-light .submenu_prev i,
.page_title_menu-section .submenu-wrap.theme-light .submenu_next i {
  background-color: #fff;
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.06), 0 8px 18px 0 rgba(0, 0, 0, 0.06);
}

.page_title_menu-section .submenu-wrap.theme-light .submenu_prev i::before,
.page_title_menu-section .submenu-wrap.theme-light .submenu_next i::before {
  color: rgba(0, 0, 0, 0.6);
}

.page_title_menu-section .submenu-wrap.theme-light .submenu_prev.swiper-button-disabled,
.page_title_menu-section .submenu-wrap.theme-light .submenu_next.swiper-button-disabled {
  display: none;
}

@media all and (max-width: 959px) {
  .page_title_menu-section .submenu-wrap.theme-light .submenu_prev,
  .page_title_menu-section .submenu-wrap.theme-light .submenu_next {
    display: none;
  }
}

.page_title_menu-section .submenu-wrap.theme-light .submenu_prev::before {
  background: linear-gradient(90deg, #FFFFFF 33.9%, rgba(255, 255, 255, 0.752762) 60.27%, rgba(255, 255, 255, 0) 80.28%);
}

.page_title_menu-section .submenu-wrap.theme-light .submenu_next::before {
  background: linear-gradient(270deg, #FFFFFF 33.9%, rgba(255, 255, 255, 0.752762) 60.27%, rgba(255, 255, 255, 0) 80.28%);
}

.page_title_menu-section .submenu-wrap.theme-light .select-box .select2-container--default .select2-selection--single {
  background: #fff;
}

.page_title_menu-section .submenu-wrap.theme-light .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single b,
.page_title_menu-section .submenu-wrap.theme-light .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-color: #000;
  -webkit-mask-image: url("../images/common/icon-select_arrow-dark.svg");
  mask-image: url("../images/common/icon-select_arrow-dark.svg");
}

.page_title_menu-section .submenu-wrap.theme-light .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-color: #000;
}

.page_title_menu-section .submenu-wrap.theme-light .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::before,
.page_title_menu-section .submenu-wrap.theme-light .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  background-color: #000;
}

.page_title_menu-section .submenu-wrap .area-inner {
  background-color: #1D1D22;
  min-width: 1360px;
  height: 72px;
  padding: 0 20px;
  overflow: hidden;
}

.page_title_menu-section .submenu-wrap .area-inner .submenu_swiper-wrap {
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 1320px;
  margin: 0 auto;
}

.page_title_menu-section .submenu-wrap .area-inner .submenu_swiper-wrap .slider-area {
  /* margin-left: 40px; */
  overflow: hidden;
  padding: 0;
}

.page_title_menu-section .submenu-wrap .area-inner .submenu_swiper-wrap .slider-area::before, .page_title_menu-section .submenu-wrap .area-inner .submenu_swiper-wrap .slider-area::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 100%;
  z-index: 2;
}

@media all and (max-width: 959px) {
  .page_title_menu-section .submenu-wrap .area-inner {
    padding: 0px;
    height: 60px;
    min-width: 100%;
  }
  .page_title_menu-section .submenu-wrap .area-inner .submenu_swiper-wrap {
    width: 100%;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .page_title_menu-section .submenu-wrap .area-inner .submenu_swiper-wrap .slider-area {
    margin-left: 0px;
    overflow: hidden;
    padding: 0 16px;
  }

  .page_title_menu-section .submenu-wrap .area-inner .submenu_swiper-wrap .slider-area::before {
    left: 0px;
    background: linear-gradient(90deg, #1d1d22 33.9%, rgba(29, 29, 34, 0.752762) 60.27%, rgba(29, 29, 34, 0) 80.28%);
  }
  .page_title_menu-section .submenu-wrap .area-inner .submenu_swiper-wrap .slider-area::after {
    right: 0px;
    background: linear-gradient(-90deg, #1d1d22 33.9%, rgba(29, 29, 34, 0.752762) 60.27%, rgba(29, 29, 34, 0) 80.28%);
  }
}

.page_title_menu-section .submenu-wrap .area-inner.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 210;
}

.page_title_menu-section .submenu-wrap .area-inner.fixed_up {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 210;
}

@media all and (max-width: 959px) {
  .page_title_menu-section .submenu-wrap .area-inner.fixed .submenu_swiper-wrap .submenu-list a span {
    font-size: 16px;
  }
}

.page_title_menu-section .submenu-wrap .submenu-list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.page_title_menu-section .submenu-wrap .submenu-list li {
  width: auto;
}

.page_title_menu-section .submenu-wrap .submenu-list li:last-child {
  margin-right: 10px;
}

.page_title_menu-section .submenu-wrap .submenu-list li > * {
  outline: 0;
  border: 0;
}

.page_title_menu-section .submenu-wrap .submenu-list li .select2-selection[role='combobox'] {
  outline: 0;
  border: 0;
}

.page_title_menu-section .submenu-wrap .submenu-list li.swiper-slide.active {
  border-radius: 30px;
  overflow: hidden;
}

.page_title_menu-section .submenu-wrap .submenu-list li.swiper-slide.active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000;
  opacity: 1;
  background: #fff;
}

.page_title_menu-section .submenu-wrap .submenu-list li.swiper-slide.active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-color: #000;
}

.page_title_menu-section .submenu-wrap .submenu-list .active {
  border-radius: 30px;
  overflow: hidden;
}

.page_title_menu-section .submenu-wrap .submenu-list .active a {
  position: relative;
  background: #fff;
}

.page_title_menu-section .submenu-wrap .submenu-list .active a span {
  font-weight: 700;
}

.page_title_menu-section .submenu-wrap .submenu-list .active a span {
  color: #000;
  opacity: 1;
}

.page_title_menu-section .submenu-wrap .submenu-list .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
  opacity: 1;
}

.page_title_menu-section .submenu-wrap .submenu-list .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-color: #fff;
}

.page_title_menu-section .submenu-wrap .submenu-list a {
  position: relative;
  display: block;
}

.page_title_menu-section .submenu-wrap .submenu-list a span {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.01em;
  padding: 9px 22px;
  text-align: left;
}

.page_title_menu-section .submenu-wrap .submenu-list a:focus, .page_title_menu-section .submenu-wrap .submenu-list .selection *:focus {
  border-radius: 30px;
}

.page_title_menu-section .submenu-wrap .submenu-list a span,
.page_title_menu-section .submenu-wrap .submenu-list .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
  opacity: .6;
}

.page_title_menu-section .submenu-wrap .submenu-list a:hover span, .page_title_menu-section .submenu-wrap .submenu-list a:focus span,
.page_title_menu-section .submenu-wrap .submenu-list .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single:hover .select2-selection__rendered,
.page_title_menu-section .submenu-wrap .submenu-list .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single:hover .select2-selection__arrow b {
  opacity: 1;
}

.page_title_menu-section .submenu-wrap .submenu-list .active.active-selected .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: #fff;
  color: #000;
  opacity: 1;
}

.page_title_menu-section .submenu-wrap .submenu-list .active.active-selected .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-color: #000;
}

@media all and (max-width: 959px) {
  .page_title_menu-section .submenu-wrap .submenu-list li {
    width: auto !important;
  }
  .page_title_menu-section .submenu-wrap .submenu-list a {
    display: block;
    word-break: keep-all;
  }
  .page_title_menu-section .submenu-wrap .submenu-list a::before {
    margin-left: -12px;
  }
  .page_title_menu-section .submenu-wrap .submenu-list a span {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    padding: 10px 12px;
  }
  .page_title_menu-section .submenu-wrap .submenu-list .active:first-child a span,
  .page_title_menu-section .submenu-wrap .submenu-list .active:first-child .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
  }
}

.page_title_menu-section .submenu-wrap .submenu_prev,
.page_title_menu-section .submenu-wrap .submenu_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.page_title_menu-section .submenu-wrap .submenu_prev::before,
.page_title_menu-section .submenu-wrap .submenu_next::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 48px;
}

.page_title_menu-section .submenu-wrap .submenu_prev i,
.page_title_menu-section .submenu-wrap .submenu_next i {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #29292d;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.06), 0 0 18px 0 rgba(0, 0, 0, 0.06);
}

.page_title_menu-section .submenu-wrap .submenu_prev i::before,
.page_title_menu-section .submenu-wrap .submenu_next i::before {
  color: rgba(255, 255, 255, 0.4);
  font-size: 40px;
  line-height: 1;
}

.page_title_menu-section .submenu-wrap .submenu_prev.swiper-button-disabled,
.page_title_menu-section .submenu-wrap .submenu_next.swiper-button-disabled {
  display: none;
}

@media all and (max-width: 959px) {
  .page_title_menu-section .submenu-wrap .submenu_prev,
  .page_title_menu-section .submenu-wrap .submenu_next {
    display: none;
  }
}

.page_title_menu-section .submenu-wrap .submenu_prev {
  left: -24px;
}

.page_title_menu-section .submenu-wrap .submenu_prev::before {
  right: -40px;
  background: linear-gradient(90deg, #1d1d22 33.9%, rgba(29, 29, 34, 0.752762) 60.27%, rgba(29, 29, 34, 0) 80.28%);
}

.page_title_menu-section .submenu-wrap .submenu_prev i {
  transform: rotate(-180deg);
}

.page_title_menu-section .submenu-wrap .submenu_next {
  right: -24px;
}

.page_title_menu-section .submenu-wrap .submenu_next::before {
  left: -40px;
  background: linear-gradient(-90deg, #1d1d22 33.9%, rgba(29, 29, 34, 0.752762) 60.27%, rgba(29, 29, 34, 0) 80.28%);
}

.page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single,
.page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow {
  min-width: auto;
  height: 100%;
}

.page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single b,
.page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  opacity: 0.4;
  margin: -2px 0 0 6px;
  width: 12px;
  height: 6px;
  background-color: #fff;
  -webkit-mask-size: 100% auto;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("../images/common/icon-select_arrow-wht.svg");
  mask-image: url("../images/common/icon-select_arrow-wht.svg");
}

.page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single b::before,
.page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single b::after,
.page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::before,
.page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  display: none;
}

.page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  padding: 9px 48px 9px 24px;
  text-align: left;
}

@media all and (max-width: 959px) {
  .page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    padding: 9px 30px 9px 12px;
  }
  .page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 15px;
  }
  .page_title_menu-section .submenu-wrap .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 10px;
    height: 5px;
  }
}

.page_title_menu-section .submenu-wrap .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 700;
}

.page_title_menu-section .submenu-wrap .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  opacity: 1;
  background-color: #000;
}

.page_title_menu-section .submenu-wrap .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::before,
.page_title_menu-section .submenu-wrap .active .select-box .select2Basic_noneline + .select2-container--default .select2-selection--single .select2-selection__arrow b::after {
  background-color: #000;
}

/* 
theme-light
theme-dark
*/
.program_default-section {
  overflow: hidden;
  width: 100%;
  min-width: 1360px;
}

.program_default-section .section-wrap{
  background-repeat: repeat-y !important;
  background-position: center 0;
}

.program_default-section .section-wrap > .section-inner .content-panel > .panel-header {
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
}

@media all and (max-width: 959px) {
  .program_default-section {
    min-width: auto;
  }
  .program_default-section .section-wrap{
    background-size: 100%;
  }
}

.program_default-section .program_tit_img {
  position: relative;
}

.program_default-section .program_tit_img .only-pc img {
  margin-left: 50%;
  transform: translate(-50%, 0);
}

.program_default-section .program_tit_img .only-mb img {
  margin: 0 auto;
  width: 100%;
}

.program_default-section .report-section {
  padding: 80px 0;
  /* background: rgba(155, 155, 155, 0.1); */
}

@media all and (max-width: 959px) {
  .program_default-section .report-section {
    padding: 40px 0;
  }
}

.program_default-section .report-inner {
  width: 1360px;
  padding: 0 20px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex: 1 0 auto;
}

@media all and (max-width: 959px) {
  .program_default-section .report-inner {
    width: auto;
    padding: 0 16px;
    flex-direction: column;
  }
}

.program_default-section .report-inner .program_report {
  position: relative;
  width: 50%;
  max-width: 554px;
}

.program_default-section .report-inner .program_report .title_box .tit {
  font-weight: 700;
  font-size: 40px;
  line-height: 59px;
  letter-spacing: -0.01em;
  color: #000;
}

.program_default-section .report-inner .program_report .title_box .tit_desc {
  margin-top: 4px;
  display: flex;
  align-items: center;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sub_txt {
  font-weight: 700;
  font-size: 19px;
  line-height: 27px;
  letter-spacing: -0.02em;
  color: #000;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sub_txt span {
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sub_txt span::before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 14px;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sub_txt span:first-child {
  padding-left: 0;
  margin-left: 0;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sub_txt span:first-child::before {
  display: none;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sns_area a {
  margin: 0 0 0 3px;
  display: inline-block;
  font-size: 0;
  width: 30px;
  height: 30px;
  vertical-align: top;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  background-size: 30px !important;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sns_area a.twitter {
  background: url("../images/common/icon_X_md-dk.svg") no-repeat center;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sns_area a.instagram {
  background: url("../images/common/icon_insta_md-dk.svg") no-repeat center;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sns_area a.facebook {
  background: url("../images/common/icon_facebook_md-dk.svg") no-repeat center;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sns_area a.youtube {
  background: url("../images/common/icon_youtube_md-dk.svg") no-repeat center;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sns_area a.kakaostory {
  background: url("../images/common/icon_kakaostory_md-dk.svg") no-repeat center;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sns_area a.navertv {
  background: url("../images/common/icon_navertv_md-dk.svg") no-repeat center;
}

.program_default-section .report-inner .program_report .title_box .tit_desc .sub_txt + .sns_area {
  margin-left: 10px;
}

.program_default-section .report-inner .program_report .desc_box {
  margin-top: 40px;
}

.program_default-section .report-inner .program_report .desc_box .time_info {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #000;
}

.program_default-section .report-inner .program_report .desc_box .time_info .label_icon {
  font-size: 16px;
  line-height: 27px;
  padding: 0 6px;
  margin: 0 12px 0 0;
  height: 27px;
  vertical-align: top;
}

.program_default-section .report-inner .program_report .desc_box .summary {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 14px;
}

.program_default-section .report-inner .program_report .btn_set-triple {
  margin-top: 64px;
}

.program_default-section .report-inner .program_report .btn_set-triple .btn.btn_default {
  background: rgba(155, 155, 155, 0.01);
  border: 1px solid rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.03em;
  padding: 17px 5px;
}

.program_default-section .report-inner .program_report .btn_set-triple .btn.btn_default span {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.03em;
}

@media all and (max-width: 959px) {
  .program_default-section .report-inner .program_report {
    width: 100%;
    max-width: none;
  }
  .program_default-section .report-inner .program_report .title_box .tit {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: -0.02em;
  }
  .program_default-section .report-inner .program_report .title_box .tit_desc {
    margin-top: 8px;
    align-items: flex-start;
    flex-direction: column;
  }
  .program_default-section .report-inner .program_report .title_box .tit_desc .sub_txt {
    font-size: 15px;
    line-height: 20px;
  }
  .program_default-section .report-inner .program_report .title_box .tit_desc .sub_txt span {
    position: relative;
    padding-left: 10px;
    margin-left: 7px;
  }
  .program_default-section .report-inner .program_report .title_box .tit_desc .sns_area {
    margin-top: 12px;
  }
  .program_default-section .report-inner .program_report .title_box .tit_desc .sns_area a {
    margin: 0 3px 0 0;
  }
  .program_default-section .report-inner .program_report .title_box .tit_desc .sub_txt + .sns_area {
    margin-left: 0;
  }
  .program_default-section .report-inner .program_report .desc_box {
    margin-top: 32px;
  }
  .program_default-section .report-inner .program_report .desc_box .time_info {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -0.01em;
  }
  .program_default-section .report-inner .program_report .desc_box .time_info .label_icon {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    width: auto;
  }
  .program_default-section .report-inner .program_report .desc_box .summary {
    font-size: 15px;
    line-height: 26px;
    margin-top: 10px;
  }
  .program_default-section .report-inner .program_report .btn_set-triple {
    margin-top: 16px;
    width: calc(100% + 6px);
  }
  .program_default-section .report-inner .program_report .btn_set-triple .btn_item {
    width: 50%;
    padding: 0 3px;
    margin-top: 10px;
  }
  .program_default-section .report-inner .program_report .btn_set-triple .btn_item.full {
    width: 100%;
    margin-top: 0;
  }
  .program_default-section .report-inner .program_report .btn_set-triple .btn_item .btn.btn_default {
    font-size: 14px;
    padding: 12px 5px;
  }
  .program_default-section .report-inner .program_report .btn_set-triple .btn_item .btn.btn_default span {
    font-size: 14px;
  }
}

.program_default-section .report-inner .preview_play {
  width: 50%;
  max-width: 648px;
  margin-top: 10px;
}

.program_default-section .report-inner .preview_play .play-area .play-box {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.program_default-section .report-inner .preview_play .play-area .play-box.play .img-area {
  opacity: 0;
}

.program_default-section .report-inner .preview_play .play-area .play-box.play .video-box {
  display: block;
}

.program_default-section .report-inner .preview_play .play-area .play-box .video-box {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: none;
}

.program_default-section .report-inner .preview_play .play-area .img-area {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.program_default-section .report-inner .preview_play .play-area .img-area .img-box {
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}

.program_default-section .report-inner .preview_play .play-area .img-area .img-box .lazyload-wrapper {
  width: 100%;
  height: 100%;
  display: inline-table;
}

.program_default-section .report-inner .preview_play .play-area .img-area .img-box .lazyload-wrapper img {
  width: 100%;
}

.program_default-section .report-inner .preview_play .play-area .img-area .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  display: flex;
}

.program_default-section .report-inner .preview_play .play-area .img-area .play-btn a {
  font-size: 0;
}

.program_default-section .report-inner .preview_play .play-area .img-area .play-btn a .icon_play_btn {
  display: block;
  width: 72px;
  height: 72px;
  background: url(../images/common/icon-play_72.png) no-repeat center;
}

.program_default-section .report-inner .preview_play .play-area .img-area .time_wrap {
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 5;
}

.program_default-section .report-inner .preview_play .play-area .img-area .time_wrap .time {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  letter-spacing: 0.01em;
  padding: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  overflow: hidden;
}

.program_default-section .report-inner .preview_play .play-area .typo-area {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 16px;
}

@media all and (max-width: 959px) {
  .program_default-section .report-inner .preview_play {
    width: 100%;
    max-width: none;
    margin-top: 26px;
  }
  .program_default-section .report-inner .preview_play .play-area .img-area {
    border-radius: 4px;
  }
  .program_default-section .report-inner .preview_play .play-area .img-area .play-btn a .icon_play_btn {
    width: 40px;
    height: 40px;
    background: url(../images/common/icon-play_40.png) no-repeat center;
  }
  .program_default-section .report-inner .preview_play .play-area .img-area .time_wrap {
    bottom: 4px;
    right: 4px;
  }
  .program_default-section .report-inner .preview_play .play-area .img-area .time_wrap .time {
    font-size: 13px;
    line-height: 13px;
    padding: 3px 6px 6px;
    border-radius: 4px;
  }
  .program_default-section .report-inner .preview_play .play-area .typo-area {
    font-size: 13px;
    line-height: 19px;
    margin-top: 12px;
  }
}

.program_default-section .report-inner.only_video {
  flex-direction: column;
}

.program_default-section .report-inner.only_video .program_report, .program_default-section .report-inner.only_video .preview_play {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
}

.program_default-section .report-inner.only_video .program_report .title_box .tit {
  margin-bottom: 32px;
}

@media all and (max-width: 959px) {
  .program_default-section .report-inner.only_video .program_report .title_box .tit {
    margin-bottom: 18px;
  }
}

.theme-dark .report-inner .program_report .title_box .tit {
  color: #fff;
}

.theme-dark .report-inner .program_report .title_box .tit_desc .sub_txt {
  color: #fff;
}

.theme-dark .report-inner .program_report .title_box .tit_desc .sub_txt span::before {
  background: rgba(255, 255, 255, 0.3);
}

.theme-dark .report-inner .program_report .title_box .tit_desc .sns_area a {
  border-color: rgba(255, 255, 255, 0.6);
}

.theme-dark .report-inner .program_report .title_box .tit_desc .sns_area a.twitter {
  background: url("../images/common/icon_X_md-w.svg") no-repeat center;
}

.theme-dark .report-inner .program_report .title_box .tit_desc .sns_area a.instagram {
  background: url("../images/common/icon_insta_md-w.svg") no-repeat center;
}

.theme-dark .report-inner .program_report .title_box .tit_desc .sns_area a.facebook {
  background: url("../images/common/icon_facebook_md-w.svg") no-repeat center;
}

.theme-dark .report-inner .program_report .title_box .tit_desc .sns_area a.youtube {
  background: url("../images/common/icon_youtube_md-w.svg") no-repeat center;
}

.theme-dark .report-inner .program_report .title_box .tit_desc .sns_area a.kakaostory {
  background: url("../images/common/icon_kakaostory_md-w.svg") no-repeat center;
}

.theme-dark .report-inner .program_report .title_box .tit_desc .sns_area a.navertv {
  background: url("../images/common/icon_navertv_md-w.svg") no-repeat center;
}

.theme-dark .report-inner .program_report .desc_box .time_info {
  color: #fff;
}

.theme-dark .report-inner .program_report .desc_box .summary {
  color: rgba(255, 255, 255, 0.6);
}

.theme-dark .report-inner .program_report .btn_set-triple .btn.btn_default {
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.theme-dark .report-inner .program_report .btn_set-triple .btn.btn_default span {
  color: #fff;
}

.theme-dark .report-inner .preview_play .play-area .typo-area {
  color: rgba(255, 255, 255, 0.8);
}


/* 프로그램 기획의도, 인물관계도  */
.program_info-section{ 
  width: 100%;
  max-width: 100%; 
  margin: 0 auto; 
}

section[class$="-section"].program_info-section .section-wrap{
  min-width: 100%;
  padding: 60px 0;
}

section[class$="-section"].program_info-section .section-wrap .section-inner{
  max-width: 720px;
  padding: 0;
}

@media screen and (max-width: 959px) {
  section[class$="-section"].program_info-section .section-wrap .section-inner{
    min-width: 100%;
    padding: 0 16px;
  }
}

.program_info-section .program_info_cont{

}

.program_info-section .program_info_cont .img-area{
  margin-bottom: 40px;
}

.program_info-section .program_info_cont .img-area img{
  width: 100%;
  height: auto; 
}

.program_info-section .program_info_cont .text-area{
  text-align: left; 
  font-size: 22px;
  font-weight: 400; 
  line-height: 34px; 
  color: #000;
}

@media screen and (max-width: 959px) {
  .program_info-section .section-wrap{ 
    background-size: 100%;
  }

  .program_info-section .program_info_cont .img-area{
    margin: 0 -16px 24px -16px;
  }
  
  .program_info-section .program_info_cont .text-area{
    font-size:15px; 
    line-height:28px;
  }
}

.program_info-section .theme-dark.program_info_cont .text-area{
  color: #fff;
}








.program_info_view-section {
  border-radius: 6px;
}

@media all and (max-width: 959px) {
  .program_info_view-section {
    border-radius: 0px;
    margin-right: 0;
  }
}

.program_info_view-section .view-warp {
  overflow: hidden;
  background-color: #1D1D22;
  border-radius: 6px;
}

@media all and (max-width: 959px) {
  .program_info_view-section .view-warp {
    border-radius: 0px;
  }
}

.program_info_view-section .view-warp .img-box {
  display: block;
  background-color: transparent;
}

.program_info_view-section .view-warp .img-box .lazyload-wrapper {
  text-align: center;
}

.program_info_view-section .view-warp .img-box .lazyload-wrapper img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

.program_info_view-section .view-warp .typo-box {
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.6);
  padding: 80px 70px;
  text-align: left;
}

.program_info_view-section .view-warp .typo-box b {
  color: #fff;
  font-size: 24px;
  line-height: 38px;
  font-weight: 700;
}

.program_info_view-section .view-warp .typo-box img {
  width: auto;
  max-width: 100%;
}

@media all and (max-width: 959px) {
  .program_info_view-section .view-warp .typo-box {
    padding: 40px 37px;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
  }
  .program_info_view-section .view-warp .typo-box b {
    color: #fff;
    font-size: 15px;
    line-height: 28px;
  }
}

.program_info_view-section .view-warp .img-box + .typo-box {
  padding-top: 60px;
}

@media all and (max-width: 959px) {
  .program_info_view-section .view-warp .img-box + .typo-box {
    padding-top: 40px;
  }
}

.cms_uxn_view-page {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
  min-width: 1360px;
  width: 100%;
}

.cms_uxn_view-page .only-pc {
  display: block;
}

.cms_uxn_view-page .only-mb {
  display: none;
}

.cms_uxn_view-page section {
  overflow: hidden;
}

.cms_uxn_view-page section .section-wrap {
  padding: 0;
}

.cms_uxn_view-page section .section-wrap > .section-inner {
  padding-left: 0;
  padding-right: 0;
  margin: auto;
}

.cms_uxn_view-page section[class$="-section"]:last-child .section-wrap {
  padding: 0;
}

.cms_uxn_view-page .img-ratio {
  background-color: transparent;
}

@media all and (max-width: 959px) {
  .cms_uxn_view-page {
    min-width: 100%;
  }
  .cms_uxn_view-page .only-pc {
    display: none;
  }
  .cms_uxn_view-page .only-mb {
    display: block;
  }
  .cms_uxn_view-page section .section-wrap,
  .cms_uxn_view-page section .section-wrap > .section-inner {
    min-width: 100%;
    width: 100%;
  }
}

.cms_uxn_view-page .cms_uxn_title-section .img-ratio {
  position: relative;
  height: 470px;
  padding-bottom: 0;
  background-color: #fff;
}

.cms_uxn_view-page .cms_uxn_title-section .img-ratio img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: auto;
}

@media all and (max-width: 959px) {
  .cms_uxn_view-page .cms_uxn_title-section .img-ratio {
    height: 0;
    /*padding-bottom:55.5555%;*/
    padding-bottom: 192px;
  }
  .cms_uxn_view-page .cms_uxn_title-section .img-ratio img {
    /*width:100%;*/
    height: 100%;
  }
}

.cms_uxn_view-page [class^='cms_uxn_info'] .content-panel {
  padding-left: 244px;
  padding-right: 244px;
}

.cms_uxn_view-page [class^='cms_uxn_info'] .content-panel .panel-header {
  display: block;
  padding-bottom: 60px;
}

.cms_uxn_view-page [class^='cms_uxn_info'] .content-panel .panel-header .title-area {
  position: relative;
  padding-left: 112px;
}

.cms_uxn_view-page [class^='cms_uxn_info'] .content-panel .panel-header .title-area .title {
  color: #000;
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  letter-spacing: -0.02em;
}

.cms_uxn_view-page [class^='cms_uxn_info'] .content-panel .panel-header .title-area .title img {
  vertical-align: baseline;
  margin-right: 6px;
  margin-left: 3px;
}

.cms_uxn_view-page [class^='cms_uxn_info'] .content-panel .panel-header .title-area .sub_title {
  position: absolute;
  left: 448px;
  top: 4px;
  color: #000;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

@media all and (max-width: 959px) {
  .cms_uxn_view-page [class^='cms_uxn_info'] .content-panel {
    padding-left: 16px;
    padding-right: 16px;
  }
  .cms_uxn_view-page [class^='cms_uxn_info'] .content-panel .panel-header {
    padding-bottom: 32px;
  }
  .cms_uxn_view-page [class^='cms_uxn_info'] .content-panel .panel-header .title-area {
    padding: 0px 43px 0px 24px;
  }
  .cms_uxn_view-page [class^='cms_uxn_info'] .content-panel .panel-header .title-area .title {
    font-size: 22px;
    line-height: 30px;
  }
  .cms_uxn_view-page [class^='cms_uxn_info'] .content-panel .panel-header .title-area .title img {
    height: 20px;
    margin-left: 2px;
    margin-right: 4px;
  }
  .cms_uxn_view-page [class^='cms_uxn_info'] .content-panel .panel-header .title-area .sub_title {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
  }
}

.cms_uxn_view-page .cms_uxn_info1-section {
  margin-top: 160px;
}

.cms_uxn_view-page .cms_uxn_info1-section .title-area .title {
  width: 243px;
}

.cms_uxn_view-page .cms_uxn_info1-section .title-area .sub_title {
  width: 320px;
}

.cms_uxn_view-page .cms_uxn_info1-section .img-ratio {
  padding-bottom: 55.0458%;
}

@media all and (max-width: 959px) {
  .cms_uxn_view-page .cms_uxn_info1-section {
    margin-top: 80px;
  }
  .cms_uxn_view-page .cms_uxn_info1-section .title-area .title {
    width: 100%;
  }
  .cms_uxn_view-page .cms_uxn_info1-section .img-ratio {
    padding-bottom: 77.4390%;
  }
}

.cms_uxn_view-page .cms_uxn_info2-section {
  margin-top: 210px;
}

.cms_uxn_view-page .cms_uxn_info2-section .vari-area .vari-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.cms_uxn_view-page .cms_uxn_info2-section .vari-area .vari-list li {
  position: relative;
  width: 280px;
}

.cms_uxn_view-page .cms_uxn_info2-section .vari-area .vari-list li .img-ratio {
  padding-bottom: 171.42857%;
  border-radius: 6px;
  overflow: hidden;
}

.cms_uxn_view-page .cms_uxn_info2-section .vari-area .vari-list li .vari-text {
  position: absolute;
  left: 42px;
  top: 40px;
  z-index: 2;
  width: 147px;
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

@media all and (max-width: 959px) {
  .cms_uxn_view-page .cms_uxn_info2-section {
    margin-top: 90px;
  }
  .cms_uxn_view-page .cms_uxn_info2-section .vari-area .vari-list {
    flex-direction: column;
  }
  .cms_uxn_view-page .cms_uxn_info2-section .vari-area .vari-list li {
    width: 100%;
    margin-top: 10px;
  }
  .cms_uxn_view-page .cms_uxn_info2-section .vari-area .vari-list li:first-child {
    margin-top: 0;
  }
  .cms_uxn_view-page .cms_uxn_info2-section .vari-area .vari-list li .img-ratio {
    padding-bottom: 42.4083%;
  }
  .cms_uxn_view-page .cms_uxn_info2-section .vari-area .vari-list li .vari-text {
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 170px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
  }
}

.cms_uxn_view-page .cms_uxn_video-section {
  margin-top: 160px;
  padding: 130px 0;
  background-color: #47c3e9;
  background-size: cover;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel {
  padding-left: 132px;
  padding-right: 132px;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel .videoPlaying .bg-area,
.cms_uxn_view-page .cms_uxn_video-section .content-panel .videoPlaying .btn-box,
.cms_uxn_view-page .cms_uxn_video-section .content-panel .youtubePlaying .bg-area,
.cms_uxn_view-page .cms_uxn_video-section .content-panel .youtubePlaying .btn-box {
  display: none;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel .media-area {
  position: relative;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel .media_area .media-box {
  background-color: #5F5F5F;
  border-radius: 6px;
  overflow: hidden;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel .media_area .media-box .media_view {
  position: relative;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel .media_area .media-box .media_view .img-ratio {
  padding-bottom: 56.25%;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel .media_area .media-box .media_view .video-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel .media_area .media-box .media_view .video-area .video_view {
  width: 100%;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel .media_area .media-box .media_view .bg-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel .media_area .media-box .media_view .btn-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 100px;
}

.cms_uxn_view-page .cms_uxn_video-section .content-panel .media_area .media-box .media_view .btn-box img {
  width: 100%;
}

@media all and (max-width: 959px) {
  .cms_uxn_view-page .cms_uxn_video-section {
    margin-top: 80px;
    padding: 60px 0;
  }
  .cms_uxn_view-page .cms_uxn_video-section .content-panel {
    padding-left: 16px;
    padding-right: 16px;
  }
  .cms_uxn_view-page .cms_uxn_video-section .content-panel .media_area .media-box {
    border-radius: 4px;
  }
  .cms_uxn_view-page .cms_uxn_video-section .content-panel .media_area .media-box .media_view .btn-box {
    width: 40px;
  }
}

.cms_uxn_view-page .cms_uxn_text-section {
  padding: 100px 0;
  background-color: #42BEE5;
}

.cms_uxn_view-page .cms_uxn_text-section .content-panel {
  padding-left: 132px;
  padding-right: 132px;
}

.cms_uxn_view-page .cms_uxn_text-section .content-panel .text-area {
  position: relative;
}

.cms_uxn_view-page .cms_uxn_text-section .content-panel .text-area .text {
  width: 308px;
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  letter-spacing: -0.02em;
}

.cms_uxn_view-page .cms_uxn_text-section .content-panel .text-area .text img {
  vertical-align: baseline;
  margin-right: 6px;
  margin-left: 3px;
}

.cms_uxn_view-page .cms_uxn_text-section .content-panel .text-area .sub_text {
  position: absolute;
  left: 560px;
  top: 30px;
  width: 536px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

@media all and (max-width: 959px) {
  .cms_uxn_view-page .cms_uxn_text-section {
    padding: 48px 0px 62px;
  }
  .cms_uxn_view-page .cms_uxn_text-section .content-panel {
    padding-left: 40px;
    padding-right: 88px;
  }
  .cms_uxn_view-page .cms_uxn_text-section .content-panel .text-area .text {
    width: 100%;
    font-size: 22px;
    line-height: 30px;
    word-break: keep-all;
  }
  .cms_uxn_view-page .cms_uxn_text-section .content-panel .text-area .text img {
    height: 20px;
    margin-right: 4px;
    margin-left: 2px;
  }
  .cms_uxn_view-page .cms_uxn_text-section .content-panel .text-area .sub_text {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
  }
}

.cms_zhtv_view-page {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
  min-width: 1360px;
  width: 100%;
}

.cms_zhtv_view-page .only-pc {
  display: block;
}

.cms_zhtv_view-page .only-mb {
  display: none;
}

.cms_zhtv_view-page section {
  overflow: hidden;
}

.cms_zhtv_view-page section .section-wrap {
  padding: 0;
}

.cms_zhtv_view-page section .section-wrap > .section-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: auto;
}

.cms_zhtv_view-page section[class$="-section"]:last-child .section-wrap {
  padding: 0;
}

.cms_zhtv_view-page .img-ratio {
  background-color: transparent;
}

@media all and (max-width: 959px) {
  .cms_zhtv_view-page {
    min-width: 100%;
  }
  .cms_zhtv_view-page .only-pc {
    display: none;
  }
  .cms_zhtv_view-page .only-mb {
    display: block;
  }
  .cms_zhtv_view-page section .section-wrap,
  .cms_zhtv_view-page section .section-wrap > .section-inner {
    min-width: 100%;
    width: 100%;
  }
}

.cms_zhtv_view-page .cms_zhtv_visual-section .section-wrap > .section-inner {
  width: 100%;
}

.cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap {
  position: relative;
}

.cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-media {
  position: relative;
  min-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}

.cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-media .img-ratio {
  padding-bottom: 51.0416%;
}

.cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-media .img-ratio video {
  width: 100%;
}

.cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-img {
  display: none;
  position: relative;
  min-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}

.cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-img .img-ratio {
  padding-bottom: 51.0416%;
}

.cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-img .title {
  position: absolute;
  bottom: 22px;
  left: 0;
  width: 100%;
  color: #000;
  font-size: 50px;
  font-weight: 700;
  line-height: 74px;
  letter-spacing: -0.02em;
  text-align: center;
}

.cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-img .title .c-red {
  color: #DE1F2B;
}

@media all and (max-width: 959px) {
  .cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-media {
    min-width: 0;
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
  .cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-media .img-ratio {
    padding-bottom: 138.88%;
  }
  .cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-media .img-ratio video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-img {
    min-width: 100%;
  }
  .cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-img .img-ratio {
    padding-bottom: 138.88%;
  }
  .cms_zhtv_view-page .cms_zhtv_visual-section .visual-wrap .visual-img .title {
    bottom: 0;
    font-size: 28px;
    line-height: 40px;
  }
}

.cms_zhtv_view-page .cms_zhtv_text-section {
  overflow: visible;
  margin-top: 60px;
}

.cms_zhtv_view-page .cms_zhtv_text-section .content-panel .text-area {
  position: relative;
  width: 872px;
  margin: auto;
  word-break: keep-all;
}

.cms_zhtv_view-page .cms_zhtv_text-section .content-panel .text-area .text-wrap {
  position: absolute;
  top: 12px;
  left: 0;
  padding-left: calc(50% + 12px);
  z-index: 2;
}

.cms_zhtv_view-page .cms_zhtv_text-section .content-panel .text-area .head-text {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: -0.02em;
}

.cms_zhtv_view-page .cms_zhtv_text-section .content-panel .text-area .cont-text {
  color: #000;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.cms_zhtv_view-page .cms_zhtv_text-section .content-panel .text-area .head-text + .cont-text {
  margin-top: 30px;
}

@media all and (max-width: 959px) {
  .cms_zhtv_view-page .cms_zhtv_text-section {
    margin-top: 50px;
  }
  .cms_zhtv_view-page .cms_zhtv_text-section .content-panel {
    margin-bottom: 27px;
  }
  .cms_zhtv_view-page .cms_zhtv_text-section .content-panel .panel-body {
    padding: 0 16px;
  }
  .cms_zhtv_view-page .cms_zhtv_text-section .content-panel .text-area {
    width: 100%;
  }
  .cms_zhtv_view-page .cms_zhtv_text-section .content-panel .text-area .text-wrap {
    position: relative;
    top: 0;
    padding-left: 0;
    z-index: 1;
  }
  .cms_zhtv_view-page .cms_zhtv_text-section .content-panel .text-area .head-text {
    font-size: 16px;
    line-height: 28px;
  }
  .cms_zhtv_view-page .cms_zhtv_text-section .content-panel .text-area .cont-text {
    font-size: 14px;
    line-height: 24px;
  }
  .cms_zhtv_view-page .cms_zhtv_text-section .content-panel .text-area .head-text + .cont-text {
    margin-top: 14px;
  }
}

.cms_zhtv_view-page .cms_zhtv_poster-section {
  position: relative;
  padding-bottom: 168px;
  /*background:url('../images/zhtv/zhtv_info-poster-pc-bg.png') 50% 447px no-repeat;*/
}

.cms_zhtv_view-page .cms_zhtv_poster-section::before {
  content: '';
  position: absolute;
  top: 188px;
  bottom: 0;
  width: 100%;
  background: #E3232F;
  z-index: -1;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .section-wrap::before {
  content: '';
  position: absolute;
  top: 188px;
  left: 0;
  background-image: linear-gradient(to top left, transparent 50%, #fff 0), linear-gradient(to bottom left, #fff 0%, transparent 0);
  background-size: 50% 100%;
  background-repeat: no-repeat;
  background-position: left, right;
  width: 200%;
  height: 380px;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area {
  width: 872px;
  margin: auto;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area .img-ratio {
  padding-bottom: 144%;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul {
  position: relative;
  margin: 0 -12px;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul li {
  padding: 12px;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(1) {
  display: flex;
  align-items: flex-end;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(1) li {
  width: 25%;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(1) li:nth-child(1) {
  width: 50%;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(2) {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(2) li {
  width: 25%;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(2) li:nth-child(1) {
  width: 50%;
  padding-right: calc(25% + 12px);
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(3) {
  padding-right: calc(50% + 12px);
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(3)::after {
  content: '';
  clear: both;
  display: block;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(3) li:nth-child(1) {
  padding-left: calc(50% + 12px);
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(3) li:nth-child(2),
.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(3) li:nth-child(3) {
  float: left;
  width: 50%;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(3) li:nth-child(4) {
  float: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(4) {
  display: block;
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(4) li:nth-child(1) {
  padding-left: calc(25% + 12px);
  padding-right: calc(50% + 12px);
}

.cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(4) li:nth-child(2) {
  padding-left: calc(50% + 12px);
  padding-right: calc(25% + 12px);
}

@media all and (max-width: 959px) {
  .cms_zhtv_view-page .cms_zhtv_poster-section {
    padding-bottom: 70px;
    /*background:url('../images/zhtv/zhtv_info-poster-mo-bg.png') 0% 63% no-repeat; background-size: 44% auto;*/
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section::before {
    top: 16%;
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .section-wrap::before {
    top: 16%;
    width: 200%;
    height: 87px;
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .panel-body {
    padding: 0 16px;
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area {
    width: 100%;
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul {
    margin: 0 -5px;
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul li {
    padding: 5px;
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(2) li:nth-child(1) {
    padding-right: calc(25% + 5px);
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(3) {
    padding-right: calc(50% + 5px);
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(3) li:nth-child(1) {
    padding-left: calc(50% + 5px);
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(4)::after {
    content: '';
    clear: both;
    display: block;
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(4) li {
    float: left;
    width: 50%;
  }
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(4) li:nth-child(1),
  .cms_zhtv_view-page .cms_zhtv_poster-section .content-panel .poster-area ul:nth-child(4) li:nth-child(2) {
    padding-left: calc(25% + 5px);
    padding-right: 5px;
  }
}

.cms_zhtv_view-page .cms_zhtv_video-section {
  padding: 130px 0;
  background-color: #262626;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel {
  padding-left: 132px;
  padding-right: 132px;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .videoPlaying .bg-area,
.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .videoPlaying .btn-box,
.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .youtubePlaying .bg-area,
.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .youtubePlaying .btn-box {
  display: none;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .media-area {
  position: relative;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .media_area .media-box {
  background-color: #5F5F5F;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .media_area .media-box .media_view {
  position: relative;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .media_area .media-box .media_view .img-ratio {
  /*padding-bottom: 56.25%;*/
  padding-bottom: calc(56.25% - 1px);
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .media_area .media-box .media_view .video-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .media_area .media-box .media_view .video-area .video_view {
  width: 100%;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .media_area .media-box .media_view .bg-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .media_area .media-box .media_view .btn-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 100px;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .media_area .media-box .media_view .btn-box img {
  width: 100%;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .top_text_area {
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
  font-size: 50px;
  line-height: 74px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .top_text_area span {
  display: inline-block;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .top_text_area .c-red {
  color: #E3232F;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .bottom_text_area {
  width: 624px;
  margin: 40px auto 0;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 36px;
  font-weight: 500;
  letter-spacing: -0.02em;
  opacity: 0.6;
}

.cms_zhtv_view-page .cms_zhtv_video-section .content-panel .bottom_text_area span {
  display: inline-block;
}

@media all and (max-width: 959px) {
  .cms_zhtv_view-page .cms_zhtv_video-section {
    padding: 60px 0 70px;
  }
  .cms_zhtv_view-page .cms_zhtv_video-section .content-panel {
    padding-left: 16px;
    padding-right: 16px;
  }
  .cms_zhtv_view-page .cms_zhtv_video-section .content-panel .media_area .media-box .media_view .btn-box {
    width: 40px;
  }
  .cms_zhtv_view-page .cms_zhtv_video-section .content-panel .top_text_area {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 40px;
  }
  .cms_zhtv_view-page .cms_zhtv_video-section .content-panel .bottom_text_area {
    margin-top: 24px;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
  }
  .cms_zhtv_view-page .cms_zhtv_video-section .content-panel .bottom_text_area span {
    display: block;
  }
}

.ocn_banner-section {
  /* 
  theme-light
  theme-dark
  */
}

.ocn_banner-section .section-wrap {
  background: #FFB414;
  overflow: hidden;
}

.ocn_banner-section .section-wrap > .section-inner {
  width: 100% !important;
  min-width: 1360px;
  padding: 0 !important;
}

.ocn_banner-section .content-panel {
  padding: 18px 0;
  /* history_banner */
}

.ocn_banner-section .content-panel.type_panel-history_banner .panel-body {
  position: relative;
}

.ocn_banner-section .content-panel.type_panel-history_banner .panel-body .background-txt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ocn_banner-section .content-panel.type_panel-history_banner .panel-body .background-txt .txt-bg {
  position: absolute;
  font-weight: 900;
  font-size: 180px;
  line-height: 225px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #FFAE00;
  white-space: pre;
}

.ocn_banner-section .content-panel.type_panel-history_banner .panel-body .background-txt .txt-bg:nth-child(1) {
  top: -160px;
  /*left: 300px;*/
  right: 0;
}

.ocn_banner-section .content-panel.type_panel-history_banner .panel-body .background-txt .txt-bg:nth-child(2) {
  bottom: -150px;
  /*right: 300px;*/
  left: 0;
}

.ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap {
  width: 100%;
}

.ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap .swiper-slide {
  /*width: calc((100% - 415px) / 4); width:292px;*/
  width: 368px;
  height: 368px;
  scale: 0.8;
  display: flex;
  align-items: center;
  opacity: 0.1;
  transition: ease-out 0.4s;
}

.ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap .swiper-slide .img-area {
  /*padding: 0 12px;*/
  width: 100%;
}

.ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap .swiper-slide .img-ratio {
  border-radius: 58px;
  overflow: hidden;
}

.ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap .swiper-slide.swiper-slide-active {
  opacity: 1;
  scale: 1;
}

.ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap .swiper-slide.swiper-slide-prev, .ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap .swiper-slide.swiper-slide-next {
  opacity: 0.7;
}

@media all and (max-width: 959px) {
  .ocn_banner-section .content-panel.type_panel-history_banner {
    padding: 0;
  }
  .ocn_banner-section .content-panel.type_panel-history_banner .panel-body .background-txt .txt-bg {
    font-size: 92px;
  }
  .ocn_banner-section .content-panel.type_panel-history_banner .panel-body .background-txt .txt-bg:nth-child(1) {
    top: -130px;
    left: 58px;
    right: auto;
  }
  .ocn_banner-section .content-panel.type_panel-history_banner .panel-body .background-txt .txt-bg:nth-child(2) {
    bottom: -130px;
    left: auto;
    right: 58px;
  }
  .ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap {
    width: 100%;
  }
  .ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap .swiper-slide {
    /*width: unset;*/
    width: 147px;
    height: 188px;
    margin: 0 5px;
  }
  .ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap .swiper-slide .img-ratio {
    border-radius: 30px;
  }
  .ocn_banner-section .content-panel.type_panel-history_banner .history_swiper-wrap .swiper-slide .img-area {
    /*width: 137px;*/
  }
}

.ocn_history-section {
  /* 
  theme-light
  theme-dark
  */
}

.ocn_history-section .section-wrap {
  padding-top: 140px !important;
}

.ocn_history-section .section-wrap .section-inner {
  width: 1096px !important;
}

@media all and (max-width: 959px) {
  .ocn_history-section .section-wrap {
    padding-top: 80px !important;
  }
  .ocn_history-section .section-wrap .section-inner {
    width: 100% !important;
  }
}

.ocn_history-section .content-panel {
  /* history */
}

.ocn_history-section .content-panel.type_panel-history .history-list > li + li {
  margin-top: 200px;
}

.ocn_history-section .content-panel.type_panel-history .history-list article {
  display: flex;
  justify-content: space-between;
}

.ocn_history-section .content-panel.type_panel-history .history-list article a {
  display: inline-block;
}

.ocn_history-section .content-panel.type_panel-history .history-list article .title, .ocn_history-section .content-panel.type_panel-history .history-list article .desc {
  font-size: 24px;
  line-height: 38px;
}

.ocn_history-section .content-panel.type_panel-history .history-list article .title {
  font-weight: 700;
  color: #fff;
}

.ocn_history-section .content-panel.type_panel-history .history-list article .desc {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}

.ocn_history-section .content-panel.type_panel-history .history-list article .timeline-area .title {
  color: #FFB414;
  font-size: 50px;
  line-height: 74px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: 'Roboto';
  margin-top: -8px;
}

.ocn_history-section .content-panel.type_panel-history .history-list article .timeline-area .desc {
  font-size: 20px;
  line-height: 32px;
}

.ocn_history-section .content-panel.type_panel-history .history-list article .typo-area {
  width: 650px;
}

.ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .title-box li {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .title-box li + li {
  padding-top: 40px;
}

.ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .title-box .desc {
  color: rgba(255, 255, 255, 0.2);
  font-family: 'Roboto';
  font-size: 24px;
  line-height: 38px;
  letter-spacing: 0;
}

.ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .work-box {
  padding-top: 28px;
}

.ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .work-box li {
  display: block;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}

.ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .work-box li a {
  padding: 12px 0;
}

.ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .work-box li i {
  font-size: 12px;
  margin-left: 10px;
}

@media all and (max-width: 959px) {
  .ocn_history-section .content-panel.type_panel-history .history-list > li + li {
    margin-top: 180px;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article {
    flex-direction: column;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .title, .ocn_history-section .content-panel.type_panel-history .history-list article .desc {
    font-size: 18px;
    line-height: 30px;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .timeline-area {
    display: flex;
    flex-direction: column-reverse;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .timeline-area .title {
    font-size: 46px;
    line-height: 60px;
    margin-top: 0px;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .timeline-area .desc {
    font-size: 15px;
    line-height: 26px;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .typo-area {
    width: auto;
    margin-top: 68px;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .title-box li {
    padding-bottom: 32px;
    align-items: flex-end;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .title-box li + li {
    padding-top: 32px;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .title-box .desc {
    margin-left: 20px;
    font-size: 18px;
    line-height: 30px;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .work-box {
    padding-top: 26px;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .work-box li {
    font-size: 14px;
    line-height: 22px;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .work-box li a {
    padding: 6px 0;
  }
  .ocn_history-section .content-panel.type_panel-history .history-list article .typo-area .work-box li i {
    margin-left: 8px;
  }
}

.manifesto_banner-section {
  /* 
  theme-light
  theme-dark
  */
}

.manifesto_banner-section .content-panel {
  /* manifesto_banner */
}

.manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap {
  padding: 0;
  padding-bottom: 56.25%;
  height: 0;
  background: #FFB414;
  border-radius: 60px;
  overflow: hidden;
  position: relative;
}

.manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video-area {
  display: none;
}

.manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video-area video {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #000;
  z-index: 1;
}

.manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .img-ratio, .manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .play-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .img-ratio {
  padding: 0;
  height: auto;
}

.manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .play-box .btn-play {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .play-box .btn-play i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 100px;
}

@media all and (max-width: 959px) {
  .manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap {
    border-radius: 16px;
  }
  .manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .play-box .btn-play {
    width: 40px;
    height: 40px;
  }
  .manifesto_banner-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .play-box .btn-play i {
    font-size: 40px;
  }
}

.manifesto_content-section {
  /* 
  theme-light
  theme-dark
  */
}

.manifesto_content-section .section-wrap {
  padding-top: 0 !important;
  overflow: hidden;
}

.manifesto_content-section .content-panel {
  position: relative;
  /* manifesto_content */
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0.08;
  color: #fff;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg {
  font-size: 410px;
  line-height: 100%;
  font-weight: 900;
  position: absolute;
  text-transform: uppercase;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(1) {
  top: -60px;
  left: -300px;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(2) {
  top: 1em;
  right: -433px;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(3) {
  top: 2em;
  left: -170px;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(4) {
  top: 3em;
  right: 0;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .manifesto_txtbox {
  word-break: keep-all;
  position: relative;
  padding-bottom: 155px;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .manifesto_txtbox > div {
  max-width: 390px;
  margin: 0 auto;
  padding: 45px 0 45px;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .manifesto_txtbox > div:first-child {
  padding-top: 50px;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .manifesto_txtbox > div.copyrights {
  max-width: 530px;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .manifesto_txtbox p {
  font-size: 26px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
}

.manifesto_content-section .content-panel.type_panel-manifesto_content .manifesto_txtbox .point {
  color: #FFB414;
  text-transform: uppercase;
}

@media all and (max-width: 959px) {
  .manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg {
    font-size: 140px;
  }
  .manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(1) {
    top: -16px;
    left: -0.6em;
  }
  .manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(2) {
    right: -2.5em;
  }
  .manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(3) {
    left: -1.7em;
  }
  .manifesto_content-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(4) {
    right: -1.3em;
  }
  .manifesto_content-section .content-panel.type_panel-manifesto_content .manifesto_txtbox > div {
    max-width: 180px;
    padding: 20px 0;
  }
  .manifesto_content-section .content-panel.type_panel-manifesto_content .manifesto_txtbox p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-align: center;
  }
  .manifesto_content-section .content-panel.type_panel-manifesto_content .manifesto_txtbox .logo img {
    width: 92px;
  }
}

/*22.1207 디자인 변경에 의한 신규작성*/
.manifesto-section {
  overflow: hidden;
}

.manifesto-section .section-wrap {
  padding-top: 0 !important;
}

.manifesto-section .content-panel {
  position: relative;
  /* manifesto_banner */
  /* manifesto_content */
}

.manifesto-section .content-panel.type_panel-manifesto_banner {
  padding: 80px 0 90px;
  height: 915px;
}

@media all and (max-width: 959px) {
  .manifesto-section .content-panel.type_panel-manifesto_banner {
    padding: 45px 0;
    height: auto;
  }
}

.manifesto-section .content-panel.type_panel-manifesto_banner .panel-body {
  padding: 0 20px;
  width: 1360px;
  margin: 0 auto;
}

@media all and (max-width: 959px) {
  .manifesto-section .content-panel.type_panel-manifesto_banner .panel-body {
    width: 100%;
    min-width: 100%;
    padding: 0px 16px;
  }
}

.manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap {
  padding: 0;
  height: 745px;
  background: #FFB414;
  border-radius: 60px;
  overflow: hidden;
  position: absolute;
  width: 1320px;
  z-index: 2;
}

.manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video-area {
  display: none;
}

.manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video-area video {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #000;
  z-index: 3;
}

.manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .img-ratio, .manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .play-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .img-ratio {
  padding: 0;
  height: auto;
}

.manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .play-box .btn-play {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .play-box .btn-play i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 100px;
}

@media all and (max-width: 959px) {
  .manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap {
    border-radius: 16px;
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 56.25%;
  }
  .manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .play-box .btn-play {
    width: 40px;
    height: 40px;
  }
  .manifesto-section .content-panel.type_panel-manifesto_banner .manifesto_banner-wrap .video_bg-area .play-box .btn-play i {
    font-size: 40px;
  }
}

.manifesto-section .content-panel.type_panel-manifesto_content .background-txt {
  position: absolute;
  left: 0;
  right: 0;
  top: -375px;
  opacity: 0.08;
  color: #fff;
}

.manifesto-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg {
  font-size: 410px;
  line-height: 100%;
  font-weight: 900;
  position: absolute;
  text-transform: uppercase;
}

.manifesto-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(1) {
  top: -60px;
  left: -300px;
}

.manifesto-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(2) {
  top: 0.9em;
  right: -433px;
}

.manifesto-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(3) {
  top: 1.9em;
  left: -170px;
}

.manifesto-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(4) {
  top: 2.9em;
  right: 0;
}

.manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox {
  word-break: keep-all;
  position: relative;
  padding-bottom: 155px;
}

.manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox > div {
  max-width: 390px;
  margin: 0 auto;
  padding: 45px 0 45px;
}

.manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox > div:first-child {
  padding-top: 50px;
}

.manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox > div.copyrights {
  max-width: 530px;
}

.manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox p {
  font-size: 26px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
}

.manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox .point {
  color: #FFB414;
  text-transform: uppercase;
}

.manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox .logo {
  margin-top: 26px;
}

@media all and (max-width: 959px) {
  .manifesto-section .content-panel.type_panel-manifesto_content .background-txt {
    top: 15px;
  }
  .manifesto-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg {
    font-size: 120px;
  }
  .manifesto-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(1) {
    top: -16px;
    left: -0.6em;
  }
  .manifesto-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(2) {
    top: 1.3em;
    right: -2.5em;
  }
  .manifesto-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(3) {
    top: 2.7em;
    left: -1.7em;
  }
  .manifesto-section .content-panel.type_panel-manifesto_content .background-txt .txt-bg:nth-child(4) {
    top: 4.2em;
    right: -1.3em;
  }
  .manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox {
    padding-bottom: 140px;
  }
  .manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox > div {
    max-width: 230px;
    padding: 20px 0;
  }
  .manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox > div:first-child {
    padding-top: 11px;
  }
  .manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox p {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-align: center;
  }
  .manifesto-section .content-panel.type_panel-manifesto_content .manifesto_txtbox .logo img {
    width: 92px;
  }
}

.ocn_intro_view-page {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
  overflow: hidden;
  min-width: 1360px;
  width: 100%;
  background-color: #000;
}

.ocn_intro_view-page .only-pc {
  display: block;
}

.ocn_intro_view-page .only-mb {
  display: none;
}

.ocn_intro_view-page section {
  position: relative;
}

.ocn_intro_view-page section .section-wrap {
  padding: 0;
}

.ocn_intro_view-page section .section-wrap > .section-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: auto;
  width: 100%;
}

.ocn_intro_view-page section[class$="-section"]:last-child .section-wrap {
  padding: 0;
}

.ocn_intro_view-page .panel-body {
  position: relative;
}

.ocn_intro_view-page .visual-wrap {
  position: relative;
}

.ocn_intro_view-page .visual-wrap .visual-media {
  position: relative;
  min-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}

.ocn_intro_view-page .visual-wrap .visual-media .img-ratio {
  padding-bottom: 41.25%;
}

.ocn_intro_view-page .visual-wrap .visual-img {
  display: none;
  position: relative;
  min-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}

.ocn_intro_view-page .visual-wrap .visual-img .img-ratio {
  padding-bottom: 41.25%;
}

.ocn_intro_view-page .img-ratio {
  position: relative;
  background-color: transparent;
  overflow: hidden;
}

.ocn_intro_view-page .title-area {
  opacity: 0;
  transition: ease-out 0.5s;
  width: 648px;
  margin: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.ocn_intro_view-page .title-area.on {
  opacity: 1;
}

.ocn_intro_view-page .title-area.on .sub-text {
  transform: translateY(0px);
}

.ocn_intro_view-page .title-area .title {
  transition: ease-out 0.5s;
  color: #fff;
  font-weight: 900;
  font-size: 54px;
  line-height: 66px;
  letter-spacing: -0.02em;
  font-family: "Arial","Noto Sans KR", Malgun Gothic, dotum, "돋움", AppleGothic, Sans-serif;
}

.ocn_intro_view-page .title-area .title img {
  vertical-align: baseline;
  transform: translateY(4px);
}

.ocn_intro_view-page .title-area .sub-text {
  transition: ease-out 1s;
  transform: translateY(100px);
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  line-height: 48px;
  letter-spacing: -0.02em;
}

.ocn_intro_view-page .title-area .sub-text .c-primary {
  color: #FFB414;
}

.ocn_intro_view-page .title-area .sm-title {
  display: block;
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.ocn_intro_view-page .title-area .title + .sub-text {
  margin-top: 32px;
}

.ocn_intro_view-page .title-area .sub-text + .sub-text {
  margin-top: 60px;
}

@media all and (max-width: 959px) {
  .ocn_intro_view-page {
    min-width: 100%;
  }
  .ocn_intro_view-page .only-pc {
    display: none;
  }
  .ocn_intro_view-page .only-mb {
    display: block;
  }
  .ocn_intro_view-page section .section-wrap,
  .ocn_intro_view-page section .section-wrap > .section-inner {
    min-width: 100%;
    width: 100%;
  }
  .ocn_intro_view-page .visual-wrap .visual-media {
    min-width: 0;
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
  .ocn_intro_view-page .visual-wrap .visual-media .img-ratio {
    padding-bottom: 85%;
  }
  .ocn_intro_view-page .visual-wrap .visual-media .img-ratio video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .ocn_intro_view-page .visual-wrap .visual-img {
    min-width: 100%;
  }
  .ocn_intro_view-page .visual-wrap .visual-img .img-ratio {
    padding-bottom: 85%;
  }
  .ocn_intro_view-page .title-area {
    /*position:relative;*/
    width: 100%;
    padding: 0 72px 0 40px;
  }
  .ocn_intro_view-page .title-area .title {
    font-size: 32px;
    line-height: 41px;
  }
  .ocn_intro_view-page .title-area .sub-text {
    transform: translateY(40px);
    font-size: 16px;
    line-height: 30px;
  }
  .ocn_intro_view-page .title-area .sm-title {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 20px;
  }
  .ocn_intro_view-page .title-area .title + .sub-text {
    margin-top: 16px;
  }
  .ocn_intro_view-page .title-area .sub-text + .sub-text {
    margin-top: 32px;
  }
}

.ocn_intro_view-page .ocn_visual-section {
  position: relative;
  padding-bottom: 388px;
}

.ocn_intro_view-page .ocn_visual-section .visual-area {
  position: relative;
  width: 1920px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.ocn_intro_view-page .ocn_visual-section .visual-area .visual-img {
  display: none;
  position: relative;
}

.ocn_intro_view-page .ocn_visual-section .visual-area .img-ratio {
  padding-bottom: 44.7916%;
}

.ocn_intro_view-page .ocn_visual-section .title-area {
  top: 755px;
  /*opacity:1;*/
}

.ocn_intro_view-page .ocn_visual-section .title-area.on {
  top: 655px;
}

.ocn_intro_view-page .ocn_visual-section .title-area .title + .sub-text {
  margin-top: 40px;
}

@media all and (max-width: 959px) {
  .ocn_intro_view-page .ocn_visual-section {
    padding-bottom: 312px;
  }
  .ocn_intro_view-page .ocn_visual-section .visual-area {
    width: 100%;
    padding-bottom: 0;
  }
  .ocn_intro_view-page .ocn_visual-section .visual-area .img-ratio {
    padding-bottom: 83.8641%;
  }
  .ocn_intro_view-page .ocn_visual-section .visual-area .img-ratio .lazyload-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .ocn_intro_view-page .ocn_visual-section .visual-area .img-ratio video, .ocn_intro_view-page .ocn_visual-section .visual-area .img-ratio img {
    width: 100%;
  }
  .ocn_intro_view-page .ocn_visual-section .title-area {
    top: 93%;
  }
  .ocn_intro_view-page .ocn_visual-section .title-area.on {
    top: 88%;
  }
  .ocn_intro_view-page .ocn_visual-section .title-area img {
    height: 28px;
  }
  .ocn_intro_view-page .ocn_visual-section .title-area .title + .sub-text {
    margin-top: 24px;
  }
}

.ocn_intro_view-page .ocn_slide-section .bgtext-area {
  position: relative;
  width: 100%;
  min-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.08);
  font-weight: 900;
  font-size: 180px;
  line-height: 225px;
  letter-spacing: -0.02em;
  font-family: "Arial","Noto Sans KR", Malgun Gothic, dotum, "돋움", AppleGothic, Sans-serif;
}

.ocn_intro_view-page .ocn_slide-section .bgtext-area .t-right {
  position: absolute;
  right: -12px;
  top: 0;
}

.ocn_intro_view-page .ocn_slide-section .bgtext-area .t-left {
  position: absolute;
  left: -12px;
  top: 174px;
}

.ocn_intro_view-page .ocn_slide-section .title-area {
  top: 419px;
}

.ocn_intro_view-page .ocn_slide-section .title-area.on {
  top: 319px;
}

.ocn_intro_view-page .ocn_slide-section .title-area .sub-text {
  width: 500px;
}

.ocn_intro_view-page .ocn_slide-section .slide-area {
  padding-top: 1215px;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper {
  opacity: 0.6;
  transition: ease-in 0.25s;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper.bright {
  opacity: 1;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .img-ratio {
  padding-bottom: 143.9285%;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide {
  position: relative;
  width: 280px;
  margin: 0 8px;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:hover .info-box, .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:focus .info-box, .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:active .info-box {
  opacity: 1;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:hover .img-box,
.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:hover .info-box, .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:focus .img-box,
.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:focus .info-box, .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:active .img-box,
.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:active .info-box {
  transform: translateY(-100px);
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .img-box,
.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .info-box {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .img-box {
  position: relative;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .info-box {
  opacity: 0;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 174, 0, 0.95);
  border-radius: 42px;
  overflow: hidden;
  z-index: 2;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 54px 0 60px;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .info-box .title {
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  line-height: 40px;
  letter-spacing: -0.02em;
  text-align: center;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .info-box .title span {
  display: block;
}

.ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .info-box .copytext {
  display: inline-block;
  padding-bottom: 4px;
  color: #000;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.02em;
  border-bottom: 3px solid #000;
}

@media all and (max-width: 959px) {
  .ocn_intro_view-page .ocn_slide-section .bgtext-area {
    min-width: 100%;
    font-size: 70px;
    line-height: 96px;
  }
  .ocn_intro_view-page .ocn_slide-section .bgtext-area .t-right {
    right: -222px;
    top: 0;
  }
  .ocn_intro_view-page .ocn_slide-section .bgtext-area .t-left {
    left: -121px;
    top: 73px;
  }
  .ocn_intro_view-page .ocn_slide-section .title-area {
    top: 151px;
  }
  .ocn_intro_view-page .ocn_slide-section .title-area.on {
    top: 101px;
  }
  .ocn_intro_view-page .ocn_slide-section .title-area .sub-text {
    width: 100%;
  }
  .ocn_intro_view-page .ocn_slide-section .title-area .sub-text .word {
    display: inline-block;
  }
  .ocn_intro_view-page .ocn_slide-section .title-area .sub-text .hidden-br {
    display: block;
  }
  .ocn_intro_view-page .ocn_slide-section .title-area img {
    height: 39px;
  }
  .ocn_intro_view-page .ocn_slide-section .slide-area {
    padding-top: 623px;
  }
  .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide {
    width: 118px;
    margin: 0 5px;
  }
  .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:hover .img-box,
  .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:hover .info-box, .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:focus .img-box,
  .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:focus .info-box, .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:active .img-box,
  .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .swiper-slide:active .info-box {
    transform: translateY(-40px);
  }
  .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .info-box {
    border-radius: 12px;
    padding: 24px 0 26px;
  }
  .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .info-box .title {
    font-size: 14px;
    line-height: 22px;
  }
  .ocn_intro_view-page .ocn_slide-section .slide-area .poster_swiper .info-box .copytext {
    font-size: 11px;
    line-height: 17px;
    padding-bottom: 2px;
    border-bottom: 2px solid #000;
  }
}

.ocn_intro_view-page .ocn_movies-section {
  padding-top: 262px;
}

.ocn_intro_view-page .ocn_movies-section .bgmovie-area {
  position: relative;
  width: 1920px;
  margin-left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  transition: ease-in 0.3s;
}

.ocn_intro_view-page .ocn_movies-section .bgmovie-area.show {
  opacity: 1;
}

.ocn_intro_view-page .ocn_movies-section .bgmovie-area .img-ratio {
  padding-bottom: 41.6666%;
}

.ocn_intro_view-page .ocn_movies-section .bgmovie-area .img-ratio .lazyload-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.ocn_intro_view-page .ocn_movies-section .bgmovie-area .img-ratio .lazyload-wrapper .bg_ani_cont {
  margin-top: -367px;
  /*background-color: red; */
}

.ocn_intro_view-page .ocn_movies-section .bgmovie-area .img-ratio .bg_canvas {
  /*background-color: blue;*/
}

.ocn_intro_view-page .ocn_movies-section .bgmovie-area .img-ratio #dom_overlay_container {
  height: 100% !important;
  /*background-color: #FFB414;*/
}

.ocn_intro_view-page .ocn_movies-section .bgmovie-area .bgmovie-img {
  /*display:none;*/
  position: relative;
}

.ocn_intro_view-page .ocn_movies-section .title-area {
  top: 178px;
  height: 0;
}

.ocn_intro_view-page .ocn_movies-section .title-area.on {
  top: 78px;
}

.ocn_intro_view-page .ocn_movies-section .title-area .sub-text {
  width: 320px;
}

@media all and (max-width: 959px) {
  .ocn_intro_view-page .ocn_movies-section {
    /*padding-top: 222px;*/
    padding-top: 182px;
  }
  .ocn_intro_view-page .ocn_movies-section .bgmovie-area {
    width: 100%;
  }
  .ocn_intro_view-page .ocn_movies-section .bgmovie-area .img-ratio {
    /*padding-bottom:100%;*/
    padding-bottom: 116.6666%;
  }
  .ocn_intro_view-page .ocn_movies-section .bgmovie-area .img-ratio .lazyload-wrapper .bg_ani_cont {
    margin-top: 0;
    /*transform: translateY(-15%);*/
    transform: translate(-25%, -15%);
  }
  .ocn_intro_view-page .ocn_movies-section .bgmovie-area .img-ratio .bg_ani_cont,
  .ocn_intro_view-page .ocn_movies-section .bgmovie-area .img-ratio .bg_canvas,
  .ocn_intro_view-page .ocn_movies-section .bgmovie-area .img-ratio #dom_overlay_container {
    width: 145% !important;
    height: auto !important;
  }
  .ocn_intro_view-page .ocn_movies-section .bgmovie-area .bgmovie-media video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .ocn_intro_view-page .ocn_movies-section .title-area {
    top: 20px;
  }
  .ocn_intro_view-page .ocn_movies-section .title-area.on {
    top: -30px;
  }
  .ocn_intro_view-page .ocn_movies-section .title-area img {
    height: 44px;
  }
  .ocn_intro_view-page .ocn_movies-section .title-area .sub-text {
    width: 100%;
  }
}

.ocn_intro_view-page .ocn_thrills-section {
  padding-top: 514px;
  padding-bottom: 0px;
}

.ocn_intro_view-page .ocn_thrills-section .bgthrills-area {
  position: relative;
  width: 1920px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.ocn_intro_view-page .ocn_thrills-section .bgthrills-area .bgthrills-img {
  position: relative;
  transform: scale(0.7);
  transition: ease-out 0.5s;
  opacity: 0.3;
}

.ocn_intro_view-page .ocn_thrills-section .bgthrills-area .bgthrills-img.scale {
  transform: scale(1);
  opacity: 1;
}

.ocn_intro_view-page .ocn_thrills-section .bgthrills-area .bgthrills-img .img-ratio {
  padding-bottom: 42.0833%;
}

.ocn_intro_view-page .ocn_thrills-section .title-area {
  top: -236px;
}

.ocn_intro_view-page .ocn_thrills-section .title-area.on {
  top: -336px;
}

@media all and (max-width: 959px) {
  .ocn_intro_view-page .ocn_thrills-section {
    padding-top: 180px;
    padding-bottom: 90px;
  }
  .ocn_intro_view-page .ocn_thrills-section .bgthrills-area {
    width: 100%;
  }
  .ocn_intro_view-page .ocn_thrills-section .bgthrills-area .bgthrills-img {
    transform: scale(1);
  }
  .ocn_intro_view-page .ocn_thrills-section .bgthrills-area .bgthrills-img.scale {
    transform: scale(1.2);
  }
  .ocn_intro_view-page .ocn_thrills-section .bgthrills-area .bgthrills-img .img-ratio {
    padding-bottom: 80.5555%;
  }
  .ocn_intro_view-page .ocn_thrills-section .title-area {
    top: -74px;
  }
  .ocn_intro_view-page .ocn_thrills-section .title-area.on {
    top: -124px;
  }
  .ocn_intro_view-page .ocn_thrills-section .title-area img {
    height: 44px;
  }
}

.thriller_house_view-page {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
  min-width: 1360px;
  width: 100%;
  background-color: #000;
  padding-bottom: 200px;
}

.thriller_house_view-page .only-pc {
  display: block;
}

.thriller_house_view-page .only-mb {
  display: none;
}

.thriller_house_view-page section {
  overflow: hidden;
}

.thriller_house_view-page section .section-wrap {
  padding: 0;
}

.thriller_house_view-page section .section-wrap > .section-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: auto;
}

.thriller_house_view-page section[class$="-section"]:last-child .section-wrap {
  padding: 0;
}

.thriller_house_view-page .img-ratio {
  background-color: transparent;
}

@media all and (max-width: 959px) {
  .thriller_house_view-page {
    min-width: 100%;
    padding-bottom: 142px;
  }
  .thriller_house_view-page .only-pc {
    display: none;
  }
  .thriller_house_view-page .only-mb {
    display: block;
  }
  .thriller_house_view-page section .section-wrap,
  .thriller_house_view-page section .section-wrap > .section-inner {
    min-width: 100%;
    width: 100%;
  }
}

.thriller_house_view-page .thriller_visual-section {
  position: relative;
  z-index: 1;
  margin-bottom: -162px;
}

.thriller_house_view-page .thriller_visual-section .section-wrap > .section-inner {
  width: 100%;
}

.thriller_house_view-page .thriller_visual-section .visual-wrap {
  position: relative;
}

.thriller_house_view-page .thriller_visual-section .visual-wrap .img-ratio video {
  width: 100%;
}

.thriller_house_view-page .thriller_visual-section .visual-wrap .visual-media {
  position: relative;
  min-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}

.thriller_house_view-page .thriller_visual-section .visual-wrap .visual-media .img-ratio {
  padding-bottom: 40.3125%;
}

.thriller_house_view-page .thriller_visual-section .visual-wrap .visual-media .img-ratio video {
  width: 100%;
}

.thriller_house_view-page .thriller_visual-section .visual-wrap .visual-img {
  display: none;
  position: relative;
  min-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}

.thriller_house_view-page .thriller_visual-section .visual-wrap .visual-img .img-ratio {
  padding-bottom: 40.3125%;
}

@media all and (max-width: 959px) {
  .thriller_house_view-page .thriller_visual-section {
    margin-bottom: -16.6667%;
  }
  .thriller_house_view-page .thriller_visual-section .visual-wrap {
    background: url("../images/ocn/thriller_house-visual2-mb.png") no-repeat 0 0;
    background-size: 100% auto;
  }
  .thriller_house_view-page .thriller_visual-section .visual-wrap .img-ratio video {
    width: 100%;
  }
  .thriller_house_view-page .thriller_visual-section .visual-wrap .visual-media {
    min-width: 0;
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
  .thriller_house_view-page .thriller_visual-section .visual-wrap .visual-media .img-ratio {
    padding-bottom: 97.7777%;
  }
  .thriller_house_view-page .thriller_visual-section .visual-wrap .visual-media .img-ratio video {
    /*position: absolute; top:0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; */
  }
  .thriller_house_view-page .thriller_visual-section .visual-wrap .visual-img {
    min-width: 100%;
    left: auto;
    transform: translateX(0);
  }
  .thriller_house_view-page .thriller_visual-section .visual-wrap .visual-img .img-ratio {
    padding-bottom: 97.7777%;
  }
}

.thriller_house_view-page .thriller_promotion-section {
  position: relative;
  z-index: 2;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap {
  width: 1320px;
  margin: auto;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list > li + li {
  margin-top: 40px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card {
  background-color: #151515;
  padding: 112px;
  border-radius: 46px;
  overflow: hidden;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area {
  width: 490px;
  min-height: 362px;
  color: #fff;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .title-box {
  font-weight: 700;
  font-size: 40px;
  line-height: 57.92px;
  letter-spacing: -0.01em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .tag-box {
  font-weight: 700;
  margin-top: 4px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .tag-box span {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26.06px;
  letter-spacing: -0.02em;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .tag-box span + span {
  margin-left: 14px;
  padding-left: 16px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .tag-box span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0px;
  width: 1px;
  height: 15px;
  background-color: rgba(255, 255, 255, 0.3);
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .tag-box span + span::before {
  width: 2px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .date-box {
  margin-top: 40px;
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .date-box .icon-date {
  display: inline-block;
  padding: 2px 6px;
  background-color: #000;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .date-box span {
  font-size: 15px;
  line-height: 21.72px;
  letter-spacing: -0.02em;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .date-box .icon-date + span {
  margin-left: 12px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .desc-box {
  width: 421px;
  margin-top: 12px;
  opacity: 0.6;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .btn-box {
  margin-top: 40px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .btn-box:after {
  content: '';
  display: block;
  clear: both;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .btn-box .btn {
  float: left;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.8);
  color: #fff;
  padding: 19px 0px;
  width: 180px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .btn-box .btn + .btn {
  margin-left: 8px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area {
  position: relative;
  width: 537px;
  height: 302px;
  overflow: hidden;
  border-radius: 6px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .img-ratio {
  padding-bottom: 56.2383%;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 8px 8px 0 0;
  z-index: 2;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 78px;
  height: 72px;
  vertical-align: top;
  cursor: pointer;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"].swiper-button-disabled .spf::before {
  color: rgba(255, 255, 255, 0.4);
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] .spf::before {
  color: rgba(255, 255, 255, 0.8);
  font-size: 40px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] .spf-media_main_arrow_l,
.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] .spf-media_main_arrow_r {
  position: absolute;
  top: 16px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] .spf-media_main_arrow_l {
  left: 22px;
}

.thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] .spf-media_main_arrow_r {
  right: 22px;
}

@media all and (max-width: 959px) {
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap {
    width: 100%;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list > li + li {
    margin-top: 12px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card {
    padding: 40px 16px;
    border-radius: 0px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner {
    flex-direction: column;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area {
    width: 100%;
    padding: 0 8px;
    min-height: auto;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .title-box {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: -0.02em;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .tag-box {
    margin-top: 8px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .tag-box span {
    font-size: 15px;
    line-height: 20px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .tag-box span + span {
    margin-left: 8px;
    padding-left: 10px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .tag-box span + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0px;
    width: 1px;
    height: 13px;
    background-color: rgba(255, 255, 255, 0.3);
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .tag-box span + span::before {
    width: 2px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .date-box {
    margin-top: 32px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .date-box span {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.01em;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .date-box .icon-date + span {
    margin-left: 10px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .desc-box {
    width: 100%;
    margin-top: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .btn-box {
    margin: 40px -8px 0;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .btn-box .btn {
    width: calc(50% - 3px);
    padding: 13px 0px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .btn-box .btn span {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.03em;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .text-area .btn-box .btn + .btn {
    margin-left: 6px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area {
    width: 100%;
    height: auto;
    margin-top: 26px;
    border-radius: 4px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] {
    width: 45px;
    height: 42px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] .spf::before {
    font-size: 24px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] .spf-media_main_arrow_l,
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] .spf-media_main_arrow_r {
    top: 9px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] .spf-media_main_arrow_l {
    left: 10px;
  }
  .thriller_house_view-page .thriller_promotion-section .promotion-wrap .promotion-list .card .card-inner .slide-area .control-area [class^="button-"] .spf-media_main_arrow_r {
    right: 10px;
  }
}

.tooniverse_intro_view-page {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
  overflow: hidden;
  min-width: 1360px;
  width: 100%;
  background-color: #fff;
}

.tooniverse_intro_view-page .only-pc {
  display: block;
}

.tooniverse_intro_view-page .only-mb {
  display: none;
}

.tooniverse_intro_view-page .c-primary {
  color: #00AEEF;
}

.tooniverse_intro_view-page section {
  position: relative;
}

.tooniverse_intro_view-page section .section-wrap {
  padding: 0;
}

.tooniverse_intro_view-page section .section-wrap > .section-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: auto;
  width: 100%;
}

.tooniverse_intro_view-page section[class$="-section"]:last-child .section-wrap {
  padding: 0;
}

.tooniverse_intro_view-page .panel-body {
  position: relative;
}

.tooniverse_intro_view-page .visual-area {
  position: relative;
  width: 1920px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.tooniverse_intro_view-page .visual-area .visual-img {
  /*display:none;*/
  position: relative;
  min-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}

.tooniverse_intro_view-page .title-area {
  position: relative;
  text-align: center;
}

.tooniverse_intro_view-page .title-area .title {
  font-size: 50px;
  font-weight: 700;
  line-height: 72.4px;
  letter-spacing: -0.02em;
}

.tooniverse_intro_view-page .title-area .sub-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 41px;
  letter-spacing: -0.02em;
}

.tooniverse_intro_view-page .title-area .title + .sub-title {
  margin-top: 32px;
}

.tooniverse_intro_view-page .title-area .sub-title + .title {
  margin-top: 6px;
}

.tooniverse_intro_view-page .img-ratio {
  position: relative;
  background-color: transparent;
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .tooniverse_intro_view-page {
    min-width: 100%;
  }
  .tooniverse_intro_view-page .only-pc {
    display: none;
  }
  .tooniverse_intro_view-page .only-mb {
    display: block;
  }
  .tooniverse_intro_view-page section .section-wrap,
  .tooniverse_intro_view-page section .section-wrap > .section-inner {
    min-width: 100%;
    width: 100%;
  }
  .tooniverse_intro_view-page .visual-area {
    width: 100%;
  }
  .tooniverse_intro_view-page .visual-area .img-ratio .lazyload-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .tooniverse_intro_view-page .visual-area .img-ratio video, .tooniverse_intro_view-page .visual-area .img-ratio img {
    width: 100%;
  }
  .tooniverse_intro_view-page .visual-area .visual-img {
    min-width: 100%;
  }
  .tooniverse_intro_view-page .title-area .title {
    font-size: 24px;
    line-height: 38px;
  }
  .tooniverse_intro_view-page .title-area .sub-title {
    font-size: 16px;
    line-height: 28px;
  }
  .tooniverse_intro_view-page .title-area .title + .sub-title {
    margin-top: 16px;
  }
}

.tooniverse_intro_view-page .tooniverse_visual-section {
  position: relative;
}

.tooniverse_intro_view-page .tooniverse_visual-section .visual-area {
  margin-top: -120px;
}

.tooniverse_intro_view-page .tooniverse_visual-section .visual-area .img-ratio {
  padding-bottom: 64.5833%;
}

.tooniverse_intro_view-page .tooniverse_visual-section .visual-area .img-ratio img, .tooniverse_intro_view-page .tooniverse_visual-section .visual-area .img-ratio video {
  width: 100%;
}

.tooniverse_intro_view-page .tooniverse_visual-section .visual-area .visual-media {
  display: block;
}

.tooniverse_intro_view-page .tooniverse_visual-section .visual-area .visual-img {
  display: none;
}

.tooniverse_intro_view-page .tooniverse_visual-section .title-area {
  padding-top: 14px;
  color: #000;
}

.tooniverse_intro_view-page .tooniverse_visual-section .title-area .sub-title {
  opacity: 0.6;
}

.tooniverse_intro_view-page .tooniverse_visual-section .title-area .sub-title em.only-pc {
  display: inline;
}

@media all and (max-width: 959px) {
  .tooniverse_intro_view-page .tooniverse_visual-section .visual-area {
    margin-top: 0;
    background: url("../images/tooniverse/tooniverse_visual_bg-mb.png") no-repeat 0 0;
    background-size: 100% auto;
  }
  .tooniverse_intro_view-page .tooniverse_visual-section .visual-area .img-ratio {
    /*padding-bottom: 114.6496%;*/
    padding-bottom: 118.8959%;
  }
  .tooniverse_intro_view-page .tooniverse_visual-section .title-area {
    padding-top: 30px;
  }
  .tooniverse_intro_view-page .tooniverse_visual-section .title-area > p {
    width: 300px;
    margin: auto;
  }
  .tooniverse_intro_view-page .tooniverse_visual-section .title-area .sub-title {
    font-size: 14px;
    line-height: 24px;
  }
}

.tooniverse_intro_view-page .tooniverse_intro1-section {
  margin-top: 108px;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .panel-body {
  position: relative;
  background-color: #00acee;
  max-width: 1920px;
  margin: 0 auto;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .panel-body::after {
  content: '';
  display: block;
  width: 100%;
  height: 175px;
  background: url("../images/tooniverse/intro1_pattern-pc.jpg") no-repeat 50% 100%;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .visual-area .img-ratio {
  padding-bottom: 21.875%;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .title-area {
  color: #fff;
  padding-top: 65px;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area {
  width: 1320px;
  margin: auto;
  padding: 60px 0 48px;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list {
  display: flex;
  justify-content: center;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list li + li {
  margin-left: 24px;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list .enjoy-cont {
  padding: 50px 0 60px;
  width: 424px;
  height: 425px;
  background-color: #fff;
  border-radius: 30px;
  text-align: center;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list .enjoy-cont .img-box {
  width: 150px;
  margin: auto;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list .enjoy-cont .text-box {
  color: #000;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list .enjoy-cont .text-box .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: -0.02em;
  margin-top: 50px;
}

.tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list .enjoy-cont .text-box .text {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.02em;
  opacity: 0.6;
  margin-top: 16px;
}

@media all and (max-width: 959px) {
  .tooniverse_intro_view-page .tooniverse_intro1-section {
    margin-top: 70px;
  }
  .tooniverse_intro_view-page .tooniverse_intro1-section .panel-body::after {
    height: 0;
    padding-bottom: 13.33%;
    background-image: url("../images/tooniverse/intro1_pattern-mb.jpg");
    background-size: cover;
  }
  .tooniverse_intro_view-page .tooniverse_intro1-section .visual-area {
    background-color: #fff;
  }
  .tooniverse_intro_view-page .tooniverse_intro1-section .visual-area .img-ratio {
    padding-bottom: 26.5392%;
  }
  .tooniverse_intro_view-page .tooniverse_intro1-section .title-area {
    width: 210px;
    margin: auto;
    padding-top: 40px;
    word-break: keep-all;
  }
  .tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area {
    width: 100%;
    padding: 32px 16px 40px;
  }
  .tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list {
    flex-direction: column;
  }
  .tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list li + li {
    margin-left: 0;
    margin-top: 16px;
  }
  .tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list .enjoy-cont {
    width: 100%;
    height: auto;
    padding: 40px 0 50px;
  }
  .tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list .enjoy-cont .text-box .title {
    font-size: 20px;
    line-height: 32px;
    margin-top: 30px;
  }
  .tooniverse_intro_view-page .tooniverse_intro1-section .enjoy_list-area .enjoy-list .enjoy-cont .text-box .text {
    font-size: 16px;
    line-height: 28px;
    margin-top: 8px;
  }
}

.tooniverse_intro_view-page .tooniverse_intro2-section .visual-area {
  margin-top: -220px;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .visual-area .img-ratio {
  padding-bottom: 55%;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .title-area {
  color: #212121;
  padding-top: 118px;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area {
  position: relative;
  width: 872px;
  margin: -12px auto;
  padding-top: 60px;
  z-index: 2;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list {
  display: flex;
  margin: 0 12px;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list li {
  width: calc(100% / 3);
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list li.size_big {
  width: calc(100% - (100% / 3));
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list li.size_big .our-cont .text-box {
  font-size: 44px;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list li.size_banner {
  width: 100%;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont {
  position: relative;
  padding: 12px;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont .img-box,
.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont .text-box,
.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont .banner-box {
  border-radius: 16px;
  overflow: hidden;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont .text-box {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 12px;
  bottom: 12px;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.55);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #fff;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont .banner-box {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.02em;
  background-color: #00AEEF;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
}

.tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont .banner-box span + span {
  margin-left: 16px;
}

@media all and (max-width: 959px) {
  .tooniverse_intro_view-page .tooniverse_intro2-section .visual-area {
    margin-top: 40px;
  }
  .tooniverse_intro_view-page .tooniverse_intro2-section .visual-area .img-ratio {
    padding-bottom: 49.8938%;
  }
  .tooniverse_intro_view-page .tooniverse_intro2-section .title-area {
    padding-top: 60px;
  }
  .tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area {
    width: 100%;
    margin: -4px auto;
    padding: 32px 16px 0;
  }
  .tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list {
    margin: 0 -4px;
  }
  .tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont {
    padding: 4px;
  }
  .tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont .text-box {
    left: 4px;
    right: 4px;
    top: 4px;
    bottom: 4px;
    font-size: 18px !important;
  }
  .tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont .banner-box {
    height: 80px;
    font-size: 14px;
  }
  .tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont .banner-box img {
    height: 18px;
  }
  .tooniverse_intro_view-page .tooniverse_intro2-section .our_list-area .our-list .our-cont .banner-box span + span {
    margin-left: 10px;
  }
}

/* 
theme-light
theme-dark
*/
/* theme-dark */
.form-section.theme-dark {
  background: #25252B;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
}

@media all and (max-width: 959px) {
  .form-section.theme-dark {
    background: #25252B;
    box-shadow: none;
    border-radius: 0;
  }
}

.form-section.theme-dark .form_header .title {
  color: rgba(255, 255, 255, 0.9);
}

.form-section.theme-dark .form_header .top-description {
  color: rgba(255, 255, 255, 0.6);
}

.form-section.theme-dark .form_body .form_list li .input-title {
  color: #fff;
}

.form-section.theme-dark .form_body .form_list li .addfile .info_txt {
  color: rgba(255, 255, 255, 0.6);
}

.form-section.theme-dark .form_body .form_list li .addfile .info_txt span {
  color: white;
}

.form-section.theme-dark .form_body .form_list li .addfile .file-list-box {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.form-section.theme-dark .form_body .form_list li .addfile .file-list-box .file-item .btn_del i,
.form-section.theme-dark .form_body .form_list li .addfile .file-list-box .file-item .file_name {
  color: #fff;
}

.form-section.theme-dark .form_body .form_list li .addfile .file-list-box .file-item + .file-item {
  border-top-color: rgba(255, 255, 255, 0.08);
}

.form-section.theme-dark .terms_contents-wrap .form_header {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.form-section.theme-dark .terms_contents-wrap .terms_box .tit {
  color: #fff;
}

.form-section.theme-dark .terms_contents-wrap .terms_box .terms_wrap {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.form-section.theme-dark .terms_contents-wrap .terms_box .terms_wrap .cont {
  color: rgba(255, 255, 255, 0.6);
}

.form-section.theme-dark .form_wrap + .btn_set.tac .btn.btn_black,
.form-section.theme-dark .terms_contents-wrap + .btn_set.tac .btn.btn_black {
  background: #000;
  border-color: #000;
}

.login_contents-section {
  overflow: hidden;
  width: 100%;
  min-width: 1360px;
}

.login_contents-section .section_bg {
  position: relative;
}

.login_contents-section .login_bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f8f8f8 url("../images/common/img_login_bg-pc.jpg") no-repeat center top;
  z-index: -1;
}

.login_contents-section .login_bg-color {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #f8f8f8;
  z-index: -1;
}

@media all and (max-width: 959px) {
  .login_contents-section .login_bg {
    background: #f8f8f8 url("../images/common/img_login_bg-mb.jpg") no-repeat center top;
    background-size: 100%;
  }
}

.login_contents-section .panel-header {
  padding: 60px 0 40px 0;
}

.login_contents-section .panel-header .header-inner {
  font-weight: 700;
  font-size: 38px;
  line-height: 54px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #000;
  display: block;
}

.login_contents-section .panel-body {
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .login_contents-section {
    min-width: 100%;
  }
  .login_contents-section .panel-header {
    padding: 50px 16px 26px 16px;
  }
  .login_contents-section .panel-header .header-inner {
    font-size: 22px;
    line-height: 34px;
    letter-spacing: -0.02em;
  }
}

.login_contents-section .form_wrap {
  max-width: 560px;
  margin: 0 auto;
}

.login_contents-section .form_wrap.btn-type{
  max-width: 480px;
  
  /* 23-05-26추가 */
  margin-bottom:60px;
}

.login_contents-section .form_wrap.btn-type .btn_set.tac .btn {
  background: #1D1D22;
}

.login_contents-section .form_wrap.btn-type .btn_set.tac .btn span{
  font-size: 20px;
}

.login_contents-section .form_wrap.btn-type .btn_set.tac .btn:hover{
    background: #1D1D22;
}
@media all and (max-width: 959px) {
  .login_contents-section .form_wrap {
    padding: 0 16px;
  }

  .login_contents-section .form_wrap.btn-type .btn_set.tac .btn span{
    font-size: 16px;
  }
}

.login_contents-section .form_wrap .login_form .error_txt {
  position: static;
}

.login_contents-section .form_wrap .login_form .form_list li {
  margin-top: 12px;
}

.login_contents-section .form_wrap .login_form .form_list li:first-child {
  margin-top: 0;
}

@media all and (max-width: 959px) {
  .login_contents-section .form_wrap .login_form .form_list li {
    margin-top: 10px;
  }
}

.login_contents-section .form_wrap .login_form .id_save-check {
  margin-top: 16px;
}

.login_contents-section .form_wrap .login_form .btn_set.tac {
  margin-top: 24px;
}

@media all and (max-width: 959px) {
  .login_contents-section .form_wrap .login_form .btn_set.tac {
    margin-top: 20px;
  }
}

.login_contents-section .form_wrap .login_form .login_utill {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.login_contents-section .form_wrap .login_form .login_utill a {
  margin: 0 16px;
  position: relative;
  float: left;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

.login_contents-section .form_wrap .login_form .login_utill a::before {
  content: '';
  position: absolute;
  left: -16px;
  top: 50%;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.4);
  transform: translate(0, -50%);
}

.login_contents-section .form_wrap .login_form .login_utill a:first-child::before {
  display: none;
}

.login_contents-section .form_wrap.btn-type .login_form .login_utill a:first-child{
  margin-left:0
}
.login_contents-section .form_wrap.btn-type .login_form .login_utill a:last-child{
  margin-right:0
}
@media all and (max-width: 959px) {
  .login_contents-section .form_wrap .login_form .login_utill {
    margin-top: 20px;
  }
  .login_contents-section .form_wrap .login_form .login_utill a {
    margin: 0 12px;
    font-size: 12px;
    line-height: 17px;
  }
  .login_contents-section .form_wrap .login_form .login_utill a::before {
    left: -12px;
    height: 10px;
  }
}

.login_contents-section .form_wrap .login_form .captcha_wrap {
  border-radius: 6px;
  overflow: hidden;
  margin-top: 20px;
  border: 1px solid #D3D3D3;
}

.login_contents-section .form_wrap .login_form .captcha_wrap img {
  width: 100%;
}

.login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box {
  position: relative;
  padding: 10px 12px 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .check {
  display: inline-flex;
  flex-direction: column-reverse;
  width: 65%;
}

.login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .check .trp.checkbox-box label {
  font-weight: 400;
  font-size: 14px;
  font-family: 'Roboto', helvetica, arial, sans-serif;
}

.login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .check .error_mgs {
  font-size: 12px;
  line-height: 14px;
  color: #F90228;
  font-family: 'Roboto', helvetica, arial, sans-serif;
  margin-bottom: 5px;
}

.login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .captcha_img {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
}

.login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .captcha_img .img {
  text-align: center;
}

.login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .captcha_img .img img {
  width: auto;
}

.login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .captcha_img .img span {
  display: block;
  font-size: 10px;
  font-family: 'Roboto', helvetica, arial, sans-serif;
  letter-spacing: 0.05em;
}

.login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .captcha_img .captcha_link {
  margin-top: 3px;
  font-size: 11px;
  font-family: 'Roboto', helvetica, arial, sans-serif;
}


.login_contents-section .form_wrap.btn-type .login_form .captcha_wrap .captcha_box {
  padding: 6px 8px 6px;
}

.login_contents-section .form_wrap.btn-type .login_form .captcha_wrap .captcha_box .captcha_img .img img {
  width: 24px;
}

.login_contents-section .form_wrap.btn-type .login_form .captcha_wrap .captcha_box .captcha_img .captcha_link{
  margin-top: 1px;
    font-size: 10px;
}

.login_contents-section .form_wrap.btn-type .login_form .captcha_wrap {
  margin-top: 25px;
}

.login_contents-section .form_wrap.btn-type .login_form .btn_set.tac{
  margin-top: 20px;
}

.login_contents-section .form_wrap.btn-type .login_form .login_utill a{
  font-size: 14px;
  line-height: 22px;
}

@media all and (max-width: 959px) {
  .login_contents-section .form_wrap .login_form .captcha_wrap {
    border-radius: 4px;
  }
  .login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box {
    padding: 6px 8px 6px;
  }
  .login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .captcha_img .img {
    text-align: center;
  }
  .login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .captcha_img .img img {
    width: 20px;
  }
  .login_contents-section .form_wrap .login_form .captcha_wrap .captcha_box .captcha_img .captcha_link {
    margin-top: 1px;
    font-size: 10px;
  }

  .login_contents-section .form_wrap.btn-type .login_form .login_utill a {
    margin: 0 12px;
    font-size: 12px;
    line-height: 17px;
  }
  .login_contents-section .form_wrap.btn-type .login_form .login_utill a::before {
    left: -12px;
    height: 10px;
  }
}

.login_contents-section .form_wrap .sns_login {
  margin-bottom: 60px;
}

.login_contents-section .form_wrap .sns_login ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 50px);
  margin-left: -25px;
  margin-top: -40px;
}

.login_contents-section .form_wrap .sns_login ul li {
  text-align: center;
  padding: 0 25px;
  margin-top: 40px;
}

.login_contents-section .form_wrap .sns_login ul li img {
  display: inline-block;
  width: 72px;
}

.login_contents-section .form_wrap .sns_login ul li span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.02em;
  color: rgba(0, 0, 0, 0.6);
  display: block;
  margin-top: 10px;
}

@media all and (max-width: 959px) {
  .login_contents-section .form_wrap .sns_login {
    margin-bottom: 40px;
  }
  .login_contents-section .form_wrap .sns_login ul {
    width: 100%;
    margin-left: 0;
    margin-top: -24px;
  }
  .login_contents-section .form_wrap .sns_login ul li {
    padding: 0 12px;
    margin-top: 24px;
    width: 25%;
  }
  .login_contents-section .form_wrap .sns_login ul li img {
    width: 56px;
  }
  .login_contents-section .form_wrap .sns_login ul li span {
    font-size: 12px;
    line-height: 17px;
    margin-top: 8px;
  }
}

.login_contents-section .form_wrap .sns_login_btn-type{
  margin-bottom: 40px;
}


.login_contents-section .form_wrap .sns_login_btn-type ul{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;
  margin-top: -40px;
}

.login_contents-section .form_wrap .sns_login_btn-type ul li{
  width: 100%;
}

.login_contents-section .form_wrap .sns_login_btn-type ul li:nth-child(1){
  margin-top:40px;
}

.login_contents-section .form_wrap .sns_login_btn-type ul li a{
  width: 480px;
  padding: 19px 20px;
}


@media all and (max-width: 959px) {
  .login_contents-section .form_wrap .sns_login_btn-type{
    margin-bottom: 40px;
  }

  .login_contents-section .form_wrap .sns_login_btn-type ul li a{
    width: 100%;
  }

  .login_contents-section .form_wrap .sns_login_btn-type ul{
    gap: 8px 0;
  }

}


.login_contents-section .form_wrap .login_form + .sns_login_btn-type {
  margin-top: 40px;
}

@media all and (max-width: 959px) {
  .login_contents-section .form_wrap .login_form + .sns_login_btn-type {
    margin-top: 40px;
  }
}


.login_contents-section .form_wrap .btn_set.tac {
  width: 100%;
}

.login_contents-section .form_wrap .btn_set.tac .btn {
  background-color: #F8F8F8;
  width: 100%;
  height: 76px;
}

.login_contents-section .form_wrap .btn_set.tac .btn:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

@media all and (max-width: 959px) {
  .login_contents-section .form_wrap .btn_set.tac .btn {
    height: 60px;
    padding: 17px 25px;
  }
}

.login_contents-section .form_wrap .login_form + .sns_login {
  margin-top: 60px;
}

@media all and (max-width: 959px) {
  .login_contents-section .form_wrap .login_form + .sns_login {
    margin-top: 40px;
  }
}

.login_contents-section .channel_title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 24px;
  margin-top: 60px;
}

.login_contents-section .channel_title strong {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.02em;
  color: rgba(0, 0, 0, 0.6);
}

.login_contents-section .channel_title span {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.4);
  margin-left: 24px;
}

@media all and (max-width: 959px) {
  .login_contents-section .channel_title {
    padding: 20px 36px;
    margin-top: 60px;
    align-items: flex-start;
    flex-direction: column;
  }
  .login_contents-section .channel_title strong {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
  }
  .login_contents-section .channel_title span {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.02em;
    margin-left: 0;
    margin-top: 6px;
  }
}

.login_contents-section .login_channel-wrap {
  width: 100%;
  max-width: 1360px;
  margin: 80px auto 40px;
}

.login_contents-section .login_channel-wrap .login_channel-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 24px);
  margin-left: -12px;
}


.login_contents-section .login_channel-wrap .login_channel-list li {
  float: left;
  width: 200px;
  height: 122px;
  display: inline-block;
  position: relative;
  padding: 0 18px;
  margin: 0 12px;
}

.login_contents-section .login_channel-wrap .login_channel-list li a {
  display: block;
  position: relative;
  height: 100%;
}

.login_contents-section .login_channel-wrap .login_channel-list li img {
  max-width: 100%;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.login_contents-section .login_channel-wrap .login_channel-list li:first-child:nth-last-child(7),
.login_contents-section .login_channel-wrap .login_channel-list li:first-child:nth-last-child(7) ~ li {
  width: 168px;
  height: 112px;
}

.login_contents-section .login_channel-wrap .login_channel-list li:first-child:nth-last-child(8),
.login_contents-section .login_channel-wrap .login_channel-list li:first-child:nth-last-child(8) ~ li {
  width: 144px;
  height: 112px;
}

@media all and (max-width: 959px) {
  .login_contents-section .login_channel-wrap {
    overflow: hidden;
    overflow-x: auto;
    padding: 0 16px;
    margin: 60px auto 80px;
  }
  .login_contents-section .login_channel-wrap .login_channel-list {
    width: auto;
    margin-left: 0;
    /* justify-content: flex-start; */
    flex-wrap: nowrap;
  }
  .login_contents-section .login_channel-wrap .login_channel-list li {
    width: auto;
    height: 80px;
    padding: 0 16px;
    margin: 0 0 0 10px;
  }
  .login_contents-section .login_channel-wrap .login_channel-list li:first-child {
    margin-left: 0;
  }
  .login_contents-section .login_channel-wrap .login_channel-list li a {
    width: 64px;
  }
  .login_contents-section .login_channel-wrap .login_channel-list li:first-child:nth-last-child(7),
  .login_contents-section .login_channel-wrap .login_channel-list li:first-child:nth-last-child(7) ~ li {
    width: auto;
    height: 80px;
  }
  .login_contents-section .login_channel-wrap .login_channel-list li:first-child:nth-last-child(8),
  .login_contents-section .login_channel-wrap .login_channel-list li:first-child:nth-last-child(8) ~ li {
    width: auto;
    height: 80px;
  }
}

.login_contents-section .channel_title + .login_channel-wrap {
  margin-top: 20px;
}

@media all and (max-width: 959px) {
  .login_contents-section .channel_title + .login_channel-wrap {
    margin-top: 0;
  }
}

.member_contents-section {
  overflow: hidden;
  width: 100%;
  min-width: 1360px;
}

.member_contents-section .terms_contents article{
    padding:24px 0
}
.member_contents-section .terms_contents .h1 {
    margin-top:12px;
    font-size: 18px;
}

.member_contents-section .terms_contents .h2 {
    font-size: 15px;
    margin-bottom: 12px;
}

.member_contents-section .terms_contents .txt {
    font-size: 15px;
    line-height: 26px;
}

.member_contents-section .terms_contents .sub_txt {
    font-size: 14px;
    line-height: 20px;
}
.member_contents-section .terms_contents ul li,
.member_contents-section .terms_contents ol li {
    font-size: 15px;
    line-height: 26px;
}
.member_contents-section .terms_contents ul li .mark_dot-list li::after, 
.member_contents-section .terms_contents ol li .mark_dot-list li::after{
    top:12px
}

.member_contents-section .terms_contents .table_terms th{
    font-size: 14px;
    line-height: 20px;
}

.member_contents-section .terms_contents .table_terms td{
  padding: 10px 8px;
}

.member_contents-section .terms_contents .table_terms th, 
.member_contents-section .terms_contents .table_terms td{
  height: 50px
}

.member_contents-section .terms_contents .table_terms em{
  font-weight: 700;
}

.member_contents-section .terms_wrap{
  padding: 24px;
}
@media all and (max-width: 959px) {
  .member_contents-section {
    min-width: 100%;
  }
  .member_contents-section .section-wrap {
    padding-bottom: 0 !important;
  }

  .member_contents-section .terms_contents .table_terms table {
    min-width: 100%;
  }
}

.member_contents-section .panel-header {
  background: #1D1D22;
  text-align: center;
  padding: 60px 0 120px;
}

.member_contents-section .panel-header strong {
  font-weight: 700;
  font-size: 46px;
  line-height: 70px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  display: block;
}

.member_contents-section .panel-header span {
  margin-top: 12px;
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
}

@media all and (max-width: 959px) {
  .member_contents-section .panel-header {
    padding: 50px 16px 50px;
  }
  .member_contents-section .panel-header strong {
    font-size: 22px;
    line-height: 32px;
  }
  .member_contents-section .panel-header span {
    margin-top: 4px;
    font-size: 12px;
    line-height: 17px;
  }
}

.member_contents-section .panel-body .form-section {
  margin: -60px auto 0;
}

@media all and (max-width: 959px) {
  .member_contents-section .panel-body .form-section {
    margin: 0 auto 0;
  }
}


.form-section {
  width: 1096px;
  background: #fff;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 80px 112px 60px;
  margin: 0 auto;
}

@media all and (max-width: 959px) {
  .form-section {
    width: 100%;
    margin: 0 auto 0;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    padding: 40px 16px;
  }
}

.form-section .form_wrap + .form_wrap {
  margin-top: 120px;
}

@media all and (max-width: 959px) {
  .form-section .form_wrap + .form_wrap {
    margin-top: 90px;
  }
}

.form-section .btn_set.btn_set-double {
  margin-top: 60px;
  text-align: center;
}

.form-section .btn_set.btn_set-double .btn_item {
  width: 280px;
  float: none;
  display: inline-block;
}

@media all and (max-width: 959px) {
  .form-section .btn_set.btn_set-double {
    margin-top: 40px;
  }
  .form-section .btn_set.btn_set-double .btn_item {
    width: 50%;
    float: left;
  }
}

.form_header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form_header .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.9);
}

.form_header.block{
  display: block;
}

.form_header.block .desc{
  margin-top: 10px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: -0.01em;
  font-weight: 500;
}

.form_header .top-description {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .form_header {
    align-items: flex-start;
    flex-direction: column;
  }
  .form_header .title {
    font-size: 22px;
    line-height: 32px;
  }
  .form_header .top-description {
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px;
  }
}

.form_body .form_list li {
  margin-top: 40px;
}

.form_body .form_list.no-title li:first-child {
  margin-top: 0px;
}

.form_body .form_list.grid_row-type.text-first-type > li,
.form_body .form_list.grid_row-type.text-first-type > li:first-child{
  margin-top: 48px;
}

@media all and (max-width: 959px) {
  .form_body .form_list.grid_row-type.text-first-type > li,
  .form_body .form_list.grid_row-type.text-first-type > li:first-child{
    margin-top: 56px;
  }
}


.form_body .form_list.text-first-type .input-title.top {
  line-height: 34px;
}

.form_body .form_list.no-title li:first-child {
  margin-top: 0px;
}

.form_body .form_list li .input-title {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.01em;
  color: #000000;
  margin-bottom: 12px;
}

.form_body .form_list li .input-title i {
  color: #F90228;
  margin-left: 4px;
}


.form_body .form_list li .input-title.block{
  display: block;
}

.form_body .form_list li .input-title.block .desc{
  margin-top: 4px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: -0.01em;
  font-size: 14px;
  font-weight: 500;
}

.form_body .form_list li .input-title .info_txt{
  font-size: 14px;
  font-weight: 500;
  margin-left: 10px;
}

.form_body .form_list li .input_btn-box input {
  padding-right: 245px;
}

.form_body .form_list li .input_btn-box input:read-only {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.2);
}

.form_body .form_list li .input_btn-box input:read-only + .input-side .btn:disabled {
  background-color: rgba(29, 29, 34, 0.3);
  border-color: rgba(29, 29, 34, 0.1);
}

.form_body .form_list li .input_btn-box .input-side .btn {
  width: 168px;
}

.form_body .form_list li .input_btn-box .time_box {
  right: 200px;
}

.form_body .form_list li .fe_set-double {
  display: flex;
}

.form_body .form_list li .fe_set-double .input-container {
  width: 50%;
}

.form_body .form_list li .fe_set-double .input-container + .input-container {
  margin-left: 24px;
}


.form_body .form_list li .fe_set-double.phone .input-container:nth-child(1),
.form_body .form_list li .fe_set-double.type02 .input-container:nth-child(1) {
  width: 33.33333333%;
  max-width: 274px;
}

.form_body .form_list li .fe_set-double.phone .input-container:nth-child(2),
.form_body .form_list li .fe_set-double.type02 .input-container:nth-child(2) {
  width: 66.66666667%;
  flex: 1;
}

.form_body .form_list li .fe_set-double.type03 .input-container:nth-child(1) {
  width: 66.66666667%;
}

.form_body .form_list li .fe_set-double.type03 .input-container:nth-child(2) {
  width: 33.33333333%;
  max-width: 274px;
}

.form_body .form_list li .fe_set-double.btn-type .add-btn{
  margin-top: 35px;
}

.form_body .form_list li .fe_set-double.btn-type .add-btn button{
  width: 102px;
  height: 64px;
  margin-left: 24px;
}

.form_body .form_list li .fe_set-double.btn-type .add-btn button img{
  width: 16px;
  height: 16px;
}

@media all and (max-width: 959px) {

  .form_body .form_list li .fe_set-double.type02,
  .form_body .form_list li .fe_set-double.type03 {
    flex-wrap: wrap;
  }

  .form_body .form_list li .fe_set-double.type02 .input-container:nth-child(1),
  .form_body .form_list li .fe_set-double.type02 .input-container:nth-child(2),
  .form_body .form_list li .fe_set-double.type03 .input-container:nth-child(1),
  .form_body .form_list li .fe_set-double.type03 .input-container:nth-child(2) {
    width: 100%;
    max-width: 100%;
  }

  .form_body .form_list li .fe_set-double.type02 .input-container + .input-container{
    margin-left: 0;
    margin-top: 8px;
  }

  .form_body .form_list li .fe_set-double.btn-type{
    width: 100%;
  }

  .form_body .form_list li .fe_set-double.btn-type .add-btn{
    margin-top: 59px;
  }

  .form_body .form_list li .fe_set-double.btn-type .input-container:nth-child(2){
    width: auto;
    max-width: none;
  }
  

  .form_body .form_list li .fe_set-double.btn-type .add-btn button{
    width: 82px;
    height: 56px;
    margin-left: 8px;
  }

  .form_body .form_list li .fe_set-double.btn-type .add-btn button span{
    /* font-size: 12px; */
  }
}

.form_body .form_list li .fe_set-double.calander{
  justify-content: flex-end;
}
.form_body .form_list li .fe_set-double.calander .input-container,
.form_body .form_list li .fe_set-single.calander .input-container{
  position: relative;
}

.form_body .form_list li .fe_set-double.calander .input-container + .input-container::before,
.form_body .form_list li .fe_set-double.single .input-container + .input-container::before{
  content: "~";
  position: absolute; 
  left: -32px;
  top: 50%;
  margin: 0; 
  transform: translateY(-50%);
  font-weight: bold;
}

.form_body .form_list li .fe_set-double.calander .input-container input.hasMonthpicker,
.form_body .form_list li .fe_set-single.calander .input-container input.hasMonthpicker{
  position: relative;
}

.form_body .form_list li .fe_set-double.calander .input-container button.ui-monthpicker-trigger,
.form_body .form_list li .fe_set-single.calander .input-container button.ui-monthpicker-trigger{
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}


.form_body .form_list li .fe_set-double.calander .input-container + .input-container {
  margin-left: 55px;
}

.form_body .form_list li .phone + .input_btn-box {
  margin-top: 16px;
}

.form_body .form_list li .fe_set-triple {
  display: flex;
}

.form_body .form_list li .fe_set-triple .input-container {
  width: 33.33333333%;
}

.form_body .form_list li .fe_set-triple .input-container + .input-container {
  margin-left: 24px;
}

.form_body .form_list li .fe_set-triple.phone .input-container:nth-child(1) {
  width: 23.33333333%;
  max-width: 274px;
}

.form_body .form_list li .fe_set-triple.phone .input-container:nth-child(2) {
  width: 15%;
}

.form_body .form_list li .fe_set-triple.phone .input-container:nth-child(3) {
  width: 61.66666667%;
}

.form_body .form_list li .fe_set-triple.sex_selection .input-container {
  border-radius: 6px;
  overflow: hidden;
  padding: 16px;
  background: rgba(0, 0, 0, 0.04);
}
/* 성별 */
.form_body .form_list li .fe_set-triple.sex_selection .input-container .trp.radio-box.type2 {
  display: block;
}

.form_body .form_list li .fe_set-triple.sex_selection .input-container .trp.radio-box.type2 label {
  color: rgba(0, 0, 0, 0.1);
  display: block;
}

.form_body .form_list li .fe_set-triple.sex_selection .input-container.on_check {
  background: #1D1D22;
}

.form_body .form_list li .fe_set-triple.sex_selection .input-container.on_check .trp.radio-box.type2 label {
  color: #fff;
}

.form_body .form_list li .fe_set-triple.video{

}

.form_body .form_list li .fe_set-triple.video .input-container label{
  display: block;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.form_body .form_list li .fe_set-triple.video .input-container{
  width: 41%;
}

.form_body .form_list li .fe_set-triple.video .input-container:nth-child(1){
  width: 18%;
}

@media all and (max-width: 959px) {
  .form_body .form_list li .fe_set-triple.video .input-container{
    width: 38%;
  }

  .form_body .form_list li .fe_set-triple.video .input-container:nth-child(1){
    width: 24%;
  }
}
.form_body .form_list li .address .input_btn-box + input,
.form_body .form_list li .address .input_btn-box + .fe_set-double,
.form_body .form_list li .address .fe_set-double + .fe_set-double,
.form_body .form_list li .address input + .fe_set-double,
.form_body .form_list li .address input + input,
.form_body .form_list li .address + .info_desc {
  margin-top: 16px;
}

.form_body .form_list li .address + .info_desc .mark_dot-list li {
  margin-top: 0;
  color: rgba(0, 0, 0, 0.6);
}

.form_body .form_list li .address + .info_desc .mark_dot-list li:after {
  top: 11px;
  width: 4px;
  height: 4px;
}

.form_body .form_list li .address + .info_desc .mark_dot-list li em {
  text-decoration: underline;
  color: black;
}

.form_body .form_list li .select-box + .textarea-box {
  margin-top: 10px;
}

.form_body .top-description.mark_dot{
  position: relative;
  padding-left: 7px;
}
.form_body .top-description.mark_dot::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
  width: 3px;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 100%;
}

@media all and (max-width: 959px) {
  .form_body .form_list li {
    margin-top: 32px;
  }
  .form_body .form_list li .input-title {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 10px;
  }

  .form_body .form_list li .input-title .info_txt{
    display: block;
    font-size: 12px;
    margin-left: 0px;
    margin-top: 4px;
  }

  .form_body .form_list li .input_btn-box input {
    padding-right: 100px;
  }
  .form_body .form_list li .input_btn-box .input-side .btn {
    width: 80px;
    padding-left: 0;
    padding-right: 0;
  }
  .form_body .form_list li .input_btn-box .time_box {
    right: 107px;
  }
  .form_body .form_list li .fe_set-double .input-container + .input-container {
    margin-left: 8px;
  }
  .form_body .form_list li .fe_set-double.phone {
    flex-wrap: wrap;
  }
  .form_body .form_list li .fe_set-double.phone .input-container:nth-child(1) {
    width: 100%;
    max-width: 100%;
  }
  .form_body .form_list li .fe_set-double.phone .input-container:nth-child(2) {
    width: 100%;
    margin: 8px 0 0 0;
  }

  .form_body .form_list li .fe_set-triple.phone {
    flex-wrap: wrap;
  }

  .form_body .form_list li .fe_set-triple.phone .input-container:nth-child(1) {
    width: calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
  
  .form_body .form_list li .fe_set-triple.phone .input-container:nth-child(2) {
    width: calc(50% - 4px);
  }
  
  .form_body .form_list li .fe_set-triple.phone .input-container:nth-child(3) {
    width: 100%;
    margin: 8px 0 0 0;
  }
  .form_body .form_list li .fe_set-double + .input_btn-box {
    margin-top: 8px;
  }
  .form_body .form_list li .fe_set-triple .input-container + .input-container {
    margin-left: 8px;
  }
  .form_body .form_list li .fe_set-triple.sex_selection .input-container {
    border-radius: 4px;
    padding: 16px 10px;
    display: flex;
  }
  .form_body .form_list li .fe_set-triple.sex_selection .input-container .trp.radio-box.type2 {
    display: block;
    padding-left: 26px;
    min-width: 50px;
    margin: 0 auto;
  }
  .form_body .form_list li .fe_set-triple.sex_selection .input-container .trp.radio-box.type2 label {
    font-size: 14px;
    line-height: 24px;
  }
  .form_body .form_list li .address .input_btn-box + input,
  .form_body .form_list li .address .input_btn-box + .fe_set-double,
  .form_body .form_list li .address .fe_set-double + .fe_set-double,
  .form_body .form_list li .address input + .fe_set-double,
  .form_body .form_list li .address input + input {
    margin-top: 8px;
  }
  .form_body .form_list li .address + .info_desc {
    margin-top: 16px;
  }
  .form_body .form_list li .address + .info_desc .mark_dot-list li:after {
    top: 9px;
  }
  .form_body .form_list li .address.global .fe_set-double {
    flex-direction: column;
  }
  .form_body .form_list li .address.global .fe_set-double .input-container {
    width: 100%;
  }
  .form_body .form_list li .address.global .fe_set-double .input-container:last-child {
    margin-top: 8px;
    margin-left: 0;
  }
  .form_body .form_list li .addfile .info_txt {
    margin-top: 0;
    margin-bottom: 12px;
  }
  .form_body .form_list li .addfile .file-btn-box .file-btn {
    width: 100%;
  }
  .form_body .form_list li .addfile .file-btn-box .file-btn .btn {
    width: 100%;
  }
  .form_body .form_list li .addfile .file-btn-box .file-btn .btn span {
    font-size: 15px;
    font-weight: 700;
  }
  .form_body .form_list li .addfile .file-list-box .file-item .file_name {
    font-size: 14px;
    line-height: 20px;
  }
  .form_body .form_list li .addfile .file-list-box .file-item .btn_del i {
    font-size: 12px;
  }
  .form_body .form_list li .select-box + .textarea-box {
    margin-top: 8px;
  }

  .form_body .form_list li .fe_set-double.calander .input-container + .input-container::before{
    left: -24px;
  }

  .form_body .form_list li .fe_set-double.calander .input-container + .input-container {
    margin-left: 38px;
  }

  .form_body .form_list li .m-block{
    display: block;
  }

  .form_body .form_list li .m-block .input-container{
    width: 100%
  }

  .form_body .form_list li .m-block .input-container + .input-container{
    margin:32px 0 0;
  }
}

.terms_contents-wrap .form_header {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

@media all and (max-width: 959px) {
  .terms_contents-wrap .form_header {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .terms_contents-wrap .form_header .title {
    font-size: 18px;
    line-height: 26px;
  }
  .terms_contents-wrap .form_header .top-description {
    width: 100%;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 16px 14px;
    margin-top: 24px;
  }
}

.terms_contents-wrap .terms_box {
  margin-top: 40px;
}

.terms_contents-wrap .terms_box .tit {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #000000;
  margin-bottom: 16px;
}

.terms_contents-wrap .terms_box .terms_wrap {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  max-height: 290px;
}

.terms_contents-wrap .terms_box .terms_wrap .cont {
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

.terms_contents-wrap .terms_box .radio_chk-box {
  margin-top: 20px;
}

@media all and (max-width: 959px) {


  .terms_contents-wrap .terms_box .tit {
    font-size: 15px;
    font-weight : 700;
    margin-bottom: 10px;
  }
  .terms_contents-wrap .terms_box .terms_wrap {
    border-radius: 4px;
    max-height: 210px;
  }
  .terms_contents-wrap .terms_box .terms_wrap .cont {
    font-size: 14px;
    line-height: 22px;
  }
  .terms_contents-wrap .terms_box .radio_chk-box {
    margin-top: 16px;
  }
  .terms_contents-wrap .terms_box .radio_chk-box .trp.radio-box label {
    font-weight: 500;
  }
}

.terms_contents-wrap .terms_box + .terms_box {
  margin-top: 60px;
}

@media all and (max-width: 959px) {
  .terms_contents-wrap .terms_box + .terms_box {
    margin-top: 60px;
  }
}

.terms_contents-wrap.customer .terms_box .tit {
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
}

@media all and (max-width: 959px) {
  .terms_contents-wrap.customer .terms_box .tit {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}

.form_wrap + .terms_contents-wrap {
  margin-top: 120px;
}

@media all and (max-width: 959px) {
  .form_wrap + .terms_contents-wrap {
    margin-top: 90px;
  }
}


.terms_contents-wrap .terms_box.omni .omni_tit-wrap{
  display: flex;
  justify-content: space-between;

}

.terms_contents-wrap .terms_box.omni .terms_wrap{
  max-height: 160px;
}


.terms_contents-wrap .terms_box.omni{
  position: relative;
}

.terms_contents-wrap .terms_box.omni .agree_wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.terms_contents-wrap .terms_box.omni .agree_wrap .tit{
  margin-bottom: 0;
  font-size: 16px;
  max-width: 550px;
  display: flex;
  align-items: center;
}

.terms_contents-wrap .terms_box.omni .tit a.link_line{
  display: inline-block;
  vertical-align: top;
  margin-left: 14px;
  font-size: 15px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  text-decoration-color: rgba(0, 0, 0, 0.6);
  min-width: fit-content;
}

.terms_contents-wrap .terms_box.omni .radio_chk-box{
  margin-top: 0;
}

.terms_contents-wrap .terms_box.omni .radio_chk-box .radio-box + .radio-box{
  margin-left: 32px;
}


@media all and (max-width: 959px) {
  .terms_contents-wrap .terms_box.omni .omni_tit-wrap{
    display: block;
    margin-bottom: 40px;
  }
  .terms_contents-wrap .terms_box.omni .omni_tit-wrap .tit{
    margin-bottom: 0;
  }
  .terms_contents-wrap .terms_box.omni .agree_wrap{
    margin-top: 32px;
    padding: 0 24px;
    border-bottom: 0;
  }
  
  .terms_contents-wrap .terms_box.omni .agree_wrap .tit{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    word-break: break-all;
  }
  .terms_contents-wrap .terms_box.omni{
    border-bottom: 0;
    padding: 0;
  }

  .terms_contents-wrap .terms_box.omni .tit{
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
  }
  .terms_contents-wrap .terms_box.omni .tit a.link_line {
    font-size: 12px;
  }
  .terms_contents-wrap .terms_box.omni .radio_chk-box{
    margin-top: 12px;
  }

  .terms_contents-wrap .terms_box.omni .top-description {
    width: 100%;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    padding: 16px 14px;
    margin-top: 10px;
  }
}



.check_directronic {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 40px 24px 32px;
  border-radius: 0 6px 6px 6px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 24px;
}

.check_directronic::before {
  content: '';
  position: absolute;
  left: -1px;
  top: -9px;
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -46px -168px;
  width: 12px;
  height: 10px;
}

.check_directronic .txt {
  max-width: 80%;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.01em;
  color: #000000;
}

@media all and (max-width: 959px) {
  .check_directronic {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 24px 24px 24px;
    border-radius: 0 4px 4px 4px;
    margin-top: 26px;
  }
  .check_directronic .txt {
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
  }
}

.check_life_member {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 40px;
  margin-top: 60px;
}

.check_life_member .txt {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
  max-width: 80%;
}

.check_life_member .txt span {
  font-weight: 700;
  text-decoration-line: underline;
  color: #000;
}

@media all and (max-width: 959px) {
  .check_life_member {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 24px 24px 24px;
    border-radius: 0 4px 4px 4px;
    margin-top: 32px;
  }
  .check_life_member .txt {
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
  }
}

.form_wrap + .btn_set.tac,
.terms_contents-wrap + .btn_set.tac {
  margin-top: 60px;
}

.form_wrap + .btn_set.tac .btn,
.terms_contents-wrap + .btn_set.tac .btn {
  width: 320px;
  height: 90px;
}

@media all and (max-width: 959px) {
  .form_wrap + .btn_set.tac,
  .terms_contents-wrap + .btn_set.tac {
    margin-top: 40px;
  }
  .form_wrap + .btn_set.tac .btn,
  .terms_contents-wrap + .btn_set.tac .btn {
    width: 100%;
    height: 60px;
  }
}

.mb_info-section {
  /*안내*/
  /*회원가입 결과 안내*/
  /*아이디_비밀번호 찾기*/
}

.mb_info-section .c-red {
  color: #F90228;
}

.mb_info-section .c-black {
  color: #000;
}

.mb_info-section .section-wrap {
  background-color: rgba(0, 0, 0, 0.05);
  padding-top: 70px !important;
}

@media all and (max-width: 959px) {
  .mb_info-section .section-wrap {
    padding-top: 32px !important;
  }
}

.mb_info-section .mb_info_wrap {
  width: 100%;
  max-width: 720px;
  margin: auto;
  padding: 80px 80px 48px;
  border-radius: 12px;
  background-color: #fff;
}

.mb_info-section .mb_info_wrap .title-area {
  text-align: left;
}

.mb_info-section .mb_info_wrap .title-area .title {
  color: #000;
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.mb_info-section .mb_info_wrap .title-area .desc {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.mb_info-section .mb_info_wrap .title-area .title + .desc {
  margin-top: 12px;
}

.mb_info-section .mb_info_wrap .btn-area .btn_set {
  margin-top: 48px;
}

.mb_info-section .mb_info_wrap .btn-area .btn_set .btn {
  width: 100%;
  max-width: 310px;
  height: 76px;
}

.mb_info-section .mb_info_wrap .btn-area .btn_set.btn_set-double .btn {
  max-width: 280px;
}

.mb_info-section .mb_info_wrap .btn-area .btn_set.btn_set-double .btn_item:first-child {
  text-align: right;
  padding-right: 5px;
}

.mb_info-section .mb_info_wrap .btn-area .btn_set.btn_set-double .btn_item:last-child {
  text-align: left;
  padding-right: 5px;
}

.mb_info-section .mb_info_wrap .content-area .info_dormant-box {
  margin-top: 50px;
  color: #000;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.mb_info-section .mb_info_wrap .content-area .info_dormant-box p + input {
  margin-top: 20px;
}

.mb_info-section .mb_info_wrap .content-area .form_body {
  margin-top: 48px;
}

.mb_info-section .mb_info_wrap .content-area .form_body .form_list li:first-child {
  margin-top: 0;
}

.mb_info-section .mb_info_wrap + .mark_dot-list {
  width: 100%;
  max-width: 720px;
  margin: 16px auto 0;
}

.mb_info-section .mb_info_wrap + .mark_dot-list li {
  color: rgba(0, 0, 0, 0.6);
}

.mb_info-section .mb_info_wrap + .mark_dot-list li .link_line {
  font-weight: 500;
  color: black;
}

@media all and (max-width: 959px) {
  .mb_info-section .mb_info_wrap {
    padding: 40px 20px 40px;
    border-radius: 4px;
  }
  .mb_info-section .mb_info_wrap .title-area {
    text-align: left;
  }
  .mb_info-section .mb_info_wrap .title-area .title {
    font-size: 18px;
    line-height: 26px;
  }
  .mb_info-section .mb_info_wrap .title-area .desc {
    font-size: 14px;
    line-height: 20px;
  }
  .mb_info-section .mb_info_wrap .title-area .title + .desc {
    margin-top: 6px;
  }
  .mb_info-section .mb_info_wrap .btn-area .btn_set {
    margin-top: 32px;
  }
  .mb_info-section .mb_info_wrap .btn-area .btn_set .btn {
    max-width: 160px;
    height: 60px;
  }
  .mb_info-section .mb_info_wrap .btn-area .btn_set.btn_set-double .btn {
    max-width: 100%;
  }
  .mb_info-section .mb_info_wrap .btn-area .btn_set.btn_set-double .btn_item:first-child {
    padding-right: 4px;
  }
  .mb_info-section .mb_info_wrap .btn-area .btn_set.btn_set-double .btn_item:last-child {
    padding-right: 4px;
  }
  .mb_info-section .mb_info_wrap .content-area .info_dormant-box {
    margin-top: 32px;
    font-size: 14px;
    line-height: 20px;
  }
  .mb_info-section .mb_info_wrap .content-area .info_dormant-box p + input {
    margin-top: 12px;
  }
  .mb_info-section .mb_info_wrap .content-area .form_body {
    margin-top: 32px;
  }
  .mb_info-section .mb_info_wrap .content-area .form_body .form_list li {
    margin-top: 20px;
  }
}










.mb_info-section .mb_info_wrap.join_result,
.mb_info-section .mb_info_wrap.reset_pwd{
  max-width: 812px;
  padding: 40px 60px 48px;
}

.mb_info-section .mb_info_wrap.join_result .title-area,
.mb_info-section .mb_info_wrap.reset_pwd .title-area {
  text-align: center;
}

.mb_info-section .mb_info_wrap.join_result .title-area .ico,
.mb_info-section .mb_info_wrap.reset_pwd .title-area .ico {
  display: inline-block;
  width: 120px;
  height: 120px;
}

.mb_info-section .mb_info_wrap.join_result .title-area .ico img {
  width: 100%;
}

.mb_info-section .mb_info_wrap.join_result .title-area .title,
.mb_info-section .mb_info_wrap.reset_pwd .title-area .title {
  color: #000;
  font-size: 38px;
  line-height: 54px;
  letter-spacing: -0.03em;
}

.mb_info-section .mb_info_wrap.join_result .title-area .desc,
.mb_info-section .mb_info_wrap.reset_pwd .title-area .desc {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
}

.mb_info-section .mb_info_wrap.join_result .title-area .ico + .title,
.mb_info-section .mb_info_wrap.reset_pwd .title-area .ico + .title {
  margin-top: 10px;
}

.mb_info-section .mb_info_wrap.join_result .title-area .title + .desc,
.mb_info-section .mb_info_wrap.reset_pwd .title-area .title + .desc {
  margin-top: 10px;
}

.mb_info-section .mb_info_wrap.join_result .content-area {
  margin-top: 32px;
}

.mb_info-section .mb_info_wrap.join_result .content-area .info_text-box {
  padding: 32px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

.mb_info-section .mb_info_wrap.join_result .content-area .mark_dot-list li {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}

.mb_info-section .mb_info_wrap.join_result .content-area .mark_dot-list li + li {
  margin-top: 10px;
}

@media all and (max-width: 959px) {
  .mb_info-section .mb_info_wrap.join_result,
  .mb_info-section .mb_info_wrap.reset_pwd {
    padding: 50px 20px 50px;
  }
  .mb_info-section .mb_info_wrap.join_result .title-area .ico,
  .mb_info-section .mb_info_wrap.reset_pwd .title-area .ico {
    width: 80px;
    height: 80px;
  }
  .mb_info-section .mb_info_wrap.join_result .title-area .title,
  .mb_info-section .mb_info_wrap.reset_pwd .title-area .title {
    font-size: 24px;
    line-height: 38px;
  }
  .mb_info-section .mb_info_wrap.join_result .title-area .desc,
  .mb_info-section .mb_info_wrap.reset_pwd .title-area .desc {
    font-size: 16px;
    line-height: 28px;
  }
  .mb_info-section .mb_info_wrap.join_result .title-area .ico + .title,
  .mb_info-section .mb_info_wrap.reset_pwd .title-area .ico + .title {
    margin-top: 16px;
  }
  .mb_info-section .mb_info_wrap.join_result .content-area {
    margin-top: 24px;
  }
  .mb_info-section .mb_info_wrap.join_result .content-area .info_text-box {
    padding: 20px;
    font-size: 12px;
    line-height: 20px;
  }
  .mb_info-section .mb_info_wrap.join_result .content-area .mark_dot-list li {
    font-size: 12px;
    line-height: 20px;
  }
  .mb_info-section .mb_info_wrap.join_result .content-area .mark_dot-list li + li {
    margin-top: 4px;
  }
  .mb_info-section .mb_info_wrap.join_result .btn-area .btn_set,
  .mb_info-section .mb_info_wrap.reset_pwd .btn-area .btn_set {
    margin-top: 24px;
  }
}

.mb_info-section .mb_info_wrap.reset_pwd .title-area .ico img{
  width: 75%;
}

.mb_info-section .mb_info_wrap.find {
  padding: 60px 80px 48px;
}

.mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list {
  position: relative;
  padding-top: 80px;
}

.mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li .btn-box {
  position: absolute;
  top: 0;
  width: 50%;
  height: 80px;
  overflow: hidden;
}

.mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li .btn-box .btn_tab {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f8;
  color: rgba(0, 0, 0, 0.4);
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.02em;
}

.mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li .con-box {
  display: none;
}

.mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li:nth-child(1) .btn-box {
  left: 0;
  border-radius: 6px 0px 0px 6px;
}

.mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li:nth-child(2) .btn-box {
  left: 50%;
  border-radius: 0px 6px 6px 0px;
}

.mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li.on .btn-box .btn_tab {
  background-color: #000;
  color: #fff;
  font-weight: 700;
}

.mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li.on .con-box {
  display: block;
}

.mb_info-section .mb_info_wrap.find .tab_cont-wrap .title-area {
  margin-top: 48px;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap {
  margin-top: 48px;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_con {
  padding: 24px;
  background-color: #F8F8F8;
  border-radius: 6px;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_con .sns-list {
  display: flex;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_con .sns-list li {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_con .sns-list li img {
  width: 100%;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_con .sns-list li + li {
  margin-left: 6px;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_con .sns-list li.google_line {
  border: 1px solid rgba(0, 0, 0, 0.14);
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_con .mb_id {
  display: block;
  color: #000;
  font-size: 24px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_con .sns-list + .mb_id {
  margin-top: 6px;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_con + .result_con {
  margin-top: 10px;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_con + .info_text {
  margin-top: 16px;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .info_text {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.02em;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .info_sub {
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  margin-bottom: 4px;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_email {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_email .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_email .icon img {
  width: 100%;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_email .txt {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.01em;
  color: #000;
}

.mb_info-section .mb_info_wrap.find .find_result-wrap .result_email .icon + .txt {
  margin-left: 6px;
}

@media all and (max-width: 959px) {
  .mb_info-section .mb_info_wrap.find {
    padding: 24px 20px 40px;
  }
  .mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list {
    padding-top: 46px;
  }
  .mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li .btn-box {
    height: 46px;
  }
  .mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li .btn-box .btn_tab {
    font-size: 14px;
    line-height: 26px;
  }
  .mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li:nth-child(1) .btn-box {
    border-radius: 4px 0px 0px 4px;
  }
  .mb_info-section .mb_info_wrap.find .tab_content-area .tab_content-list li:nth-child(2) .btn-box {
    border-radius: 0px 4px 4px 0px;
  }
  .mb_info-section .mb_info_wrap.find .tab_cont-wrap .title-area {
    margin-top: 32px;
  }
  .mb_info-section .mb_info_wrap.find .find_result-wrap {
    margin-top: 32px;
  }
  .mb_info-section .mb_info_wrap.find .find_result-wrap .result_con {
    padding: 20px;
  }
  .mb_info-section .mb_info_wrap.find .find_result-wrap .result_con .mb_id {
    font-size: 16px;
    line-height: 28px;
  }
  .mb_info-section .mb_info_wrap.find .find_result-wrap .result_con + .info_text {
    margin-top: 10px;
  }
  .mb_info-section .mb_info_wrap.find .find_result-wrap .info_text {
    font-size: 14px;
    line-height: 20px;
  }
  .mb_info-section .mb_info_wrap.find .find_result-wrap .info_sub {
    font-size: 12px;
    margin-bottom: 2px;
  }
  .mb_info-section .mb_info_wrap.find .find_result-wrap .result_email {
    margin-bottom: 20px;
  }
  .mb_info-section .mb_info_wrap.find .find_result-wrap .result_email .txt {
    font-size: 12px;
    line-height: 17px;
  }
}


.mb_info-section .sns_login_btn-type{
  padding-top: 48px;
}

.mb_info-section .sns_login_btn-type ul li a{
  padding: 19px 20px;
}

/* 
theme-light
theme-dark
*/
.customer-section .section-wrap {
  padding-top: 60px !important;
}

.customer-section .section-wrap > .section-inner {
  width: 1136px !important;
}

@media all and (max-width: 959px) {
  .customer-section .section-wrap > .section-inner {
    width: 100% !important;
    padding: 0 !important;
  }
  .customer-section .section-wrap > .section-inner .panel-header {
    padding: 0 16px 18px !important;
  }
}

@media all and (max-width: 959px) {
  .customer-section .section-wrap {
    padding: 45px 0px !important;
  }
}

.customer-completion {
  margin: 80px 0 240px;
  min-width: 600px;
}

.customer-completion .con-inner {
  text-align: center;
}

.customer-completion .title {
  font-size: 38px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.02em;
  text-align: center;
  margin-top: 10px;
  color: #1D1D22;
}

.customer-completion .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);
}

.customer-completion .btn_bottom {
  margin-top: 60px;
  text-align: center;
}

.customer-completion .btn_bottom .btn {
  width: 193px;
}

@media all and (max-width: 959px) {
  .customer-completion {
    min-width: 100%;
    padding: 0 16px;
    margin: 50px 0 170px;
  }
  .customer-completion .con-inner img {
    width: 110px;
    height: 110px;
  }
  .customer-completion .title {
    font-size: 24px;
    line-height: 38px;
  }
  .customer-completion .desc {
    margin: 12px auto 0;
    font-size: 14px;
    line-height: 22px;
  }
  .customer-completion .btn_bottom {
    margin-top: 40px;
  }
  .customer-completion .btn_bottom .btn {
    width: 180px;
  }
}

/* 
theme-light
theme-dark
*/
/* 입력폼 grid_row-type */
.form_list.grid_row-type .btn.btn_black,
.form_list.grid_row-type .input_btn-box input:read-only + .input-side .btn {
  background-color: #1F1F69 !important;
}

.form_list.grid_row-type .btn.btn_black:disabled,
.form_list.grid_row-type .input_btn-box input:read-only + .input-side .btn:disabled {
  opacity: 0.4 !important;
}

.form_list.grid_row-type input[type="text"], .form_list.grid_row-type input[type="password"], .form_list.grid_row-type input[type="number"], .form_list.grid_row-type input[type="tel"], .form_list.grid_row-type input[type="url"], .form_list.grid_row-type input[type="email"], .form_list.grid_row-type input[type="search"] {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
}

.form_list.grid_row-type .select-box .select2-container--default .select2-selection--single {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
}

.form_list.grid_row-type .select-box.b-black .select2-container--default .select2-selection--single {
  border-color: rgba(0, 0, 0, 1);
}

.form_list.grid_row-type .select-box .select2-container--default.select2-container--disabled .select2-selection--single {
  border: none;
  overflow: hidden;
}

.form_list.grid_row-type .select-box .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.04);
}

/* .select2-container--default .select2-results__option[aria-disabled=true] {
  display: none;
} */

.form_list.grid_row-type .trp.radio-box label {
  font-weight: 500;
}

.form_list.grid_row-type > li {
  position: relative;
  padding-left: 151px;
  margin-top: 32px;
}

.form_list.grid_row-type > li:first-child {
  margin-top: 0;
}

.form_list.grid_row-type > li .fe_set-double.phone .input-container + .input-container {
  margin-left: 12px;
}

.form_list.grid_row-type > li .fe_set-double.phone .input-container:nth-child(1) {
  width: 30%;
}

.form_list.grid_row-type > li .fe_set-double.phone .input-container:nth-child(2) {
  width: calc(70% - 12px);
}

.form_list.grid_row-type > li .phone + .input_btn-box {
  margin-top: 12px;
}

.form_list.grid_row-type > li .address input:read-only {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #000;
}

.form_list.grid_row-type > li .address .input_btn-box + input,
.form_list.grid_row-type > li .address input + input,
.form_list.grid_row-type > li .address + .info_desc {
  margin-top: 12px;
}

.form_list.grid_row-type > li .form-multi-list .select-box + div,
.form_list.grid_row-type > li .form-multi-list .select-box + div + div,
.form_list.grid_row-type > li .form-multi-list .select-box + div + div + div,
.form_list.grid_row-type > li .form-multi-list .select-box + div + div + div + div,
.form_list.grid_row-type > li .form-multi-list .calander + div > input{
  margin-top: 12px;
}

.form_list.grid_row-type > li .radio_chk-box.title-type.__first,
.form_list.grid_row-type > li .form-multi-list .toggleSwitch-wrap.__first{
  margin-bottom: 24px;
}

@media all and (max-width: 959px) {
  .form_list.grid_row-type > li .radio_chk-box.title-type.__first,
  .form_list.grid_row-type > li .form-multi-list .toggleSwitch-wrap.__first{
    margin-bottom: 16px;
  }
}

.form_list.grid_row-type > li .form-multi-list .toggleSwitch-wrap.h64{
  height: 64px;
}

.form_list.grid_row-type > li .form-multi-list .row_input-box input + input,
.form_list.grid_row-type > li .form-multi-list .input_gap{
  margin-top: 12px;
}

.form_list.grid_row-type > li .toggleSwitch-wrap + .form-multi-list > .row_input-box{
  margin-top: 12px;
}


.form_list.grid_row-type > li .input-title {
  position: absolute;
  left: 0;
  top: 0;
  margin-bottom: 0px;
  display: flex;
  width: 151px;
  height: 100%;
  max-height: 64px;
  align-items: center;
}

.form_list.grid_row-type > li .input-title.top {
  height: auto;
}

.form_list.grid_row-type > li input:read-only {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.04);
  border: none;
}

.form_list.grid_row-type > li input.readonly-white:read-only {
  color: #000 !important;
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.form_list.grid_row-type > li .input_btn-box input {
  padding-right: 122px;
}

.form_list.grid_row-type > li .input_btn-box input.valueCheck {
  padding-right: 168px;
}

.form_list.grid_row-type > li .input_btn-box .time_box {
  right: 132px;
}

.form_list.grid_row-type > li .input_btn-box .input-side .btn {
  width: 108px;
  height: 48px;
}

.form_list.grid_row-type > li .w-size1 {
  /*width:223px;*/
  width: 44.51%;
}

.form_list.grid_row-type > li .w-size2 {
  /*width:381px;*/
  width: 76.04%;
}

.form_list.grid_row-type > li .radio_chk-box .radio-box + .radio-box,
.form_list.grid_row-type > li .radio_chk-box .checkbox-box + .checkbox-box {
  margin-left: 40px;
}

.form_list.grid_row-type > li textarea:read-only {
  color: rgba(0, 0, 0, 0.3);
}


.form_list.grid_row-type > li .toggleSwitch-wrap{
  display: flex;
}

.form_list.grid_row-type > li .toggleSwitch {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #000;
  cursor: pointer;
}

.form_list.grid_row-type > li .toggleSwitch label{
  cursor: pointer;
  margin-right: 8px;
}

.form_list.grid_row-type > li .toggleSwitch + .toggleSwitch{
  margin-left: 40px;
}

.form_list.grid_row-type > li .toggleSwitch [type="checkbox"] {
  appearance: none;
  position: relative;
  width: 46px;
  height: 28px;
  border-radius: 28px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.form_list.grid_row-type > li .toggleSwitch [type="checkbox"]::before {
  content: "";
  position: absolute;
  left: 3px;
  top:3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  transition: left 250ms linear;
  box-shadow: 0px 2px 6px 0px #0000000D;
}

.form_list.grid_row-type > li .toggleSwitch [type="checkbox"]:checked {
  background-color: #FF8B00;
}

.form_list.grid_row-type > li .toggleSwitch [type="checkbox"]:checked::before {
  background-color: white;
  left: 21px;
}
/* .form_list.grid_row-type > li .toggleSwitch [type="checkbox"]:read-only{
  background-color: rgba(0, 0, 0, 0.2);
} */
.form_list.grid_row-type > li .toggleSwitch [type="checkbox"]:disabled {
  border-color: rgba(0, 0, 0, 0.04);
  cursor: not-allowed;
}

.form_list.grid_row-type > li .toggleSwitch [type="checkbox"]:disabled:before {
  border-color: rgba(0, 0, 0, 0.04);
}

.form_list.grid_row-type > li .toggleSwitch [type="checkbox"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}

.form_list > li .form_subdep3{
  margin-top: 24px;
}

.form_list > li .form_subdep3 .s-tit{
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  padding-bottom: 12px;
  color: #000;
}

.form_list.grid_row-type > li .form_subdep3{
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 16px 0 0 20px;
  margin-top: 16px;
}

.form_list.grid_row-type > li .form_subdep3 .s-tit{
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  padding-bottom: 6px;
  color: #000;
}

.form_list > li .form_subdep3 .item + .item{
  margin-top: 32px;
}

.form_list.grid_row-type > li .radio_chk-box.title-type + .title-type{
  margin-top: 32px;
}

.form_list.grid_row-type > li .radio_chk-box.title-type .s-tit{
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}




@media all and (max-width: 959px) {
  .form_list > li .form_subdep3{
    margin-top: 16px;
  }
  
  .form_list > li .form_subdep3 .s-tit{
    font-size: 12px;
  }
  
  .form_list > li.col-type .form_subdep3 .item + .item{
    margin-top: 24px;
  }

  .form_list.grid_row-type > li.col-type.h30 .input-title{
    height: 30px; 
  }

  .form_list.grid_row-type > li.col-type .form_subdep3{
    margin-left: -151px;
  }
  
  .form_list.grid_row-type > li .form_subdep3{
    padding: 24px 0 0;
    margin-top: 24px;
  }

}

@media all and (max-width: 959px) {
  .form_list.grid_row-type {
    margin-top: 8px;
  }
  .form_list.grid_row-type > li {
    padding-left: 0px;
    margin-top: 32px;
  }
  .form_list.grid_row-type > li .fe_set-double.phone .input-container + .input-container {
    margin-left: 9px;
    margin-top: 0;
  }
  .form_list.grid_row-type > li .fe_set-double.phone .input-container:nth-child(1) {
    width: 30%;
  }
  .form_list.grid_row-type > li .fe_set-double.phone .input-container:nth-child(2) {
    width: calc(70% - 9px);
  }
  .form_list.grid_row-type > li .phone + .input_btn-box {
    margin-top: 8px;
  }
  .form_list.grid_row-type > li .address .input_btn-box + input,
  .form_list.grid_row-type > li .address input + input {
    margin-top: 8px;
  }
  .form_list.grid_row-type > li .address + .info_desc {
    margin-top: 16px;
  }

  .form_list.grid_row-type > li .input-title {
    position: relative;
    margin-bottom: 7px;
    width: 100%;
    height: auto;
    max-height: none;
    font-size: 14px;
    line-height: 20px;
  }
  .form_list.grid_row-type > li .input_btn-box input {
    padding-right: 94px;
  }
  .form_list.grid_row-type > li .input_btn-box input.valueCheck {
    padding-right: 143px;
  }
  .form_list.grid_row-type > li .input_btn-box .time_box {
    right: 107px;
  }
  .form_list.grid_row-type > li .input_btn-box .input-side .btn {
    width: 81px;
    height: 44px;
  }
  .form_list.grid_row-type > li .w-size1,
  .form_list.grid_row-type > li .w-size2 {
    width: 100%;
  }

  .form_list.grid_row-type > li .radio_chk-box {
    padding-top: 6px;
  }
  .form_list.grid_row-type > li .radio_chk-box .radio-box + .radio-box,
  .form_list.grid_row-type > li .radio_chk-box .checkbox-box + .checkbox-box {
    margin-left: 24px;
  }

  .form_list.grid_row-type > li .modify.form-multi-list .fe_set-double.m-block,{
    display: block;
  } 

  .form_list.grid_row-type > li .modify.form-multi-list .fe_set-double.m-block .input-container + .input-container{
    margin-left: 0;
    margin-top: 12px;
  }

  .form_list.grid_row-type > li .modify.form-multi-list .fe_set-double.m-block .input-container{
    width: 100%;
  }

  .form_list.grid_row-type > li .toggleSwitch-wrap{
    display: block;
  }
  .form_list.grid_row-type > li .toggleSwitch + .toggleSwitch{
    margin-left: 0;
    margin-top: 12px;
  }

  .form_list.grid_row-type > li .toggleSwitch label{
    font-size: 14px;
  }

  .form_list.grid_row-type > li .toggleSwitch [type="checkbox"] {
    width: 38px;
    height: 24px;
    border-radius: 24px;
  }
  
  .form_list.grid_row-type > li .toggleSwitch [type="checkbox"]::before {
    width: 18px;
    height: 18px;
  }

  .form_list.grid_row-type > li .toggleSwitch [type="checkbox"]:checked::before {
    left: 17px;
  }
}

@media all and (max-width: 959px) {
  .form_list.grid_row-type > li.col-type{
    padding-left: 151px;
  }
  
  .form_list.grid_row-type > li.col-type .input-title {
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0px;
    display: flex;
    width: 151px;
    height: 100%;
    max-height: 64px;
    align-items: center;
  }
}


/* MY 회원정보 변경, 1:1문의관리 상세  */
.my_contents-section,
.my_customer-section {
  overflow: hidden;
  width: 100%;
  min-width: 1360px;
}

@media all and (max-width: 959px) {
  .my_contents-section,
  .my_customer-section {
    min-width: 100%;
  }
  .my_contents-section .section-wrap,
  .my_customer-section .section-wrap {
    padding-bottom: 0 !important;
  }
}

.my_contents-section .panel-header,
.my_customer-section .panel-header {
  background: #1D1D22;
  text-align: center;
  padding: 40px 0 100px;
}

.my_contents-section .panel-header strong,
.my_customer-section .panel-header strong {
  font-weight: 700;
  font-size: 46px;
  line-height: 70px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  display: block;
}

.my_contents-section .panel-header span,
.my_customer-section .panel-header span {
  margin-top: 12px;
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.8);
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-header,
  .my_customer-section .panel-header {
    padding: 40px 16px 40px;
  }
  .my_contents-section .panel-header strong,
  .my_customer-section .panel-header strong {
    font-size: 22px;
    line-height: 32px;
  }
  .my_contents-section .panel-header span,
  .my_customer-section .panel-header span {
    margin-top: 4px;
    font-size: 12px;
    line-height: 17px;
  }
}

.my_contents-section .check_directronic::before,
.my_customer-section .check_directronic::before {
  display: none;
}

/* MY 회원정보 변경 */
.my_contents-section .panel-body .form_wrap, .my_contents-section .panel-body .terms_contents-wrap, .my_contents-section .panel-body .linked_sns-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.my_contents-section .panel-body .form_wrap .form_header, .my_contents-section .panel-body .terms_contents-wrap .form_header, .my_contents-section .panel-body .linked_sns-wrap .form_header {
  width: 284px;
  align-items: flex-start;
  flex: 1 1 0;
  padding: 0;
  border: none;
}

.my_contents-section .panel-body .form_wrap .form_header .title, .my_contents-section .panel-body .terms_contents-wrap .form_header .title, .my_contents-section .panel-body .linked_sns-wrap .form_header .title {
  font-size: 24px;
  line-height: 38px;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .form_wrap .form_header, .my_contents-section .panel-body .terms_contents-wrap .form_header, .my_contents-section .panel-body .linked_sns-wrap .form_header {
    width: 100%;
    margin-bottom: 24px;
  }
  .my_contents-section .panel-body .form_wrap .form_header .title, .my_contents-section .panel-body .terms_contents-wrap .form_header .title, .my_contents-section .panel-body .linked_sns-wrap .form_header .title {
    font-size: 22px;
    line-height: 32px;
  }
}

.my_contents-section .panel-body .form_wrap .form_body, .my_contents-section .panel-body .terms_contents-wrap .form_body, .my_contents-section .panel-body .linked_sns-wrap .form_body {
  width: 652px;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .form_wrap .form_body, .my_contents-section .panel-body .terms_contents-wrap .form_body, .my_contents-section .panel-body .linked_sns-wrap .form_body {
    width: 100%;
  }
}

.my_contents-section .panel-body .form-section {
  margin: -60px auto 0;
  padding: 60px 80px;
}

.my_contents-section .panel-body .form-section .myinfo-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -20px -40px 0;
  padding: 40px;
  border-radius: 6px;
  background-color: #F8F8F8;
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_welcome-area .text-box {
  font-size: 32px;
  line-height: 48px;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_welcome-area .text-box .name {
  color: black;
  font-weight: 700;
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_welcome-area .email-box {
  color: #000;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  font-weight: 400;
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_welcome-area .email-box .email {
  position: relative;
  display: flex;
  align-items: center;
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_welcome-area .email-box .icon-my {
  margin-right: 4px;
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_welcome-area .text-box + .email-box {
  margin-top: 6px;
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area {
  display: flex;
  position: relative;
  padding-left: 47px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area .level {
  width: 86px;
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area .level em {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area .level span {
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -0.02em;
  color: black;
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area .level em + span {
  margin-top: 6px;
}

.my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area .level + .level {
  margin-left: 32px;
}

.my_contents-section .panel-body .form-section .myinfo-wrap + .form_wrap {
  margin-top: 48px;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .form-section {
    margin: 0 auto 0;
    padding: 40px 16px;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap {
    flex-direction: column;
    align-items: flex-start;
    margin: -24px 0 0;
    padding: 24px;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap > div {
    width: 100%;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap .my_welcome-area .text-box {
    font-size: 24px;
    line-height: 38px;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap .my_welcome-area .email-box {
    font-size: 15px;
    line-height: 26px;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap .my_welcome-area .email-box .icon-my {
    margin-right: 2px;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap .my_welcome-area .text-box + .email-box {
    margin-top: 2px;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area {
    padding-left: 0;
    padding-top: 20px;
    margin-top: 20px;
    border-left: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area .level {
    width: 50%;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area .level em {
    font-size: 12px;
    line-height: 20px;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area .level span {
    font-size: 18px;
    line-height: 30px;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area .level em + span {
    margin-top: 2px;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap .my_level-area .level + .level {
    margin-left: 0px;
  }
  .my_contents-section .panel-body .form-section .myinfo-wrap + .form_wrap {
    margin-top: 40px;
  }
}

.my_contents-section .panel-body .form-section + .form-section {
  margin-top: 16px;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .form-section + .form-section {
    margin-top: 0px;
    padding-top: 50px;
  }
}

.my_contents-section .panel-body .form-section + .btn_set {
  margin-top: 60px;
}

.my_contents-section .panel-body .form-section + .btn_set .btn.btn_lg {
  min-width: 320px !important;
  padding: 25px;
}

.my_contents-section .panel-body .form-section + .btn_set .btn.btn_lg span {
  vertical-align: top;
  font-size: 24px;
  line-height: 38px;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .form-section + .btn_set {
    margin-top: -5px;
    padding: 0px 16px;
  }
  .my_contents-section .panel-body .form-section + .btn_set .btn.btn_lg {
    min-width: initial !important;
    width: 100%;
    padding: 19px;
  }
  .my_contents-section .panel-body .form-section + .btn_set .btn.btn_lg span {
    font-size: 14px;
    line-height: 20px;
  }
}

.my_contents-section .panel-body .btm-info {
  margin-top: 25px;
  text-align: center;
  
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.my_contents-section .panel-body .btm-info .mark_dot-list {
  display: inline-block;
  text-align: left;
}

.my_contents-section .panel-body .btm-info .mark_dot-list li {
  position: relative;
  font-size: 16px;
  line-height: 28px;
  color: #000;
}

.my_contents-section .panel-body .btm-info .mark_dot-list li::after {
  top: 12px;
  width: 4px;
  height: 4px;
}

.my_contents-section .panel-body .btm-info .mark_dot-list li .link_line {
  display: inline-block;
  vertical-align: top;
  margin-left: 14px;
  margin-top: 5px;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .btm-info {
    padding: 0px 16px 40px;
    margin-top: 24px;
    text-align: left;

    font-size: 14px;
    line-height: 20px;
  }
  .my_contents-section .panel-body .btm-info .mark_dot-list {
    display: block;
    width: 100%;
  }
  .my_contents-section .panel-body .btm-info .mark_dot-list li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
  }
  .my_contents-section .panel-body .btm-info .mark_dot-list li::after {
    top: 8px;
  }
  .my_contents-section .panel-body .btm-info .mark_dot-list li .link_line {
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 0px;
    margin-top: 0px;
  }
}

.my_contents-section .panel-body .link_line {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.01em;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .link_line {
    font-size: 12px;
    line-height: 20px;
  }
}

.my_contents-section .panel-body .terms_contents-wrap .terms_box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
}

.my_contents-section .panel-body .terms_contents-wrap .form_body.w100p .terms_box {
  display: block;
}
.my_contents-section .panel-body .terms_contents-wrap .form_body.w100p .terms_box .tit{
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 16px;
}
.my_contents-section .panel-body .terms_contents-wrap .form_body.w100p .terms_box .radio_chk-box{
  margin-top: 20px;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .terms_contents-wrap .form_body.w100p .terms_box .tit{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .my_contents-section .panel-body .terms_contents-wrap .form_body.w100p .terms_box .radio_chk-box{
    margin-top: 16px;
  }
}
.my_contents-section .panel-body .terms_contents-wrap .terms_box + .terms_box {
  margin-top: 20px;
}

.my_contents-section .panel-body .terms_contents-wrap .terms_box .radio_chk-box {
  margin-top: 0;
}

.my_contents-section .panel-body .terms_contents-wrap .terms_box .radio_chk-box .radio-box + .radio-box {
  margin-left: 32px;
}

.member_contents-section .panel-body .terms_contents-wrap .terms_box .terms_check-box.type-block,
.my_contents-section .panel-body .terms_contents-wrap .terms_box .terms_check-box.type-block {
  width: 100%;
  display: block;
  margin-top: 20px;
}

.my_contents-section .panel-body .terms_contents-wrap .terms_box .tit {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  flex: 1;
  margin-right: 32px;
}

.my_contents-section .panel-body .terms_contents-wrap .terms_box .tit .link_line {
  display: inline-block;
  vertical-align: top;
  margin-left: 14px;
  white-space: nowrap;
  
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .terms_contents-wrap .terms_box + .terms_box {
    margin-top: 32px;
  }

  .my_contents-section .panel-body .terms_contents-wrap .terms_box .radio_chk-box,
  .member_contents-section .panel-body .terms_contents-wrap .terms_box .terms_check-box.type-block,
  .my_contents-section .panel-body .terms_contents-wrap .terms_box .terms_check-box.type-block{
    margin-top: 12px;
  }


  .my_contents-section .panel-body .terms_contents-wrap .terms_box .tit {
    width: 100%;
    flex: 0 0 auto;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
  }
  
}



.my_contents-section .panel-body .terms_contents-wrap .check_directronic {
  border: none;
  padding: 0;
  margin: 8px 0 0;
  width: 100%;
}

.my_contents-section .panel-body .terms_contents-wrap .check_directronic .trp.checkbox-box {
  padding-left: 18px;
}

.my_contents-section .panel-body .terms_contents-wrap .check_directronic .trp.checkbox-box input[type="checkbox"] + i {
  top: 4px;
}

.my_contents-section .panel-body .terms_contents-wrap .check_directronic .txt, .my_contents-section .panel-body .terms_contents-wrap .check_directronic label {
  max-width: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}

.my_contents-section .panel-body .terms_contents-wrap .check_directronic input[type="checkbox"] {
  width: 14px;
  height: 14px;
}

.my_contents-section .panel-body .terms_contents-wrap .check_directronic input[type="checkbox"] + i:after {
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -176px -114px;
  width: 14px;
  height: 14px;
}

.my_contents-section .panel-body .terms_contents-wrap .check_directronic input[type="checkbox"]:checked + i:after {
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -176px -138px;
  width: 14px;
  height: 14px;
}

.my_contents-section .panel-body .terms_contents-wrap .check_directronic input[type="checkbox"]:disabled + i:after {
  background-image: url(../images/common/sp_forms.png?v=2023_15_1637);
  background-position: -176px -90px;
  width: 14px;
  height: 14px;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .terms_contents-wrap .check_directronic {
    width: 100%;
    margin-top: 16px;
    flex-direction: row;
    justify-content: flex-start;
  }
  .my_contents-section .panel-body .terms_contents-wrap .check_directronic .trp.checkbox-box {
    padding-left: 20px;
  }
  .my_contents-section .panel-body .terms_contents-wrap .check_directronic .trp.checkbox-box input[type="checkbox"] + i {
    top: 3px;
  }
  .my_contents-section .panel-body .terms_contents-wrap .check_directronic .txt, .my_contents-section .panel-body .terms_contents-wrap .check_directronic label {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
  }
}

.my_contents-section .panel-body .terms_contents-wrap .check_life_member {
  padding: 20px 24px;
  margin-top: 34px;
  justify-content: flex-start;
  border: none;
}

.my_contents-section .panel-body .terms_contents-wrap .check_life_member .trp.checkbox-box label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  font-weight: 500;
}

.my_contents-section .panel-body .terms_contents-wrap .check_life_member .trp.checkbox-box label strong {
  color: #000;
  font-weight: 700;
}

.my_contents-section .panel-body .terms_contents-wrap .check_life_member .txt {
  max-width: none;
  font-size: 16px;
  line-height: 28px;
}

.my_contents-section .panel-body .terms_contents-wrap .check_life_member .txt span {
  text-decoration: none;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .terms_contents-wrap .check_life_member {
    padding: 16px;
    margin-top: 32px;
    flex-direction: row;
    justify-content: flex-start;
  }
  .my_contents-section .panel-body .terms_contents-wrap .check_life_member .trp.checkbox-box label {
    font-size: 14px;
    line-height: 22px;
  }
  .my_contents-section .panel-body .terms_contents-wrap .check_life_member .txt {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
  }
}

.my_contents-section .panel-body .linked_sns-wrap .sns-list li + li {
  margin-top: 20px;
}

.my_contents-section .panel-body .linked_sns-wrap .sns-list li {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.my_contents-section .panel-body .linked_sns-wrap .sns-list .sns_icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

.my_contents-section .panel-body .linked_sns-wrap .sns-list .sns_icon img {
  width: 100%;
}

.my_contents-section .panel-body .linked_sns-wrap .sns-list .sns_id {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.03em;
}

.my_contents-section .panel-body .linked_sns-wrap .sns-list .link_line {
  position: absolute;
  right: 0;
  top: 7px;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .linked_sns-wrap .sns-list li + li {
    margin-top: 18px;
  }
  .my_contents-section .panel-body .linked_sns-wrap .sns-list li {
    padding: 0 64px 0 28px;
  }
  .my_contents-section .panel-body .linked_sns-wrap .sns-list .sns_icon {
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }
  .my_contents-section .panel-body .linked_sns-wrap .sns-list .sns_id {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    word-break: break-word;
  }
  .my_contents-section .panel-body .linked_sns-wrap .sns-list .link_line {
    top: 1px;
  }
}

.my_contents-section .panel-body .linked_sns-wrap .sns-empty {
  font-size: 18px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .linked_sns-wrap .sns-empty {
    padding-top: 24px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
  }
}

.my_contents-section .panel-body .terms_contents-wrap .terms_box.omni{
  display: block;
}

 
.my_contents-section .panel-body .terms_contents-wrap .terms_box.omni .omni_tit-wrap{
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color: #000;
}

.my_contents-section .panel-body .terms_contents-wrap .terms_box.omni .agree_wrap .tit{
  max-width: 380px;
  word-break: break-all;
  font-weight: 500;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .terms_contents-wrap .terms_box.omni .agree_wrap .tit{
    width: 100%;
    max-width: none;
    word-break: break-all;
  }
}

.my_contents-section .panel-body .terms_contents-wrap .terms_box.omni .agree_wrap .tit a.link_line{
  min-width: fit-content;
  font-size: 13px;
}
.my_contents-section .panel-body .terms_contents-wrap .terms_box.omni .terms_box{
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  margin-top: 0;
}
.my_contents-section .panel-body .terms_contents-wrap .terms_box.omni .terms_box .tit{
  font-weight: 500;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .terms_contents-wrap .terms_box.omni .omni_tit-wrap .tit a.link_line{
    right: 0;
  }
}

/* MY 1:1문의관리 상세 */
.my_customer-section .panel-body .cs_view-wrap {
  width: 1096px;
  background: #fff;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 48px;
  margin: -60px auto 0;
}

@media all and (max-width: 959px) {
  .my_customer-section .panel-body .cs_view-wrap {
    width: 100%;
    margin: 0 auto 0;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    padding: 40px 16px;
  }
}

.my_customer-section .panel-body .view_title-area .category-box {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.my_customer-section .panel-body .view_title-area .category-box .category {
  display: flex;
  align-items: center;
}

.my_customer-section .panel-body .view_title-area .category-box .category > i {
  margin-right: 6px;
}

.my_customer-section .panel-body .view_title-area .title-box {
  color: #000;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.02em;
  margin-top: 24px;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}

.my_customer-section .panel-body .view_title-area .info-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo {
  display: flex;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 30px;
  letter-spacing: -0.01em;
}

.my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo .exinfo {
  display: flex;
  align-items: center;
  position: relative;
}

.my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo .exinfo + .exinfo {
  margin-left: 12px;
  padding-left: 12px;
}

.my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo .exinfo + .exinfo::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 1px;
  height: 13px;
  background-color: rgba(0, 0, 0, 0.2);
}

.my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo strong {
  font-weight: 700;
}

.my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo span {
  font-weight: 500;
}

.my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo strong + span {
  margin-left: 10px;
}

.my_customer-section .panel-body .view_title-area .info-box .info_addfile {
  position: relative;
  max-width: calc(100% - 280px);
  width: auto;
}

.my_customer-section .panel-body .view_title-area .info-box .info_addfile .btn_file {
  position: relative;
  width: 100%;
  padding: 0 0 0 28px;
  border: 0;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.my_customer-section .panel-body .view_title-area .info-box .info_addfile .btn_file.more_file {
  padding-right: 34px;
}

.my_customer-section .panel-body .view_title-area .info-box .info_addfile .btn_file.more_file::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -250px -328px;
  width: 24px;
  height: 24px;
}

.my_customer-section .panel-body .view_title-area .info-box .info_addfile .btn_file > .icon-file-blue {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.my_customer-section .panel-body .view_title-area .info-box .info_addfile .btn_file span {
  color: #3434BA;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-decoration: underline;
}

.my_customer-section .panel-body .view_title-area .info-box .info_addfile .more_file-list {
  display: none;
  position: absolute;
  right: 0;
  bottom: -14px;
  width: 100%;
  background-color: #fff;
  padding: 20px 20px 20px 22px;
  border: 1px solid #000;
  border-radius: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.my_customer-section .panel-body .view_title-area .info-box .info_addfile .more_file-list li span {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
}

.my_customer-section .panel-body .view_title-area .info-box .info_addfile .more_file-list li + li {
  margin-top: 16px;
}

@media all and (max-width: 959px) {
  .my_customer-section .panel-body .view_title-area .category-box {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.01em;
  }
  .my_customer-section .panel-body .view_title-area .title-box {
    font-size: 22px;
    line-height: 32px;
    margin-top: 16px;
  }
  .my_customer-section .panel-body .view_title-area .info-box {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 12px;
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo {
    font-size: 13px;
    line-height: 19px;
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo .exinfo + .exinfo {
    margin-left: 10px;
    padding-left: 10px;
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo .exinfo + .exinfo::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_txt .cs_exinfo strong + span {
    margin-left: 6px;
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_addfile {
    margin-top: 16px;
    width: 100%;
    max-width: none;
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_addfile .btn_file {
    padding: 0 0 0 24px;
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_addfile .btn_file.more_file {
    padding-right: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_addfile .btn_file.more_file::after {
    width: 30px;
    height: 30px;
    background: url(../images/common/icon-file-more_30.png);
    background-size: 100%;
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_addfile .btn_file span {
    font-size: 14px;
    line-height: 20px;
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_addfile .more_file-list {
    padding: 20px 18px;
    bottom: -10px;
    border-radius: 16px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);
  }
  .my_customer-section .panel-body .view_title-area .info-box .info_addfile .more_file-list li span {
    font-size: 14px;
    line-height: 20px;
  }
}

.my_customer-section .panel-body .view_cont-area {
  margin-top: 40px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.01em;
  word-break: break-all;
}

@media all and (max-width: 959px) {
  .my_customer-section .panel-body .view_cont-area {
    margin-top: 24px;
    color: #000;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
  }
}

.my_customer-section .panel-body .reply-area {
  margin-top: 40px;
  padding: 32px;
  background-color: #F8F8F8;
  border-radius: 6px;
  overflow: hidden;
}

.my_customer-section .panel-body .reply-area .reply_title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.my_customer-section .panel-body .reply-area .reply_title-box .title {
  position: relative;
  padding-left: 32px;
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.my_customer-section .panel-body .reply-area .reply_title-box .title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../images/common/icon-reply.png");
}

.my_customer-section .panel-body .reply-area .reply_title-box .date {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.01em;
}

.my_customer-section .panel-body .reply-area .reply_title-box .date strong {
  font-weight: 700;
}

.my_customer-section .panel-body .reply-area .reply_title-box .date span {
  margin-left: 10px;
  font-family: "Roboto";
}

.my_customer-section .panel-body .reply-area .reply_cont-box {
  color: #000;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
  word-break: break-all;
}

@media all and (max-width: 959px) {
  .my_customer-section .panel-body .reply-area {
    margin: 48px -16px 0;
    padding: 32px 16px;
    border-radius: 0px;
  }
  .my_customer-section .panel-body .reply-area .reply_title-box .title {
    padding-left: 30px;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
  }
  .my_customer-section .panel-body .reply-area .reply_title-box .title::before {
    width: 24px;
    height: 24px;
    background: url("../images/common/icon-reply-mb.png");
    background-size: cover;
  }
  .my_customer-section .panel-body .reply-area .reply_title-box .date {
    font-size: 13px;
    line-height: 19px;
  }
  .my_customer-section .panel-body .reply-area .reply_title-box .date span {
    margin-left: 6px;
  }
  .my_customer-section .panel-body .reply-area .reply_cont-box {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
  }
}

.my_customer-section .panel-body .reply-area.empty {
  padding: 60px 40px;
}

.my_customer-section .panel-body .reply-area.empty .reply_cont-box {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -0.04em;
}

@media all and (max-width: 959px) {
  .my_customer-section .panel-body .reply-area.empty {
    padding: 60px 16px;
  }
  .my_customer-section .panel-body .reply-area.empty .reply_cont-box {
    font-size: 15px;
    line-height: 28px;
  }
}

.my_customer-section .panel-body .btn_set {
  margin-top: 60px;
}

.my_customer-section .panel-body .btn_set .btn.btn_lg {
  min-width: 280px !important;
  padding: 23px 25px;
}

.my_customer-section .panel-body .btn_set .btn.btn_lg span {
  vertical-align: top;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

@media all and (max-width: 959px) {
  .my_customer-section .panel-body .btn_set {
    margin-top: 0px;
    padding: 0px 16px 40px;
  }
  .my_customer-section .panel-body .btn_set .btn.btn_lg {
    min-width: initial !important;
    width: 100%;
    padding: 15px;
  }
  .my_customer-section .panel-body .btn_set .btn.btn_lg span {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.01em;
  }
}

.my_contents-section .panel-body .form_wrap.w100-type .form_header{
  width: 100%;
  position: relative;
  display: flex;
  flex: initial;
  align-items: center;
  justify-content: space-between;
}

.my_contents-section .panel-body .form_wrap.w100-type .form_body{
  width: 100%;
}

@media all and (max-width: 959px) {
  .my_contents-section .panel-body .form_wrap.w100-type.left .form_header{
    align-items: flex-start;
    margin-bottom: 0;
  }
}


/* MY 이벤트 목록 / 1:1 문의 목록 / 설문관리 목록 */
.my_list-section .section-wrap {
  padding: 80px 0 126px !important;
}

@media all and (max-width: 959px) {
  .my_list-section .section-wrap {
    padding: 40px 0 !important;
  }
}

.my_list-section .panel-header {
  padding-bottom: 24px;
}

@media all and (max-width: 959px) {
  .my_list-section .panel-header {
    padding-bottom: 16px;
  }
}

.my_list-section .panel-header .header-inner {
  width: 100%;
}

.my_list-section .panel-header .total_count span {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: -0.02em;
}

.my_list-section .panel-header .total_count span .count {
  font-family: 'Roboto';
  color: #F90228;
  font-size: 26px;
  margin-left: 6px;
}

@media all and (max-width: 959px) {
  .my_list-section .panel-header .total_count span {
    font-size: 14px;
    line-height: 22px;
  }
  .my_list-section .panel-header .total_count span .count {
    font-size: 15px;
    margin-left: 2px;
  }
}

.my_list-section .panel-header .info_customer {
  display: block;
  padding: 28px 40px;
  background-color: #F8F8F8;
  border-radius: 12px;
}

.my_list-section .panel-header .info_customer .cs-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my_list-section .panel-header .info_customer .cs-box .txt {
  position: relative;
  padding-left: 64px;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.01em;
}

.my_list-section .panel-header .info_customer .cs-box .txt::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -128px -156px;
  width: 48px;
  height: 48px;
}

.my_list-section .panel-header .info_customer .cs-box .btn.btn_lg {
  flex: 0 0 auto;
  border-color: rgba(0, 0, 0, 0.8);
  padding: 17px 30px;
}

.my_list-section .panel-header .info_customer .cs-box .btn.btn_lg span {
  color: #000;
  font-size: 20px;
  line-height: 28px;
  /*line-height:32px;*/
}

@media all and (max-width: 959px) {
  .my_list-section .panel-header .info_customer {
    margin: -40px -16px 0px;
    padding: 24px 16px;
    border-radius: 0;
  }
  .my_list-section .panel-header .info_customer .cs-box .txt {
    /* min-width: 165px; */
    font-size: 15px;
    line-height: 26px;
    padding-left: 0;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
    flex: 1;
  }
  .my_list-section .panel-header .info_customer .cs-box .txt::before {
    display: none;
  }
  .my_list-section .panel-header .info_customer .cs-box .btn.btn_lg {
    min-width: 103px !important;
  }
}

.my_list-section .panel-header .info_customer + .total_count {
  margin-top: 32px;
}

@media all and (max-width: 959px) {
  .my_list-section .panel-header .info_customer + .total_count {
    margin-top: 24px;
  }
}

.my_list-section .panel-body .list-wrap .empty {
  border-radius: 12px;
  background-color: #F8F8F8;
  text-align: center;
  padding: 210px 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: -0.01em;
}

@media all and (max-width: 959px) {
  .my_list-section .panel-body .list-wrap .empty {
    border-radius: 4px;
    padding: 104px 0;
    font-size: 14px;
    line-height: 22px;
  }
}

.my_list-section .panel-body .my_event-list {
  border-top: 2px solid #000;
}

@media all and (max-width: 959px) {
  .my_list-section .panel-body .my_event-list {
    border-top: 0;
  }
}

.my_list-section .panel-body .my_event-list > li {
  padding: 60px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

@media all and (max-width: 959px) {
  .my_list-section .panel-body .my_event-list > li {
    margin: 0px -16px;
    padding: 24px 16px 24px;
    border-bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .my_list-section .panel-body .my_event-list > li:last-child {
    border-bottom: 0;
    /*padding-bottom:0;*/
  }
}

.my_list-section .panel-body .my_event-list article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 680px;
  min-height: 364px;
}

@media all and (max-width: 959px) {
  .my_list-section .panel-body .my_event-list article {
    padding-left: 0;
    min-height: 83px;
    justify-content: start;
  }
}

.my_list-section .panel-body .my_event-list article .link-area {
  position: relative;
}

.my_list-section .panel-body .my_event-list article .link-area .thumb-box {
  position: absolute;
  left: -32px;
  top: 0;
  width: 648px;
  transform: translateX(-100%);
}

.my_list-section .panel-body .my_event-list article .link-area .thumb-box .img-ratio {
  padding-bottom: 56.17%;
  border-radius: 6px;
  overflow: hidden;
}

.my_list-section .panel-body .my_event-list article .link-area .thumb-box .status {
  position: absolute;
  left: 6px;
  top: 6px;
  z-index: 2;
  background-color: #fff;
  color: #000;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.01em;
  padding: 2px 10px 4px 10px;
  border-radius: 6px;
}

.my_list-section .panel-body .my_event-list article .link-area .thumb-box .status.ing {
  background-color: #000;
  color: #fff;
}

.my_list-section .panel-body .my_event-list article .link-area .thumb-box .status.done {
  background-color: #555;
  color: #fff;
}

.my_list-section .panel-body .my_event-list article .link-area .desc-box .title {
  width: 590px;
  margin-bottom: 16px;
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -0.02em;
  word-break: break-all;
}

.my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date > .date {
  display: flex;
  align-items: center;
}

.my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date > .date + .date {
  margin-top: 8px;
}

.my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date strong, .my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date span {
  position: relative;
  font-size: 16px;
  line-height: 24px;
}

.my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date strong + span {
  margin-left: 8px;
}

.my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date strong {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
}

.my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date span {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  font-family: "Roboto";
  padding-top: 2px;
  line-height: initial;
}

@media all and (max-width: 959px) {
  .my_list-section .panel-body .my_event-list article .link-area .thumb-box {
    width: 145px;
    left: 0px;
    transform: translateX(0);
  }
  .my_list-section .panel-body .my_event-list article .link-area .thumb-box .img-ratio {
    border-radius: 4px;
  }
  .my_list-section .panel-body .my_event-list article .link-area .thumb-box .status {
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 24px;
  }
  .my_list-section .panel-body .my_event-list article .link-area .desc-box .title {
    width: 100%;
    height: 82px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    padding-left: 157px;
    margin-bottom: 8px;
  }
  .my_list-section .panel-body .my_event-list article .link-area .desc-box .title span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date > .date + .date {
    margin-top: 2px;
  }
  .my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date strong, .my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date span {
    font-size: 13px;
    line-height: 18px;
  }
  .my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date strong + span {
    margin-left: 8px;
    padding-left: 8px;
  }
  .my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date strong + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    width: 1px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date strong {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
  }
  .my_list-section .panel-body .my_event-list article .link-area .desc-box .desc .evt_date span {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    padding-top: 1px;
  }
}

.my_list-section .panel-body .my_event-list article .result-area .exinfo-box {
  display: flex;
  align-items: center;
}

.my_list-section .panel-body .my_event-list article .result-area .exinfo-box a {
  color: #3434BA;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 23px;
  word-break: break-all;
  text-decoration: underline;
}

.my_list-section .panel-body .my_event-list article .result-area .exinfo-box a strong {
  font-weight: 700;
}

.my_list-section .panel-body .my_event-list article .result-area .exinfo-box .btn_copy {
  margin-left: 11px;
  color: #3434BA;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.01em;
  background-color: rgba(52, 52, 186, 0.06);
  padding: 8px 12px;
  border-radius: 4px;
}

.my_list-section .panel-body .my_event-list article .result-area .result-box .btn {
  min-width: 207px !important;
  border-color: black;
}

.my_list-section .panel-body .my_event-list article .result-area .result-box .btn span {
  color: #000;
}

.my_list-section .panel-body .my_event-list article .result-area .result-box .btn i.spf, .my_list-section .panel-body .my_event-list article .result-area .result-box .btn i.spf-envelope:before {
  font-size: 15px;
  margin-left: 10px;
  margin-top: -5px;
}

.my_list-section .panel-body .my_event-list article .result-area .result-box .btn:disabled {
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.my_list-section .panel-body .my_event-list article .result-area .result-box .btn:disabled span {
  color: rgba(0, 0, 0, 0.6);
}

.my_list-section .panel-body .my_event-list article .result-area .result-box .btn + .btn {
  margin-left: 8px;
}
.my_list-section .panel-body .my_event-list article .result-area .exinfo-box + .result-box {
  margin-top: 16px;
}

@media all and (max-width: 959px) {
  .my_list-section .panel-body .my_event-list article .result-area .exinfo-box {
    margin-top: 16px;
    justify-content: space-between;
  }
  .my_list-section .panel-body .my_event-list article .result-area .exinfo-box a {
    font-size: 14px;
    line-height: 20px;
  }
  .my_list-section .panel-body .my_event-list article .result-area .exinfo-box a strong {
    font-weight: 500;
  }
  .my_list-section .panel-body .my_event-list article .result-area .exinfo-box .btn_copy {
    flex: 0 0 auto;
    margin-left: 12px;
  }
  .my_list-section .panel-body .my_event-list article .result-area .result-box {
    margin-top: 24px;
  }
  .my_list-section .panel-body .my_event-list article .result-area .result-box .btn {
    width: 100%;
    border-color: rgba(0, 0, 0, 0.6);
  }
  .my_list-section .panel-body .my_event-list article .result-area .result-box .btn span {
    font-size: 15px;
    line-height: 28px;
  }
  .my_list-section .panel-body .my_event-list article .result-area .result-box .btn i.spf, .my_list-section .panel-body .my_event-list article .result-area .result-box .btn i.spf-envelope:before {
    font-size: 9px;
    margin-left: 12px;
    margin-top: 3px;
  }

  .my_list-section .panel-body .my_event-list article .result-area .result-box .btn + .btn {
    margin-left: 0;
    margin-top: 12px;
  }
  .my_list-section .panel-body .my_event-list article .result-area .exinfo-box + .result-box {
    margin-top: 24px;
  }
}

.my_list-section .panel-body .my_wrt-list {
  border-top: 2px solid #000;
}

.my_list-section .panel-body .my_wrt-list > li {
  padding: 48px 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

@media all and (max-width: 959px) {
  .my_list-section .panel-body .my_wrt-list {
    border-top: 0;
  }
  .my_list-section .panel-body .my_wrt-list > li {
    margin: 0px -16px;
    padding: 24px 16px;
    border-bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.my_list-section .panel-body .my_wrt-list .wrt-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.my_list-section .panel-body .my_wrt-list .wrt-item > div {
  flex: 0 0 auto;
}

.my_list-section .panel-body .my_wrt-list .wrt-item .title span {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -0.02em;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.my_list-section .panel-body .my_wrt-list .wrt-item .cs_date {
  display: flex;
  align-items: center;
}

.my_list-section .panel-body .my_wrt-list .wrt-item .cs_date .date {
  font-size: 16px;
  line-height: 24px;
}

.my_list-section .panel-body .my_wrt-list .wrt-item .cs_date .date strong {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
}

.my_list-section .panel-body .my_wrt-list .wrt-item .cs_date .date span {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  font-family: "Roboto";
}

@media all and (max-width: 959px) {
  .my_list-section .panel-body .my_wrt-list .wrt-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .my_list-section .panel-body .my_wrt-list .wrt-item > div {
    width: 100% !important;
  }
  .my_list-section .panel-body .my_wrt-list .wrt-item .title span {
    font-size: 15px;
    line-height: 22px;
  }
  .my_list-section .panel-body .my_wrt-list .wrt-item .cs_date .date {
    font-size: 13px;
    line-height: 19px;
  }
  .my_list-section .panel-body .my_wrt-list .wrt-item .cs_date .date strong {
    font-weight: 500;
  }
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item > div + div {
  margin-left: 20px;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item > div + .cs_date {
  margin-left: 48px;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .status span {
  display: inline-block;
  padding: 2px 10px 4px 10px;
  background-color: #ddd;
  color: #000;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.01em;
  border-radius: 6px;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .status span.ing {
  color: #fff;
  background-color: #000;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .status span.done {
  color: #fff;
  background-color: #F90228;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .category {
  width: 140px;
  text-align: center;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .category span {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.01em;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .title {
  width: 653px;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .cs_date {
  width: 300px;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .cs_date .date strong + span {
  margin-left: 8px;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .cs_date .date span {
  font-family: "Noto Sans KR";
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .cs_date .date + .date {
  position: relative;
  margin-left: 16px;
  padding-left: 16px;
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .cs_date .date + .date::before {
  content: '';
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 13px;
  background-color: rgba(0, 0, 0, 0.2);
}

.my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .cs_date .date:first-child span {
  font-family: "Roboto";
}

@media all and (max-width: 959px) {
  .my_list-section .panel-body .my_wrt-list.customer-list .wrt-item > div + div,
  .my_list-section .panel-body .my_wrt-list.customer-list .wrt-item > div + .cs_date {
    margin-left: 0px;
  }
  .my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .status span {
    font-size: 12px;
    line-height: 24px;
    padding: 3px 8px;
    border-radius: 4px;
  }
  .my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .category {
    margin-top: 12px;
    margin-bottom: 2px;
    text-align: left;
  }
  .my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .category span {
    font-size: 13px;
    line-height: 19px;
  }
  .my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .cs_date {
    margin-top: 12px;
  }
  .my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .cs_date .date strong + span {
    margin-left: 4px;
  }
  .my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .cs_date .date + .date {
    margin-left: 8px;
    padding-left: 8px;
  }
  .my_list-section .panel-body .my_wrt-list.customer-list .wrt-item .cs_date .date + .date::before {
    width: 1px;
    height: 11px;
  }
}

.my_list-section .panel-body .my_wrt-list.survey-list .wrt-item {
  justify-content: space-between;
}

.my_list-section .panel-body .my_wrt-list.survey-list .wrt-item .title {
  width: 879px;
}

.my_list-section .panel-body .my_wrt-list.survey-list .wrt-item .cs_date .date strong + span {
  margin-left: 8px;
}

@media all and (max-width: 959px) {
  .my_list-section .panel-body .my_wrt-list.survey-list .wrt-item .cs_date {
    margin-top: 8px;
  }
  .my_list-section .panel-body .my_wrt-list.survey-list .wrt-item .cs_date .date strong + span {
    position: relative;
    margin-left: 7px;
    padding-left: 6px;
  }
  .my_list-section .panel-body .my_wrt-list.survey-list .wrt-item .cs_date .date strong + span::before {
    content: '';
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 9px;
    background-color: rgba(0, 0, 0, 0.2);
  }
}

/* MY 비밀번호 변경 / 회원탈퇴 */
.my_info-section {
  /* 비밀번호 변경 / 회원탈퇴 */
  /*회원탈퇴 완료 안내*/
}

.my_info-section .c-red {
  color: #F90228;
}

.my_info-section .c-black {
  color: #000;
}

.my_info-section .section-wrap {
  background-color: rgba(0, 0, 0, 0.05);
  padding-top: 70px !important;
}

@media all and (max-width: 959px) {
  .my_info-section .section-wrap {
    padding-top: 32px !important;
  }
}

.my_info-section .my_info_wrap {
  width: 100%;
  max-width: 720px;
  margin: auto;
  padding: 60px 80px 48px;
  border-radius: 12px;
  background-color: #fff;
}

.my_info-section .my_info_wrap .title-area {
  text-align: left;
}

.my_info-section .my_info_wrap .title-area .title {
  color: #000;
  font-size: 32px;
  line-height: 46px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.my_info-section .my_info_wrap .title-area .desc {
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.my_info-section .my_info_wrap .title-area .title + .desc {
  margin-top: 10px;
}

.my_info-section .my_info_wrap .btn-area .btn_set {
  margin-top: 48px;
}

.my_info-section .my_info_wrap .btn-area .btn_set .btn {
  width: 100%;
  max-width: 310px;
  height: 76px;
}

.my_info-section .my_info_wrap .btn-area .btn_set.btn_set-double .btn {
  max-width: 280px;
}

.my_info-section .my_info_wrap .btn-area .btn_set.btn_set-double .btn_item:first-child {
  text-align: right;
  padding-right: 5px;
}

.my_info-section .my_info_wrap .btn-area .btn_set.btn_set-double .btn_item:last-child {
  text-align: left;
  padding-right: 5px;
}

.my_info-section .my_info_wrap .content-area .form_body {
  margin-top: 48px;
}

.my_info-section .my_info_wrap .content-area .form_body .form_list li:first-child {
  margin-top: 0;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box {
  margin-top: 40px;
  border-radius: 6px;
  background-color: #F8F8F8;
  overflow: hidden;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  margin-bottom: -1px;
  /*margin-left:-1px;*/
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list li {
  width: 50%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list li:last-child {
  width: 100%;
  border-right: 0 !important;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list li:nth-child(odd) {
  border-right: 1px solid rgba(0, 0, 0, 0.04);
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_tvn {
  width: 96px;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_mnet {
  width: 125px;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_ocn {
  width: 117px;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_tooniverse {
  width: 186px;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_zhtv {
  width: 132px;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_uxn {
  width: 118px;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .info-box {
  margin-top: 48px;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .info-box .text {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.01em;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .mark_dot-list {
  margin-top: 32px;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .mark_dot-list li {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.01em;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .mark_dot-list li:after {
  top: 9px;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .mark_dot-list li + li {
  margin-top: 8px;
}

.my_info-section .my_info_wrap .content-area .mb_leave_info .mark_dot-list .txt_underline {
  color: #000;
  text-decoration: underline;
}

@media all and (max-width: 959px) {
  .my_info-section .my_info_wrap {
    padding: 40px 20px 40px;
    border-radius: 4px;
  }
  .my_info-section .my_info_wrap .title-area {
    text-align: left;
  }
  .my_info-section .my_info_wrap .title-area .title {
    font-size: 18px;
    line-height: 26px;
  }
  .my_info-section .my_info_wrap .title-area .desc {
    font-size: 14px;
    line-height: 20px;
  }
  .my_info-section .my_info_wrap .title-area .title + .desc {
    margin-top: 6px;
  }
  .my_info-section .my_info_wrap .btn-area .btn_set {
    margin-top: 32px;
    /*margin-top:40px;*/
  }
  .my_info-section .my_info_wrap .btn-area .btn_set .btn {
    max-width: none;
    height: 60px;
  }
  .my_info-section .my_info_wrap .btn-area .btn_set .btn span {
    font-size: 16px;
  }
  .my_info-section .my_info_wrap .btn-area .btn_set.btn_set-double .btn {
    max-width: 100%;
  }
  .my_info-section .my_info_wrap .btn-area .btn_set.btn_set-double .btn_item:first-child {
    padding-right: 4px;
  }
  .my_info-section .my_info_wrap .btn-area .btn_set.btn_set-double .btn_item:last-child {
    padding-right: 4px;
  }
  .my_info-section .my_info_wrap .content-area .form_body {
    margin-top: 32px;
  }
  .my_info-section .my_info_wrap .content-area .form_body .form_list li {
    margin-top: 20px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box {
    margin-top: 32px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list li {
    height: 90px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_tvn {
    width: 55px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_mnet {
    width: 72px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_ocn {
    width: 67px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_tooniverse {
    width: 106px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_zhtv {
    width: 75px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .channel-box .channel-list img.ch_uxn {
    width: 67px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .info-box {
    margin-top: 40px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .info-box .text {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .mark_dot-list {
    margin-top: 24px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .mark_dot-list li {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .mark_dot-list li:after {
    top: 8px;
    width: 4px;
    height: 4px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .mark_dot-list li + li {
    margin-top: 4px;
  }
  .my_info-section .my_info_wrap .content-area .mb_leave_info .mark_dot-list .txt_underline {
    font-weight: 500;
  }
}

.my_info-section .my_info_wrap.leave_result {
  max-width: 812px;
  padding: 40px 60px 60px;
}

.my_info-section .my_info_wrap.leave_result .title-area {
  text-align: center;
}

.my_info-section .my_info_wrap.leave_result .title-area .ico {
  display: inline-block;
  width: 120px;
  height: 120px;
}

.my_info-section .my_info_wrap.leave_result .title-area .ico img {
  width: 100%;
}

.my_info-section .my_info_wrap.leave_result .title-area .title {
  color: #000;
  font-size: 38px;
  line-height: 54px;
  letter-spacing: -0.03em;
}

.my_info-section .my_info_wrap.leave_result .title-area .desc {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
}

.my_info-section .my_info_wrap.leave_result .title-area .ico + .title {
  margin-top: 10px;
}

.my_info-section .my_info_wrap.leave_result .title-area .title + .desc {
  margin-top: 10px;
}

.my_info-section .my_info_wrap.leave_result .btn-area .btn_set .btn {
  width: 280px;
}

@media all and (max-width: 959px) {
  .my_info-section .my_info_wrap.leave_result {
    padding: 50px 20px 40px;
  }
  .my_info-section .my_info_wrap.leave_result .title-area .ico {
    width: 80px;
    height: 80px;
  }
  .my_info-section .my_info_wrap.leave_result .title-area .title {
    font-size: 24px;
    line-height: 38px;
  }
  .my_info-section .my_info_wrap.leave_result .title-area .desc {
    font-size: 16px;
    line-height: 28px;
  }
  .my_info-section .my_info_wrap.leave_result .title-area .ico + .title {
    margin-top: 16px;
  }
  .my_info-section .my_info_wrap.leave_result .btn-area .btn_set .btn {
    width: 100%;
  }
}

/* 
.theme-light {}
.theme-dark {}
*/
.instagram-section .panel-body {
  position: relative;
}

.instagram-section .panel-body .module_insta .img-ratio img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;

  /* 이미지 위치 */
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
}


.instagram-section .more_btn-wrap {
  /*position:absolute; top:-84px; right:0; z-index:2;*/
}

.instagram-section .more_btn-wrap .btn {
  background: none;
}

.instagram-section .more_btn-wrap .btn span + i {
  font-size: 15px;
  margin-right: 0;
  vertical-align: top;
  position: relative;
  top: 5px;
}

.instagram-section .more_btn-wrap.theme-light .btn {
  border-color: #000;
  color: #000;
}

.instagram-section .more_btn-wrap.theme-dark .btn {
  border-color: #fff;
  color: #fff;
}

@media all and (max-width: 959px) {
  .instagram-section .more_btn-wrap {
    /* position: absolute;
    margin-top: -18px;
    margin-bottom: 0;
    transform: translateY(-100%); */
    margin-bottom: 18px;
  }
  .instagram-section .more_btn-wrap .btn span + i {
    font-size: 12px;
    margin-left: 3px;
    top: 4px;
  }
  .instagram-section .more_btn-wrap.theme-light .btn {
    border-color: rgba(0, 0, 0, 0.6);
  }
  .instagram-section .more_btn-wrap.theme-dark .btn {
    border-color: rgba(255, 255, 255, 0.6);
  }
  
}

.instagram-section .module_insta ul {
  margin: -2px -4px 0;
}

.instagram-section .module_insta ul:after {
  content: '';
  display: block;
  clear: both;
}

.instagram-section .module_insta ul > li {
  float: left;
  width: 25%;
  padding: 2px;
}

.instagram-section .module_insta .module .thumb-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.instagram-section .module_insta .module .thumb-area .img-ratio {
  border-radius: 6px;
  overflow: hidden;
}

.instagram-section .module_insta .module .thumb-area .cate-icon {
  position: absolute;
  z-index: 2;
  right: 15px;
  top: 15px;
}

@media all and (max-width: 959px) {
  .instagram-section .module_insta ul {
    margin: -1px -2px 0;
  }
  .instagram-section .module_insta ul > li {
    width: 50%;
    padding: 1px;
  }
  .instagram-section .module_insta .module .thumb-area .img-ratio {
    border-radius: 4px;
  }
  .instagram-section .module_insta .module .thumb-area .cate-icon {
    right: 8px;
    top: 8px;
  }
}


.instagram-section .panel-body .module_insta.col-3-2 ul{
  max-width: 996px;
  margin: -2px auto;
}

.instagram-section .panel-body .module_insta.col-3-2 ul > li{
  width: calc(100% / 3)
}


.event_editor-section .view_editor-area {
  max-width: 1096px;
  margin: 0 auto;
}

/* ============ 상세 타이틀 섹션 ============ */
.event_view_title-section .event_title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.event_view_title-section .event_title .title-box {
  max-width: 1188px;
}

.event_view_title-section .event_title .title-box span {
  font-weight: 700;
  font-size: 46px;
  line-height: 70px;
  letter-spacing: -0.02em;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.event_view_title-section .event_title .btn-box {
  position: relative;
}

.event_view_title-section .event_title .btn-box .btn_share {
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 100%;
  width: 72px;
  height: 72px;
}

.event_view_title-section .event_title .btn-box .btn_share i {
  font-size: 30px;
  vertical-align: top;
}

.event_view_title-section .event_title .btn-box .sns_share-wrap {
  display: none;
  position: absolute;
  right: 0;
  bottom: -8px;
  transform: translateY(100%);
  width: 434px;
  background-color: #fff;
  padding: 40px;
  border: 1px solid #000;
  border-radius: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-tit{
  margin-bottom: 35px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #000;
}

.event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-tit .btn_share_close{
  position: absolute;
  top: 17px;
  right: 14px;
  line-height: 1;
}

.event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-tit .btn_share_close i{
  padding: 5px;
  font-size: 22px;
  color: #000;
}

.event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-list{
  display: flex;
  justify-content: space-between;
}

.event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-list > li {
  
}

.event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-list > li span {
  display: block;
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
  overflow: hidden;
  border-radius: 50%;
  
}

.event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-list > li span img {
  width: 100%;
}

.event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-list a{
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: rgba(17, 17, 17, 0.6);
  text-align: center;
  line-height: 16px;
}

.event_view_title-section .event_title .btn-box.on .btn_share {
  border-color: #000;
}

.event_view_title-section .event_title .btn-box.on .sns_share-wrap {
  display: block;
}

@media all and (max-width: 959px) {
  .event_view_title-section .event_title {
    padding-bottom: 12px;
  }
  .event_view_title-section .event_title .title-box {
    max-width: calc(100% - 64px);
  }
  .event_view_title-section .event_title .title-box span {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.02em;
  }
  .event_view_title-section .event_title .btn-box {
    height: 40px;
  }
  .event_view_title-section .event_title .btn-box .btn_share {
    width: 40px;
    height: 40px;
  }
  .event_view_title-section .event_title .btn-box .btn_share i {
    font-size: 18px;
  }
  .event_view_title-section .event_title .btn-box .sns_share-wrap {
    bottom: -4px;
    width: calc(100vw - 32px);
    max-width: 328px;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0px 6.05px 12.09px 0px rgba(0, 0, 0, 0.2);

  }

  .event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-tit{
    margin-bottom: 26px;
    padding-bottom: 8px;
    font-size: 15px;
    line-height: 25px;
  }
  .event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-tit .btn_share_close{
    position: absolute;
    top: 10px;
    right: 12px;
  }

  .event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-tit .btn_share_close i{
    font-size: 17px;
  }

  .event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-list > li span {
    width: 48px;
    height: 48px;
    margin-bottom: 6px;
  }

  .event_view_title-section .event_title .btn-box .sns_share-wrap .sns_share-list a{
    font-size: 11px;
    line-height: 12px;
  }

}

.event_view_title-section .event_exinfo {
  margin-top: 20px;
}

.event_view_title-section .event_exinfo .exinfo {
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.02em;
  margin-right: 90px;
  margin-top: 12px;
}

.event_view_title-section .event_exinfo .exinfo strong {
  color: #000;
  font-weight: 700;
}

.event_view_title-section .event_exinfo .exinfo strong + span {
  margin-left: 16px;
}

.event_view_title-section .event_exinfo .exinfo span + span {
  position: relative;
  margin-left: 8px;
  padding-left: 9px;
}

.event_view_title-section .event_exinfo .exinfo span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 1px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.4);
}

.event_view_title-section .event_exinfo .exinfo span + span::before {
  transform: translate(0, -50%);
}


.event_view_title-section .event_exinfo .exinfo span .comma {
  position: relative;
  margin: 0 4px 0 0;
}

.event_view_title-section .event_exinfo .exinfo .comma::before {
  content: ',';
}


.event_view_title-section .event_exinfo .exinfo.w-size1 {
  /* width: 547px; */
  /* 0614 사이즈 변경 */
  width: 500px;
  margin-right: 0;
}

.event_view_title-section .event_exinfo .exinfo.w-size2 {
  width: 337px;
  margin-right: 0;
}

.event_view_title-section .event_exinfo .exinfo.col3{
  width: 33%;
  margin-right: 0;
}

@media all and (max-width: 959px) {
  .event_view_title-section .event_exinfo {
    display: block;
    margin-top: 16px;
  }
  .event_view_title-section .event_exinfo .exinfo {
    width: 100% !important;
    display: flex;
    font-size: 13px;
    line-height: 19px;
    margin-right: 0;
    margin-top: 0;
  }
  .event_view_title-section .event_exinfo .exinfo + .exinfo {
    margin-top: 6px;
  }
  .event_view_title-section .event_exinfo .exinfo strong {
    display: inline-block;
    width: 75px;
    flex: 0 0 auto;
  }
  .event_view_title-section .event_exinfo .exinfo strong + span {
    margin-left: 10px;
  }
  .event_view_title-section .event_exinfo .exinfo span + span {
    margin-left: 7px;
    padding-left: 8px;
  }
  .event_view_title-section .event_exinfo .exinfo span + span::before {
    top: 50%;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    transform: translate(-50%, -50%);
  }
}

/* ============ 에디터 섹션 ============ */
.event_editor-section .view_editor-area {
  max-width: 1096px;
  margin: 0 auto;
}

.event_editor-section .view_editor-area .area-inner {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #000000;
}


.event_editor-section .view_editor-area .img-box,
.event_editor-section .view_editor-area .poster-box {
  text-align: center;
}

.event_editor-section .view_editor-area .img-box img,
.event_editor-section .view_editor-area .poster-box img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.event_editor-section .view_editor-area .poster-box {
  border-radius: 12px;
  overflow: hidden;
}

.event_editor-section .view_editor-area .area-inner img{
  max-width: 100%;
}

@media all and (max-width: 959px) {
  .event_editor-section .view_editor-area .area-inner {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
  }
  .event_editor-section .view_editor-area .img-box img {
    max-width: none;
    width: 100%;
  }
  .event_editor-section .view_editor-area .poster-box {
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0;
  }
  .event_editor-section .view_editor-area .poster-box img {
    max-width: none;
    width: 100%;
  }
}

/* ============ 당첨결과 섹션 ============ */
.event_result-section .event_result-wrap {
  padding: 80px 112px;
  background-color: #F8F8F8;
  border-radius: 12px;
}

.event_result-section .event_result-wrap .gift_result-area,
.event_result-section .event_result-wrap .gift_info-area {
  padding: 60px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.04);
}

.event_result-section .event_result-wrap .gift_result-area .title-box {
  color: #000;
  font-size: 38px;
  font-weight: 700;
  line-height: 58px;
  letter-spacing: -0.02em;
  text-align: center;
}

.event_result-section .event_result-wrap .gift_result-area .search-box {
  margin-top: 24px;
}

.event_result-section .event_result-wrap .gift_result-area .search-box .text {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.01em;
}
@media all and (max-width: 959px) {
  .event_result-section .event_result-wrap .gift_result-area .search-box .text {
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
  }
}
.event_result-section .event_result-wrap .gift_result-area .gift_item-box {
  margin-top: 100px;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .item_name {
  margin-bottom: 12px;
  color: #000;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.02em;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winners-list {
  padding: 40px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winners-list:after {
  content: '';
  display: block;
  clear: both;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winners-list li {
  float: left;
  width: 50%;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winners-list li:nth-child(even) {
  padding-left: 37px;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winners-list li:nth-child(n+3) {
  margin-top: 25px;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner q {
  color: #F90228;
  font-weight: 700;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner span:first-child {
  margin-left: 0px;
  padding-left: 0px;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner span:first-child::before {
  display: none;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .mb_id, .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .mb_name,
.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .nonmb_name, .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .nonmb_number {
  position: relative;
  color: #000;
  font-size: 22px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.02em;
  margin-left: 12px;
  padding-left: 13px;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .mb_id::before, .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .mb_name::before,
.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .nonmb_name::before, .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .nonmb_number::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
  width: 1px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.4);
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .mb_id{
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media all and (max-width: 959px) {
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .mb_id{
    max-width: 40%;
  }
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .icon_nonmb {
  display: inline-block;
  margin-left: 8px;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .icon_nonmb i,
.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .icon_entrynum i{
  display: inline-block;
  border-radius: 4px;
  padding: 2px 6px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: center;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .icon_entrynum i{
  padding: 4px 10px 6px;
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 22px;
}
.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .icon_entrynum i strong{
  color: #000;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .login_sns {
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  margin-left: 6px;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .login_sns img {
  width: 100%;
}

.event_result-section .event_result-wrap .gift_result-area .gift_item + .gift_item {
  margin-top: 60px;
}

.event_result-section .event_result-wrap .gift_info-area {
  margin-top: 24px;
}

.event_result-section .event_result-wrap .gift_info-area .gift_input-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_text {
  width: 565px;
}

.event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_text .title {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.02em;
}

.event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_text .title strong {
  font-weight: 700;
}

.event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_text .text {
  margin-top: 14px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.01em;
}

.event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_btn .btn {
  line-height:28px;
  padding: 17px 40px;
}

@media all and (max-width: 959px) {
  .event_result-section .event_result-wrap {
    padding: 10px 0px;
    margin: 0px -16px;
    border-radius: 0;
  }
  .event_result-section .event_result-wrap .gift_result-area,
  .event_result-section .event_result-wrap .gift_info-area {
    padding: 0px 16px;
    border-radius: 0;
    box-shadow: none;
  }
  .event_result-section .event_result-wrap .gift_result-area {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .event_result-section .event_result-wrap .gift_result-area .title-box {
    font-size: 22px;
    line-height: 34px;
  }
  .event_result-section .event_result-wrap .gift_result-area .search-box {
    margin-top: 16px;
  }
  .event_result-section .event_result-wrap .gift_result-area .search-box .form_list li .input_btn-box input {
    padding-right: 100px;
  }
  .event_result-section .event_result-wrap .gift_result-area .search-box .form_list li .input_btn-box .input-side .btn {
    width: 91px;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box {
    margin-top: 48px;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .item_name {
    font-size: 18px;
    line-height: 30px;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winners-list {
    padding: 24px;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winners-list li {
    float: none;
    width: 100%;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winners-list li:nth-child(even) {
    padding-left: 0px;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winners-list li:nth-child(n+2) {
    margin-top: 16px;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .mb_id, .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .mb_name,
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .nonmb_name, .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .nonmb_number {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.01em;
    margin-left: 8px;
    padding-left: 9px;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .mb_id::before, .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .mb_name::before,
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .nonmb_name::before, .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .nonmb_number::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0px;
    width: 1px;
    height: 12px;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .icon_nonmb {
    margin-left: 8px;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .icon_nonmb i {
    border-radius: 4px;
    padding: 5px 6px;
    font-size: 10px;
    line-height: 10px;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item-box .winner .login_sns {
    width: 20px;
    height: 20px;
    margin-left: 6px;
  }
  .event_result-section .event_result-wrap .gift_result-area .gift_item + .gift_item {
    margin-top: 40px;
  }
  .event_result-section .event_result-wrap .gift_info-area {
    padding-top: 32px;
    padding-bottom: 32px;
    margin-top: 10px;
  }
  .event_result-section .event_result-wrap .gift_info-area .gift_input-box {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_text {
    width: 100%;
  }
  .event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_text .title {
    font-size: 18px;
    line-height: 30px;
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
  }
  .event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_text .text {
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
  }
  .event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_btn {
    margin-top: 24px;
    width: 100%;
  }
  .event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_btn .btn {
    width: 100%;
    height: 60px;
  }
  .event_result-section .event_result-wrap .gift_info-area .gift_input-box .ip_btn .btn span {
    font-size: 16px;
  }
}

.event_result-section .event_noti-wrap {
  margin-top: 32px;
}

.event_result-section .event_noti-wrap .title {
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}

.event_result-section .event_noti-wrap .mark_dot-list li,
.event_result-section .event_noti-wrap .text-list li {
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.01em;
  padding-left: 9px;
  font-weight: 400;
}

.event_result-section .event_noti-wrap .mark_dot-list li:after {
  width: 3px;
  height: 3px;
}

.event_result-section .event_noti-wrap .mark_dot-list li + li,
.event_result-section .event_noti-wrap .text-list li {
  margin-top: 6px;
}

.event_result-section .event_noti-wrap .text-list li{
  padding-left: 0;
}

@media all and (max-width: 959px) {
  .event_result-section .event_noti-wrap {
    margin-top: 40px;
  }
}

/* ============ 게시판 네비 섹션 ============ */
.event_navi-section .content-panel .navi-area .btn_group .btn {
  width: 280px;
}

@media all and (max-width: 959px) {
  .event_navi-section .content-panel .navi-area .btn_group .btn {
    width: 160px;
  }
}

/* ============ 댓글_쓰기 섹션 ============ */
.event_reply_wrt-section .section-wrap {
  padding-bottom: 30px !important;
}

@media all and (max-width: 959px) {
  .event_reply_wrt-section .section-wrap {
    padding-bottom: 20px !important;
  }
}

.event_reply_wrt-section .content-panel {
  width: 1096px;
  margin: auto;
}

@media all and (max-width: 959px) {
  .event_reply_wrt-section .content-panel {
    width: calc(100% + 32px);
    margin: 0 -16px;
  }
}

.event_reply_wrt-section .reply_write-area {
  padding: 40px;
  background-color: #F8F8F8;
  border-radius: 12px;
}

.event_reply_wrt-section .reply_write-area .textarea-box {
  background-color: #fff;
  border: 0;
  padding: 24px 24px 10px;
}

.event_reply_wrt-section .reply_write-area .textarea-box textarea,
.event_reply_wrt-section .reply_write-area .textarea-box [contenteditable="true"]{
  height: 90px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
}

.event_reply_wrt-section .reply_write-area .textarea-box [contenteditable="true"]{
  min-height: 90px;
  display: table;
}

.event_reply_wrt-section .reply_write-area .textarea-box .preview_photo {
  margin-top: 24px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .preview_photo .photo-list:after {
  content: '';
  display: block;
  clear: both;
}

.event_reply_wrt-section .reply_write-area .textarea-box .preview_photo .photo-list > li {
  float: left;
  margin-right: 10px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .preview_photo .photo-list .thumb_photo {
  position: relative;
  width: 142px;
}


.event_reply_wrt-section .reply_write-area .textarea-box .preview_photo .photo-list .thumb_photo .img-ratio {
  overflow: hidden;
  border-radius: 6px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .preview_photo .photo-list .thumb_photo .img-ratio img{
  width: 100%;
  min-height: 142px;
  object-fit: cover;
}

.event_reply_wrt-section .reply_write-area .textarea-box .preview_photo .photo-list .thumb_photo .btn_del_photo {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 2;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write {
  position: relative;
  display: flex;
  justify-content: right;
  align-items: center;
  margin-top: 16px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write > div {
  position: relative;
  display: inline-block;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .upload_photo {
  position: absolute;
  left: 0;
  bottom: 11px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .upload_photo label {
  cursor: pointer;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .upload_photo i {
  vertical-align: top;
  position: relative;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .upload_photo .btn_hidden_upload_photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: 2;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check {
  margin-right: 24px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check .wr_byte, .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check .total_byte {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.01em;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check .wr_byte {
  color: #000;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check .total_byte {
  color: rgba(0, 0, 0, 0.3);
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check .wr_byte + .total_byte {
  margin-left: 4px;
  padding-left: 5px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check .wr_byte + .total_byte::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
  width: 1px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .btn_reply {
  display: flex;
  margin-right: -14px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .btn_reply .btn {
  min-width: 90px;
  height: 54px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .btn_reply .btn span {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.01em;
}

.event_reply_wrt-section .reply_write-area .textarea-box .ft_write .btn_reply .btn + .btn {
  margin-left: 8px;
}


/* theme-dark */
.event_reply_wrt-section .theme-dark.reply_write-area {
  background-color: rgba(248, 248,248, 0.08); 
}

.event_reply_wrt-section .theme-dark.reply_write-area .textarea-box {
  background-color: rgba(255, 255,255, 0.04); 
}

.event_reply_wrt-section .theme-dark.reply_write-area .textarea-box .ft_write .byte_check .wr_byte {
  color: #fff;
}

.event_reply_wrt-section .theme-dark.reply_write-area .textarea-box .ft_write .byte_check .total_byte {
  color: rgba(255, 255, 255, 0.3);
}

.event_reply_wrt-section .theme-dark.reply_write-area .textarea-box .ft_write .byte_check .wr_byte + .total_byte::before {
  background-color: rgba(255, 255, 255, 0.2);
}

.event_reply_wrt-section .theme-dark.reply_write-area .textarea-box .ft_write .btn.btn_black{
  background: #000;
  border: 1px solid #000
}



@media all and (max-width: 959px) {
  .event_reply_wrt-section .reply_write-area {
    padding: 16px;
    border-radius: 0px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box {
    padding: 16px 20px 8px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box textarea {
    height: 104px;
    font-size: 15px;
    line-height: 26px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .preview_photo {
    margin-top: 16px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .preview_photo .photo-list > li {
    margin-right: 10px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .preview_photo .photo-list .thumb_photo {
    width: 63px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .preview_photo .photo-list .thumb_photo .img-ratio {
    border-radius: 4px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .preview_photo .photo-list .thumb_photo .btn_del_photo {
    right: 0px;
    top: 0px;
    padding: 4px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .ft_write {
    margin-top: 8px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .upload_photo {
    left: -3px;
    bottom: 9px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check {
    margin-right: 10px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check .wr_byte, .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check .total_byte {
    font-size: 13px;
    line-height: 20px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check .wr_byte + .total_byte {
    margin-left: 4px;
    padding-left: 5px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .byte_check .wr_byte + .total_byte::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    width: 1px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .btn_reply {
    margin-right: -12px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .btn_reply .btn {
    min-width: 62px;
    height: 38px;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .btn_reply .btn span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.02em;
  }
  .event_reply_wrt-section .reply_write-area .textarea-box .ft_write .btn_reply .btn + .btn {
    margin-left: 4px;
  }
}

.event_reply_wrt-section .reply_write-area + .reply_write-area {
  margin-top: 40px;
}

@media all and (max-width: 959px) {
  .event_reply_wrt-section .reply_write-area + .reply_write-area {
    margin-top: 20px;
  }
}

/* ============ 댓글_리스트 섹션 ============ */
.event_reply_list-section .section-wrap {
  padding-top: 30px !important;
}

@media all and (max-width: 959px) {
  .event_reply_list-section .section-wrap {
    padding-top: 20px !important;
  }
}

.event_reply_list-section .content-panel {
  width: 1096px;
  margin: auto;
}

.event_reply_list-section .content-panel > .panel-header {
  padding-bottom: 24px;
}

@media all and (max-width: 959px) {
  .event_reply_list-section .content-panel {
    width: 100%;
  }
  .event_reply_list-section .content-panel > .panel-header {
    padding-bottom: 12px;
  }
}

.event_reply_list-section .total_count span {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: -0.02em;
}

.event_reply_list-section .total_count span .count {
  color: #F90228;
  margin-left: 6px;
}

.event_reply_list-section .theme-dark .total_count span {
  color: #fff;
}

@media all and (max-width: 959px) {
  .event_reply_list-section .total_count span {
    font-size: 14px;
    line-height: 22px;
  }
  .event_reply_list-section .total_count span .count {
    margin-left: 4px;
  }
}

.event_reply_list-section .reply_list-area .reply_list {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.event_reply_list-section .reply_list-area .reply_list > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 32px 20px;
}



/* theme-dark */
.event_reply_list-section .theme-dark.reply_list-area .reply_list {
  border-top: 2px solid rgba(255, 255, 255, 0.2);
}
.event_reply_list-section .theme-dark.reply_list-area .reply_list > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.event_reply_list-section .theme-dark.reply_list-area .reply-item .wrt_head-box .wrt_info i.icon_nonmb {
  background-color: rgba(255, 255, 255, 0.3);
}




@media all and (max-width: 959px) {
  .event_reply_list-section .reply_list-area .reply_list {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .event_reply_list-section .theme-dark.reply_list-area .reply_list {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .event_reply_list-section .reply_list-area .reply_list > li {
    padding: 24px 4px;
  }
  .event_reply_list-section .reply_list-area .reply_list > li:last-child {
    border-bottom: 0;
  }
}

.event_reply_list-section .reply_list-area .reply-item {
  position: relative;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_head-box {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 24px;
  margin-bottom: 15px;
  margin-right: 50px;
  flex-wrap: wrap;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_info {
  display: inline-flex;
  align-items: center;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_info i.icon_nonmb {
  display: inline-block;
  margin-right: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_info span {
  position: relative;
  color: rgba(17, 17, 17, 0.6);
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.01em;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_info span + span {
  margin-left: 10px;
  padding-left: 11px;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_info span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 1px;
  height: 13px;
  background-color: rgba(0, 0, 0, 0.3);
}

.event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_date {
  margin-left: 16px;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_date span {
  font-family: 'Roboto';
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.01em;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_cont-box {
  color: #111111;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.01em;
  word-break: break-all;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_photo-box {
  margin-top: 20px;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_photo-box .photo-list:after {
  content: '';
  display: block;
  clear: both;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_photo-box .photo-list > li {
  float: left;
  margin-right: 10px;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_photo-box .photo-list .thumb_photo {
  width: 142px;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_photo-box .photo-list .thumb_photo .img-ratio {
  overflow: hidden;
  border-radius: 6px;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_photo-box .photo-list .thumb_photo .img-ratio img {
  width: 100%;
  min-height: 142px;
  object-fit: cover;
}


.event_reply_list-section .reply_list-area .reply-item .wrt_cont_blind-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_cont_blind-box i {
  margin-right: 6px;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_cont_blind-box span {
  color: rgba(0, 0, 0, 0.4);
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.01em;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box {
  padding: 24px 24px 10px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box textarea {
  /*height:76px;*/
  height: 90px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.01em;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo {
  margin-top: 24px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo .photo-list:after {
  content: '';
  display: block;
  clear: both;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo .photo-list > li {
  float: left;
  margin-right: 10px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo .photo-list .thumb_photo {
  position: relative;
  width: 142px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo .photo-list .thumb_photo .img-ratio {
  overflow: hidden;
  border-radius: 6px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo .photo-list .thumb_photo .img-ratio img {
  width: 100%;
  min-height: 142px;
  object-fit: cover;
}


.event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo .photo-list .thumb_photo .btn_del_photo {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 2;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write {
  position: relative;
  display: flex;
  justify-content: right;
  align-items: center;
  margin-top: 16px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write > div {
  position: relative;
  display: inline-block;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .upload_photo {
  position: absolute;
  left: 0;
  bottom: 11px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .upload_photo label {
  cursor: pointer;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .upload_photo i {
  vertical-align: top;
  position: relative;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .upload_photo .btn_hidden_upload_photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: 2;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check {
  margin-right: 24px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check .wr_byte, .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check .total_byte {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.01em;
  font-family: 'Roboto';
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check .wr_byte {
  color: #000;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check .total_byte {
  color: rgba(0, 0, 0, 0.3);
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check .wr_byte + .total_byte {
  margin-left: 4px;
  padding-left: 5px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check .wr_byte + .total_byte::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
  width: 1px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .btn_reply {
  display: flex;
  margin-right: -14px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .btn_reply .btn {
  min-width: 90px;
  height: 54px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .btn_reply .btn span {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.01em;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .btn_reply .btn + .btn {
  margin-left: 8px;
}

.event_reply_list-section .reply_list-area .reply-item .more_set-box {
  position: absolute;
  right: 0;
  top: 0;
}

.event_reply_list-section .reply_list-area .reply-item .more_set-box .btn_more_set {
  float: right;
}

.event_reply_list-section .reply_list-area .reply-item .more_set-box .btn_more_set > i {
  vertical-align: top;
}

.event_reply_list-section .reply_list-area .reply-item .more_set-box .more_set-layer {
  position: relative;
  right: -20px;
  margin-top: 28px;
  z-index: 2;
  min-width: 93px;
  width: auto;
  padding: 24px 28px;
  border: 1px solid #000;
  border-radius: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  background: #fff;
  display: none;
}

.event_reply_list-section .reply_list-area .reply-item .more_set-box .more_set-layer li + li {
  margin-top: 12px;
}

.event_reply_list-section .reply_list-area .reply-item .more_set-box .more_set-layer .btn_set {
  display: block;
}

.event_reply_list-section .reply_list-area .reply-item .more_set-box .more_set-layer .btn_set span {
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_btn {
  margin-left: 20px;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_btn .btn_wrt_nested {
  vertical-align: top;
}

.event_reply_list-section .reply_list-area .reply-item .wrt_btn .btn_wrt_nested span {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.01em;
  text-align: left;
  text-decoration: underline;
  vertical-align: top;
}

.event_reply_list-section .reply_list-area .reply-item.nested_reply .wrt_head-box, .event_reply_list-section .reply_list-area .reply-item.nested_reply .wrt_cont-box, .event_reply_list-section .reply_list-area .reply-item.nested_reply .wrt_photo-box {
  padding-left: 50px;
  position: relative;
}

.event_reply_list-section .reply_list-area .reply-item.nested_reply .textarea-box {
  margin-left: 54px;
  margin-right: 20px;
}

.event_reply_list-section .reply_list-area .reply-item.nested_reply .textarea-box::before,
.event_reply_list-section .reply_list-area .reply-item.nested_reply .wrt_head-box::before {
  content: '';
  position: absolute;
  left: 30px;
  top: 8px;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  border-left: 1px solid rgba(0, 0, 0, 0.6);
}


/* theme-dark */
.event_reply_list-section .theme-dark.reply_list-area .reply-item .wrt_cont-box {
  color: #fff;
}
.event_reply_list-section .theme-dark.reply_list-area .reply-item .wrt_head-box .wrt_info span {
  color: rgba(255, 255, 255, 0.6);
}
.event_reply_list-section .theme-dark.reply_list-area .reply-item .wrt_head-box .wrt_date span{
  color: rgba(255, 255, 255, 0.4);
}
.event_reply_list-section .theme-dark.reply_list-area .reply-item .wrt_btn .btn_wrt_nested span{
  color:#fff;
}
.event_reply_list-section .theme-dark.reply_list-area .reply-item .wrt_head-box .wrt_info span + span::before{
  background-color: rgba(255, 255, 255, 0.3);
}

.event_reply_list-section .theme-dark.reply_list-area .reply-item .textarea-box .ft_write .byte_check .total_byte {
  color: rgba(255, 255, 255, 0.3);
}
.event_reply_list-section .theme-dark.reply_list-area .reply-item .textarea-box .ft_write .byte_check .wr_byte{
  color:#fff;
}
.event_reply_list-section .theme-dark.reply_list-area .reply-item .textarea-box .ft_write .byte_check .wr_byte + .total_byte::before{
  background-color: rgba(255, 255, 255, 0.2);
}
.event_reply_list-section .theme-dark.reply_list-area .reply-item .wrt_cont_blind-box span {
  color: rgba(255, 255, 255, 0.4);
}

.event_reply_list-section .theme-dark.reply_list-area .reply-item.nested_reply .textarea-box::before,
.event_reply_list-section .theme-dark.reply_list-area .reply-item.nested_reply .wrt_head-box::before {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}



@media all and (max-width: 959px) {
  .event_reply_list-section .reply_list-area .reply-item .wrt_head-box {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
    margin-right: 25px;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_info i.icon_nonmb {
    margin-right: 6px;
    padding: 0px 6px;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 10px;
    line-height: 20px;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_info span {
    font-size: 14px;
    line-height: 20px;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_info span + span {
    margin-left: 8px;
    padding-left: 9px;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_info span + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    width: 1px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_date {
    margin-left: 0;
    margin-top: 4px;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_head-box .wrt_date span {
    font-size: 12px;
    line-height: 14px;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_cont-box {
    font-size: 15px;
    line-height: 22px;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_photo-box {
    margin-top: 16px;
    overflow: auto;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_photo-box .photo-list {
    display: inline-flex;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_cont_blind-box i {
    margin-right: 4px;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_cont_blind-box span {
    font-size: 13px;
    line-height: 20px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box {
    /*padding:16px 16px 17px;*/
    padding: 16px 20px 8px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box textarea {
    height: 104px;
    font-size: 15px;
    line-height: 26px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo {
    margin-top: 16px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo .photo-list > li {
    margin-right: 10px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo .photo-list .thumb_photo {
    width: 63px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo .photo-list .thumb_photo .img-ratio {
    border-radius: 4px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .preview_photo .photo-list .thumb_photo .btn_del_photo {
    right: 0px;
    top: 0px;
    padding: 4px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write {
    margin-top: 8px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .upload_photo {
    left: -3px;
    bottom: 9px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check {
    margin-right: 10px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check .wr_byte, .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check .total_byte {
    font-size: 13px;
    line-height: 20px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check .wr_byte + .total_byte {
    margin-left: 4px;
    padding-left: 5px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .byte_check .wr_byte + .total_byte::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    width: 1px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .btn_reply {
    margin-right: -12px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .btn_reply .btn {
    min-width: 62px;
    height: 38px;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .btn_reply .btn span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.02em;
  }
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .ft_write .btn_reply .btn + .btn {
    margin-left: 4px;
  }
  .event_reply_list-section .reply_list-area .reply-item .more_set-box .more_set-layer {
    padding: 14px 12px;
    right: -4px;
    min-width: 46px;
    border-radius: 12px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);
  }
  .event_reply_list-section .reply_list-area .reply-item .more_set-box .more_set-layer .btn_set span {
    color: #000;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_btn {
    margin-left: 0px;
    margin-top: 20px;
  }
  .event_reply_list-section .reply_list-area .reply-item .wrt_btn .btn_wrt_nested span {
    font-size: 13px;
    line-height: 15px;
  }
  .event_reply_list-section .reply_list-area .reply-item.nested_reply .wrt_head-box, .event_reply_list-section .reply_list-area .reply-item.nested_reply .wrt_cont-box, .event_reply_list-section .reply_list-area .reply-item.nested_reply .wrt_photo-box {
    padding-left: 28px;
  }
  .event_reply_list-section .reply_list-area .reply-item.nested_reply .textarea-box {
    margin-left: 0px;
    margin-right: 0px;
  }
  .event_reply_list-section .reply_list-area .reply-item.nested_reply .textarea-box::before {
    display: none;
  }
  .event_reply_list-section .reply_list-area .reply-item.nested_reply .wrt_head-box::before {
    left: 12px;
    top: 6px;
    width: 6px;
    height: 5px;
  }
}


/* ============ 댓글_리스트 섹션, 댓글_쓰기 섹션 이모지  ============ */

.event_reply_wrt-section .reply_write-area .reply_emoji-slide-wrap,
.event_reply_list-section .reply_list-area .reply_emoji-slide-wrap{
  position: relative;
  overflow:hidden;
  margin-top: 20px;
}



.event_reply_wrt-section .reply_write-area .reply_emoji-slide:before,
.event_reply_list-section .reply_list-area .reply_emoji-slide:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 70px;
  height: 100px;
  background: linear-gradient(270deg, #FFFFFF 7.5%, rgba(255, 255, 255, 0.599332) 45%, rgba(255, 255, 255, 0) 79.29%);
  opacity: .95;
  mix-blend-mode: normal;
  z-index: 2;
}

.event_reply_list-section .reply_list-area .reply_emoji-slide:before{
  background: linear-gradient(270deg, #F5F5F5 7.5%, rgba(245, 245, 245, 0.5) 45%, rgba(245, 245, 245, 0) 79.29%);

}

.event_reply_wrt-section .reply_write-area .reply_emoji-slide.swiperEnd:before,
.event_reply_list-section .reply_list-area .reply_emoji-slide.swiperEnd:before {
  display: none;
}

.event_reply_wrt-section .reply_write-area .reply_emoji-slide .swiper-slide,
.event_reply_list-section .reply_list-area .reply-item .textarea-box .reply_emoji-slide .swiper-slide{
  width: 100px;
  height: 100px;
}

.event_reply_wrt-section .reply_write-area .reply_emoji-slide .swiper-slide{
  margin-right: 55px;
}

.event_reply_list-section .reply_list-area .reply-item .textarea-box .reply_emoji-slide .swiper-slide{
  margin-right: 44px;
}

.event_reply_wrt-section .reply_write-area .reply_emoji-slide .swiper-slide:last-child,
.event_reply_list-section .reply_list-area .reply-item .textarea-box .reply_emoji-slide .swiper-slide:last-child{
  margin-right: 0;
}

/* .event_reply_list-section .reply_list-area .reply-item .textarea-box .reply_emoji-slide .swiper-slide{
  margin-right: 44px !important;
} */

.event_reply_wrt-section .reply_write-area .reply_emoji-slide .swiper-slide img,
.event_reply_list-section .reply_list-area .reply-item .textarea-box .reply_emoji-slide .swiper-slide img{
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.event_reply_wrt-section .reply_write-area .mark_dot-list{
  margin-top: 10px;
}


.event_reply_wrt-section .reply_write-area .textarea-box .reply_emoji-img-area,
.event_reply_list-section .reply_list-area .reply-item .reply_emoji-img-area{
  width: 100%;
  height: 142px;
  display: block;
  margin-bottom: 20px;
}


.event_reply_wrt-section .reply_write-area .textarea-box .reply_emoji-img,
.event_reply_list-section .reply_list-area .textarea-box .reply_emoji-img{
  width: 142px;
  height: 142px;
  position: relative;
}

.event_reply_list-section .reply_list-area .textarea-box .reply_emoji-img{
  margin-bottom: 20px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .reply_emoji-img img,
.event_reply_list-section .reply_list-area .reply-item .wrt_cont-box .reply_emoji-img img{
  width: 142px;
  height: 142px;
  object-fit: contain;
}

.event_reply_wrt-section .reply_write-area .textarea-box .reply_emoji-img .btn_del_photo,
.event_reply_list-section .reply_list-area .textarea-box .reply_emoji-img .btn_del_photo{
  position: absolute;
  top: 6px;
  right: 6px;
}

.event_reply_wrt-section .reply_write-area .textarea-box .reply_emoji-txt{
  max-width: 968px;
  max-height: 90px;
  overflow-y: auto;
}

.event_reply_list-section .reply_list-area .wrt_cont-box .reply_emoji-img{
  margin-bottom: 20px;
}

@media all and (max-width: 959px) {
  .event_reply_wrt-section .reply_write-area .reply_emoji-slide .swiper-slide,
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .reply_emoji-slide .swiper-slide{
    width: 56px;
    height: 56px;
  }

  .event_reply_wrt-section .reply_write-area .reply_emoji-slide .swiper-slide,
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .reply_emoji-slide .swiper-slide{
    margin-right: 12px;
  }


  .event_reply_wrt-section .reply_write-area .reply_emoji-slide .swiper-slide img,
  .event_reply_list-section .reply_list-area .reply-item .textarea-box .reply_emoji-slide .swiper-slide img{
    width: 100%;
    height: 56px;
  }
  
  .event_reply_wrt-section .reply_write-area .mark_dot-list,
  .event_reply_list-section .reply_list-area .mark_dot-list{
    margin-top: 16px;
  }

  .event_reply_wrt-section .reply_write-area .textarea-box .reply_emoji-img-area,
  .event_reply_list-section .reply_list-area .reply-item .wrt_cont-box .reply_emoji-img-area{
    width: 100%;
    height: 63px;
    margin-bottom: 16px;
  }

  .event_reply_wrt-section .reply_write-area .textarea-box .reply_emoji-img{
    width: 63px;
    position: relative;
  }

  .event_reply_wrt-section .reply_write-area .textarea-box .reply_emoji-img img{
    width: 63px;
    height: 63px;
  }

  .event_reply_wrt-section .reply_write-area .textarea-box .reply_emoji-img .btn_del_photo{
    top: 4px;
    right: 4px;
  }

  .event_reply_wrt-section .reply_write-area .textarea-box .reply_emoji-txt{
    max-width: 100%;
    max-height: 104px;
    overflow-y: auto;
    font-size: 15px;
    line-height: 26px;
  }

  .event_reply_list-section .reply_list-area .wrt_cont-box .reply_emoji-img{
    margin-bottom: 16px;
  }
}


/* ============ 이벤트 응모 섹션 ============ */
.event_join-section .event_join-wrap {
  padding: 100px 112px;
  background-color: #F8F8F8;
  border-radius: 12px;
}

.event_join-section .event_join-wrap + .event_join-wrap {
  padding-top: 0;
}

.event_join-section .event_join-wrap.step-type + .event_join-wrap.step-type {
  padding: 100px 112px;
}

.event_join-section .event_join-wrap.step-type .event_btn-wrap{
  margin-top: 48px;
}

.event_join-section .event_join-wrap.step-type .event_btn-wrap .btn._xlg{
  min-height: 80px;
  min-width: 328px !important;
}

@media all and (max-width: 959px) {
  
  .event_join-section .event_join-wrap {
    padding: 10px 0px 40px;
    margin: 0px -16px;
    border-radius: 0;
  }

  .event_join-section .event_join-wrap.step-type + .event_join-wrap.step-type {
    padding: 0;
  }

  .event_join-section .event_join-wrap,
  .event_join-section .event_join-wrap.step-type{
    padding: 0px 0px 60px;
  }

  .event_join-section .event_join-wrap.step-type .event_btn-wrap{
    margin-top: 40px;
  }
  
  .event_join-section .event_join-wrap.step-type .event_btn-wrap .btn._xlg{
    min-height: 48px;
    width: auto;
    min-width: 160px !important;
    padding: 0;
  }

}

.event_join-section .event_join-wrap .join-inner {
  position: relative;
  padding: 80px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .join-inner {
    padding: 40px 16px;
    border-radius: 0;
  }
}

.event_join-section .event_join-wrap .quest-area {
  margin-bottom: 48px;
}

.event_join-section .event_join-wrap .quest-area .quest {
  color: #000;
  font-weight: 700;
}

.event_join-section .event_join-wrap .quest-area .quest .q_text {
  font-size: 32px;
  line-height: 46px;
  letter-spacing: -0.02em;
}

.event_join-section .event_join-wrap .quest-area .quest .q_ask {
  font-family: 'Helvetica','Arial';
  font-size: 38px;
  line-height: 44px;
  margin-right: 10px;
  letter-spacing: -0.02em;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .quest-area {
    margin-bottom: 32px;
  }
  .event_join-section .event_join-wrap .quest-area .quest .q_text {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
  }
  .event_join-section .event_join-wrap .quest-area .quest .q_ask {
    font-size: 24px;
    line-height: 28px;
    margin-right: 6px;
  }
}

.event_join-section .event_join-wrap .vote_list-area .vote .thumb-box .img-ratio {
  border-radius: 6px;
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .vote_list-area .vote .thumb-box .img-ratio {
    border-radius: 4px;
  }
}

.event_join-section .event_join-wrap .vote_list-area .vote .info-box .cont_text {
  color: #000;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.event_join-section .event_join-wrap .vote_list-area .vote .info-box .cont_text span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.event_join-section .event_join-wrap .vote_list-area .vote .info-box .progress {
  display: flex;
  align-items: center;
}

.event_join-section .event_join-wrap .vote_list-area .vote .info-box .progress .progress-bar {
  width: calc(100% - 84px);
  position: relative;
  height: 18px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 30px;
}

.event_join-section .event_join-wrap .vote_list-area .vote .info-box .progress .progress-bar em {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 100%;
  background-color: #FF1230;
  border-radius: 30px;
}

.event_join-section .event_join-wrap .vote_list-area .vote .info-box .progress .percent {
  width: 84px;
  color: #000;
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.01em;
  text-align: right;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .vote_list-area .vote .info-box .cont_text {
    letter-spacing: -0.01em;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote .info-box .progress .progress-bar {
    width: calc(100% - 58px);
    height: 10px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote .info-box .progress .percent {
    width: 58px;
    font-size: 14px;
    line-height: 16px;
  }
}

.event_join-section .event_join-wrap .vote_list-area .vote .btn-box .btn {
  width: 100%;
  height: 80px;
  border: 1px solid rgba(0, 0, 0, 0.8);
}


.event_join-section .event_join-wrap .vote_list-area .vote .btn-box .btn span {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.01em;
}


@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .vote_list-area .vote .btn-box .btn {
    height: 48px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote .btn-box .btn span {
    font-size: 15px;
    line-height: 26px;
  }
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 > li {
  width: 100%;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 > li:first-child .vote {
  padding-top: 0 !important;
  border-top: none !important;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 > li:last-child .vote {
  padding-bottom: 0 !important;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote > [class$='-box'] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .thumb-box {
  flex: 0 0 auto;
  width: 160px;
  padding-right: 32px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .info-box {
  flex: 1 1 auto;
  position: relative;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .info-box .cont_text {
  height: auto;
  font-size: 24px;
  line-height: 36px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .info-box .progress {
  margin-top: 14px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .btn-box {
  flex: 0 0 auto;
  width: 278px;
  padding-left: 110px;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote {
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .thumb-box {
    width: 88px;
    padding-right: 16px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .info-box {
    width: calc(100% - 88px);
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .info-box .cont_text {
    line-height: 24px;
    font-size: 16px;
    display: flex;
    min-height: auto;
    align-items: center;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .info-box .progress {
    position: relative;
    margin-top: 8px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .btn-box {
    width: 100%;
    padding-left: 0;
    margin-top: 16px;
    height: auto;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .btn-box .btn {
    height: 48px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote .btn-box .btn span {
    font-size: 15px;
    line-height: 26px;
  }
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote.line {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 40px;
  padding-bottom: 40px;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote.line {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote.line .info-box {
    width: calc(100% - 110px);
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote.line .info-box .cont_text {
    height: 48px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote.line .info-box .progress {
    height: 16px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote.line .info-box .progress .progress-bar {
    position: absolute;
    left: 0;
    width: calc(100vw - 16px - 20px - 58px);
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote.line .info-box .progress .percent {
    position: absolute;
    left: calc(100vw - 16px - 20px - 58px);
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote.line .btn-box {
    width: 110px;
    padding-left: 30px;
    margin-top: 0;
    height: 48px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote.line .btn-box .btn {
    height: 40px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type1 .vote.line .btn-box .btn span {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.01em;
  }
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 .vote .thumb-box,
.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 .vote .thumb-box {
  margin-bottom: 24px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 .vote .info-box .cont_text,
.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 .vote .info-box .cont_text {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  height: 68px;
  font-size: 24px;
  line-height: 34px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 .vote .info-box .progress,
.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 .vote .info-box .progress {
  margin-top: 24px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 .vote .btn-box,
.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 .vote .btn-box {
  margin-top: 32px;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 .vote .thumb-box,
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 .vote .thumb-box {
    margin-bottom: 12px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 .vote .info-box .cont_text,
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 .vote .info-box .cont_text {
    height: 44px;
    font-size: 14px;
    line-height: 22px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 .vote .info-box .progress,
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 .vote .info-box .progress {
    margin-top: 12px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 .vote .btn-box,
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 .vote .btn-box {
    margin-top: 20px;
  }
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -16px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 > li {
  position: relative;
  width: calc(100% / 2);
  padding: 0px 16px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 > li:nth-child(even) .thumb-box:before {
  content: 'VS';
  position: absolute;
  left: 0px;
  top: 50%;
  background-color: #fff;
  z-index: 2;
  width: 140px;
  height: 140px;
  border-radius: 100%;
  color: #222;
  font-family: 'Roboto';
  font-size: 70px;
  font-weight: 900;
  line-height: 146px;
  letter-spacing: -0.03em;
  text-align: center;
  transform: translate(-50%, -50%);
  margin-left: -16px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.36);
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 .vote .thumb-box {
  position: relative;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 {
    margin: 0px -8px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 > li {
    padding: 0px 8px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 > li:nth-child(even) .thumb-box:before {
    width: 52px;
    height: 52px;
    font-size: 22px;
    line-height: 54px;
    letter-spacing: -0.02em;
    margin-left: -8px;
  }
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 {
  display: flex;
  flex-wrap: wrap;
  margin: -60px -30px 0px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 > li {
  width: calc(100% / 3);
  padding: 0px 30px;
  margin-top: 60px;
}

.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type2 .vote .info-box .cont_text span,
.event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 .vote .info-box .cont_text span{
  width: 100%;
  text-align: center;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 {
    margin: -40px -8px 0px;
  }
  .event_join-section .event_join-wrap .vote_list-area .vote_list.col_type3 > li {
    width: calc(100% / 2);
    padding: 0px 8px;
    margin-top: 40px;
  }
}

.event_join-section .event_join-wrap .q_img-area {
  margin-bottom: 48px;
}

.event_join-section .event_join-wrap .q_img-area .q_img-box {
  text-align: center;
}

.event_join-section .event_join-wrap .q_img-area .q_img-box img {
  max-width: 936px;
  border-radius: 6px;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .q_img-area {
    margin-bottom: 24px;
  }
  .event_join-section .event_join-wrap .q_img-area .q_img-box img {
    max-width: none;
    width: 100%;
    border-radius: 4px;
  }
}

.event_join-section .event_join-wrap .answer-area{
  padding: 0 20px;
}

.event_join-section .event_join-wrap .answer-area + .answer-area {
  margin-top: 30px;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .answer-area{
    padding: 0;
  }

  .event_join-section .event_join-wrap .answer-area + .answer-area {
    margin-top: 20px;
  }
}

.event_join-section .event_join-wrap .answer-area .answer-box {
  /* form custom */
  /* 파일첨부 */
}

.event_join-section .event_join-wrap .answer-area .answer-box .form_list > li + li {
  margin-top: 30px;
}

.event_join-section .event_join-wrap .answer-area .answer-box .trp.radio-box,
.event_join-section .event_join-wrap .answer-area .answer-box .trp.checkbox-box {
  padding-left: 40px;
}

.event_join-section .event_join-wrap .answer-area .answer-box .trp.radio-box label,
.event_join-section .event_join-wrap .answer-area .answer-box .trp.checkbox-box label {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.01em;
}

.event_join-section .event_join-wrap .answer-area .answer-box .trp.radio-box input[type="radio"] + i,
.event_join-section .event_join-wrap .answer-area .answer-box .trp.checkbox-box input[type="checkbox"] + i {
  top: 3px;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .answer-area .answer-box .form_list > li + li {
    margin-top: 20px;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .trp.radio-box,
  .event_join-section .event_join-wrap .answer-area .answer-box .trp.checkbox-box {
    padding-left: 32px;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .trp.radio-box label,
  .event_join-section .event_join-wrap .answer-area .answer-box .trp.checkbox-box label {
    font-size: 16px;
    line-height: 28px;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .trp.radio-box input[type="radio"] + i,
  .event_join-section .event_join-wrap .answer-area .answer-box .trp.checkbox-box input[type="checkbox"] + i {
    top: 2px;
  }
}

.event_join-section .event_join-wrap .answer-area .answer-box input[type="text"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="password"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="number"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="tel"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="url"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="email"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="search"],
.event_join-section .event_join-wrap .answer-area .answer-box .textarea-box,
.event_join-section .event_join-wrap .answer-area .answer-box .select-box .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid black;
  border-radius: 6px !important;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .answer-area .answer-box input[type="text"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="password"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="number"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="tel"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="url"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="email"], .event_join-section .event_join-wrap .answer-area .answer-box input[type="search"],
  .event_join-section .event_join-wrap .answer-area .answer-box .textarea-box,
  .event_join-section .event_join-wrap .answer-area .answer-box .select-box .select2-container--default .select2-selection--single {
    border-color: black;
    border-radius: 4px !important;
  }
}

.event_join-section .event_join-wrap .answer-area .answer-box .select-box .select2-container--default .select2-selection--single {
  height: 70px;
}

.event_join-section .event_join-wrap .answer-area .answer-box .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 20px;
  line-height: 30px;
  padding: 19px 52px 19px 23px;
}

.event_join-section .event_join-wrap .answer-area .answer-box .select-box .select2-container--open .select2-selection--single {
  border-color: #000;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .answer-area .answer-box .select-box .select2-container--default .select2-selection--single {
    height: 56px;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    line-height: 28px;
    padding: 13px 50px 13px 15px;
  }
}


.event_join-section .event_join-wrap .answer-area .answer-box .addfile .info_txt {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 20px;
}

.event_join-section .event_join-wrap .answer-area .answer-box .addfile .info_txt.mark_dot-list{
  margin-bottom: 0;
}
.event_join-section .event_join-wrap .answer-area .answer-box .addfile .info_txt.mark_dot-list li{
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 4px;
  font-weight: 500;
}

.event_join-section .event_join-wrap .answer-area .answer-box .addfile .info_txt.mark_dot-list li:last-child{
  margin: 0;
}

.event_join-section .event_join-wrap .answer-area .answer-box .addfile .info_txt.mark_dot-list li:after{
  top: 13px
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile .info_txt.mark_dot-list li{
    margin: 0 0 8px;
  }
}
.event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-list-box {
  padding: 23px;
  background-color: #fff;
}

.event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-list-box .file-item + .file-item {
  margin-top: 16px;
  padding-top: 16px;
}

.event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-list-box .file-item .file_name {
  font-size: 20px;
  line-height: 30px;
}

.event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-btn-box {
  margin-top: 24px;
}

.event_join-section .event_join-wrap .answer-area .answer-box .addfile.new .file-btn-box{
  margin-top: 14px;
}

.event_join-section .event_join-wrap .answer-area .answer-box .addfile.new .file-btn-box .file-btn,
.event_join-section .event_join-wrap .answer-area .answer-box .addfile.new .file-btn-box .file_item{
  margin-top: 10px;
}

.event_join-section .event_join-wrap .answer-area .addfile.new{
  padding-bottom: 18px;
}

.event_join-section .event_join-wrap .answer-area:last-child .addfile.new{
  padding-bottom: 0;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile.new .file-btn-box{
    margin-top: 6px;
  }
  
  .event_join-section .event_join-wrap .answer-area .addfile.new{
    padding-bottom: 20px;
  }
}

/* .event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-btn-box .file-btn .btn {
  min-width: 272px;
  height: 80px;
}

.event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-btn-box .file-btn .btn span {
  font-size: 24px;
  line-height: 30px;
} */

.event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-btn-box .file-btn .btn.btn_default {
  border-color: rgba(0, 0, 0, 0.8);
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile .info_txt {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-list-box {
    padding: 19px;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-list-box .file-item {
    align-items: flex-start;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-list-box .file-item .file_name {
    font-size: 16px;
    line-height: 23px;
    overflow: auto;
    white-space: normal;
    text-overflow: initial;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-list-box .file-item .btn_del i {
    vertical-align: top;
    margin-top: 6px;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-btn-box {
    margin-top: 0px;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-btn-box .file-btn .btn {
    height: 48px;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-btn-box .file-btn .btn span {
    font-size: 15px;
    line-height: 26px;
  }
  .event_join-section .event_join-wrap .answer-area .answer-box .addfile .file-list-box + .file-btn-box {
    margin-top: 20px;
  }
}

.event_join-section .event_join-wrap .answer-area .mark_dot-list {
  padding-left: 4px;
}

.event_join-section .event_join-wrap .answer-area .mark_dot-list li {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 22px;
}

.event_join-section .event_join-wrap .answer-area .mark_dot-list li:after {
  top: 9px;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .answer-area .mark_dot-list li {
    font-size: 12px;
    line-height: 20px;
  }
  .event_join-section .event_join-wrap .answer-area .mark_dot-list li:after {
    top: 8px;
    width: 4px;
    height: 4px;
  }
}

.event_join-section .event_join-wrap .answer-area .answer-box + .mark_dot-list {
  margin-top: 10px;
}

.event_join-section .event_join-wrap .event_time_tooltip{
  width: 402px;
  height: 110px;
  
  position: absolute;
  top: -68px;
  left: 0;
  background: url(../images/etc/timetooltip/bg_time_tooltip.png) no-repeat left top;
}


.event_join-section .event_join-wrap .event_time_tooltip .inner{
  padding: 13px 32px;
  display: flex;
  align-items: center;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .event_time_tooltip{
    width: 202px;
    height: 55px;
    top: -20px;
    left: 16px;
    /* background: url(../images/etc/timetooltip/bg_time_tooltip.png) no-repeat left top; */
    background-size: contain;
  }
  
  
  .event_join-section .event_join-wrap .event_time_tooltip .inner{
    padding: 6.5px 16px;
  } 
}

.event_join-section .event_join-wrap .event_time_tooltip .timer{
  width: 64px;
  height: 64px;
  position: relative;
  background: url(../images/etc/timetooltip/bg_circle_timer.png) no-repeat left top;
}

.event_join-section .event_join-wrap .event_time_tooltip .timer .circle-wrap{
  width: 39px; 
  height: 39px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 4px;
}

.event_join-section .event_join-wrap .event_time_tooltip .timer .circle,
.event_join-section .event_join-wrap .event_time_tooltip .timer .circle_bg{
  width: 100%; 
  height: 100%;
  border-radius: 100%;
}
.event_join-section .event_join-wrap .event_time_tooltip .timer .circle{
  position: absolute;
  z-index: 2;
}


.event_join-section .event_join-wrap .event_time_tooltip .timer .circle_bg{
  position: relative;
  z-index: 1;
  background: radial-gradient(100% 100% at 142.5% 13.75%, #FFFFFF 0%, #FF1230 100%);
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-wrap .event_time_tooltip .timer{
    width: 32px;
    height: 32px;
    background-size: contain;
  }
  
  .event_join-section .event_join-wrap .event_time_tooltip .timer .circle-wrap{
    width: 19.5px; 
    height: 19.5px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 2px;
  }
}

.event_join-section .event_join-wrap .event_time_tooltip .txt{
  padding-left: 9px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
}

.event_join-section .event_join-wrap .event_time_tooltip .txt span{
  padding: 0 4px 0 8px;
  color: #FF1230;
  font-size: 24px;
}

.event_join-section .event_join-wrap .event_time_tooltip .txt span em{
  font-size: 30px;
}


@media all and (max-width: 959px) {
  
  .event_join-section .event_join-wrap .event_time_tooltip .txt{
    padding-left: 5px;
    font-size: 11px;
  }

  .event_join-section .event_join-wrap .event_time_tooltip .txt span{
    padding: 0 2px 0 4px;
    font-size: 12px;
  }

  .event_join-section .event_join-wrap .event_time_tooltip .txt span em{
    font-size: 15px;
  }
}
































/* 230125 추가 */
.event_join-section .event_btn-wrap .btn._xlg{
  min-height: 90px;
  padding: 0 110px;
}
.event_join-section .event_btn-wrap .btn._xlg span{
  font-size: 24px;
}
.event_join-section .event_btn-wrap.step-type .btn_set-double{
  display: table;
  margin: 0 auto;
}
.event_join-section .event_btn-wrap.step-type .btn_set-double .btn_item{
  width: auto;
}
@media all and (max-width: 959px) {
  .event_join-section .event_btn-wrap .btn._xlg{
    min-width: auto !important;
    width: 100%;
    min-height: 60px;
  }
  .event_join-section .event_btn-wrap .btn._xlg span{
    font-size: 16px;
  }
}

.event_join-section .event_join-select-wrap {
  padding: 40px 28px;
  background-color: #F8F8F8;
  border-radius: 12px;
  margin-bottom: 40px;
}

.event_join-section .event_join-select-wrap .form_list li{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.event_join-section .event_join-select-wrap .form_list .input-title{
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #000;
}
.event_join-section .event_join-select-wrap .form_list .select-box{
  min-width: 275px;
  max-width: 60%;
}

.event_join-section .event_join-select-wrap .select-box .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding-right: 50px;
}

.event_join-section .event_join-select-wrap .select-box .select2-selection__placeholder{
  color:#000 !important;
}

@media all and (max-width: 959px) {
  .event_join-section .event_join-select-wrap {
    width: calc(100% + 32px);
    margin: 0 -16px;
    padding: 24px 16px;
    background-color: #F8F8F8;
    border-radius: 0;
    margin-bottom: 32px;
  }
  
  .event_join-section .event_join-select-wrap .form_list li{
    display: block;
    align-items: center;
    justify-content: space-between;
  }
  
  .event_join-section .event_join-select-wrap .form_list .input-title{
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.01em;
    color: #000;
    margin-bottom:12px;
  }
  .event_join-section .event_join-select-wrap .form_list .select-box{
    min-width: 275px;
    max-width: 100%;
  }
}



/* .event_join-section .trp.checkbox-box input[type="checkbox"]:checked + i:after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='icon_check_red' d='M3,0A3,3,0,0,0,0,3V21a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3ZM17.385,8.944l-5.294,6.75a1.125,1.125,0,0,1-1.609.167L6.776,12.746a1.125,1.125,0,1,1,1.448-1.722l2.815,2.366,4.576-5.834a1.125,1.125,0,1,1,1.77,1.389Z' fill='%23ff1230' fill-rule='evenodd'/%3E%3C/svg%3E");
} */



/* ============ Event View Page ============ */
.event_view-page {
  /* ============ 상세 타이틀 섹션 ============ */
  /* ============ 에디터 섹션 ============ */
  /* ============ 당첨결과 섹션 ============ */
  /* ============ 게시판 네비 섹션 ============ */
  /* ============ 댓글_쓰기 섹션 ============ */
  /* ============ 댓글_리스트 섹션 ============ */
  /* ============ 이벤트 응모 섹션 ============ */
  background-color: #fff;
}

.event_view-page .event_view_title-section .section-wrap {
  padding-top: 80px;
  padding-bottom: 40px;
}

@media all and (max-width: 959px) {
  .event_view-page .event_view_title-section .section-wrap {
    padding-top: 32px;
    padding-bottom: 20px;
  }
}

.event_view-page .event_editor-section .section-wrap {
  padding-top: 0;
  padding-bottom: 80px;
}

@media all and (max-width: 959px) {
  .event_view-page .event_editor-section .section-wrap {
    padding-top: 0;
    padding-bottom: 60px;
  }
}

.event_view-page .event_result-section .section-wrap {
  padding-top: 0px;
  padding-bottom: 120px;
}

@media all and (max-width: 959px) {
  .event_view-page .event_result-section .section-wrap {
    padding-bottom: 90px;
  }
}

.event_view-page .event_navi-section .section-wrap {
  padding: 40px 0 !important;
}

@media all and (max-width: 959px) {
  .event_view-page .event_navi-section .section-wrap {
    padding: 20px 0 !important;
  }
}

.event_view-page .event_reply_wrt-section .section-wrap {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media all and (max-width: 959px) {
  .event_view-page .event_reply_wrt-section .section-wrap {
    padding-top: 90px;
    padding-bottom: 0px;
  }
}

.event_view-page .event_reply_list-section .section-wrap {
  padding-top: 60px;
  padding-bottom: 0px;
}

@media all and (max-width: 959px) {
  .event_view-page .event_reply_list-section .section-wrap {
    padding-top: 40px;
    padding-bottom: 0px;
  }
}



.event_view-page.event_result .event_editor-section .section-wrap {
  padding-bottom: 80px;
}

@media all and (max-width: 959px) {
  .event_view-page.event_result .event_editor-section .section-wrap {
    padding-bottom: 80px;
  }
}



.event_view-page.event_detail .event_editor-section .section-wrap {
  padding-bottom: 60px;
}

@media all and (max-width: 959px) {
  .event_view-page.event_detail .event_editor-section .section-wrap {
    padding-bottom: 60px;
  }
}

@media all and (max-width: 959px) {
  .event_view-page.event_detail .event_reply_wrt-section .section-wrap {
    padding-top: 0px;
  }
}

.event_view-page.event_join .event_editor-section .view_editor-area .poster-box {
  border-radius: 6px;
}

@media all and (max-width: 959px) {
  .event_view-page.event_join .event_editor-section .view_editor-area .poster-box {
    border-radius: 0px;
  }
}

.event_view-page.event_join.board .event_editor-section .section-wrap{
  padding-bottom:80px;
}


.event_view-page.event_join.board .panel-header .header-inner{
  justify-content: flex-end;
}

@media all and (max-width: 959px) {
  .event_view-page.event_join.board .event_editor-section .section-wrap{
    padding-bottom:40px;
  }
}

.event_view-page section[class$="-section"] + section[class$="-section"] .section-wrap {
  padding-top: 0;
}



.event_view-page .view_editor-area {
  max-width: 1096px;
  margin: 0 auto;
}


@media all and (max-width: 959px) {
  .event_view-page .instagram-section{
    padding-top: 40px;
  }
}


.event_view-page .sub_bar_banner-area{
  margin-top: -10px;
  padding-bottom: 40px;
}

@media all and (max-width: 959px) {
  .event_view-page .sub_bar_banner-area{
    margin-top: -5px;
    padding-bottom: 24px;
  }

}
.event_reply_wrt-section + .sub_bar_banner-area{
  margin-top: 50px;
}

@media all and (max-width: 959px) {
  .event_reply_wrt-section + .sub_bar_banner-area{
    margin-top: 10px;
  }
}

.event_view-page .event_reply_list-section + .sub_bar_banner-area{
  margin-top: 80px;
}

@media all and (max-width: 959px) {
  .event_view-page .event_reply_list-section + .sub_bar_banner-area{
    margin-top: 40px;
  }
}

.section-wrap._pb60-40{
  padding-bottom:60px !important;
}
@media all and (max-width: 959px) {
  .section-wrap._pb60-40{
    padding-bottom:40px !important;
  }
}

.section-wrap._pb60-0{
  padding-bottom:60px !important;
}
@media all and (max-width: 959px) {
  .section-wrap._pb60-0{
    padding-bottom:0px !important;
  }
}

._mb60-40{
  margin-bottom:60px !important;
}
@media all and (max-width: 959px) {
  ._mb60-40{
    margin-bottom:40px !important;
  }
}

._mb60-20{
  margin-bottom:60px !important;
}
@media all and (max-width: 959px) {
  ._mb60-20{
    margin-bottom:20px !important;
  }
}

/* 
theme-light
theme-dark
*/
/* 이벤트 전시모듈 */
.event_display-section .section-wrap {
  overflow: hidden;
  background-repeat: repeat-y !important;
}

@media all and (max-width: 959px) {
  .event_display-section .section-wrap {
    background-size: 100%;
  }
}
.event_display-section .panel-body {
  position: relative;
}

.event_display-section .swiper-area {
  position: relative;
}

.event_display-section .swiper-area .theme-dark.swiper_button {
  color: rgba(255, 255, 255, 0.6);
  background: rgba(248, 248, 248, 0.06) !important;
}

.event_display-section .swiper-area .swiper_button {
  display: flex;
  position: absolute;
  top: -80px;
  right: 0;
  z-index: 2;
}

.event_display-section .swiper-area .swiper_button .spf::before {
  font-size: 72px;
}

.event_display-section .swiper-area .swiper_button .swiper-button-disabled i::before,
.event_display-section .swiper-area .swiper_button .swiper-button-disabled i::before {
  opacity: 0.2;
}

.event_display-section .swiper-area .event_module_type.typeA.swiper-container {
  margin: -10px;
}

.event_display-section .swiper-area .event_module_type.typeA.swiper-container .col-type1 > li {
  margin-bottom: 0px;
  padding: 10px;
}

.event_display-section .swiper-area .event_module_type.typeA.swiper-container + .swiper_button {
  top: auto;
  bottom: 10px;
  background: #F8F8F8;
  border-radius: 6px;
}

.event_display-section .swiper-area + .event_module_type {
  margin-top: 24px;
}

@media all and (max-width: 959px) {
  .event_display-section .swiper-area {
    width: 100%;
  }
  .event_display-section .swiper-area .swiper_button {
    display: none;
  }
  .event_display-section .swiper-area .event_module_type.typeA.swiper-container {
    margin: 0px -5px;
    overflow: visible;
  }


  .event_display-section .swiper-area .event_module_type.typeA.swiper-container .col-type1 > li {
    width: 98% !important;
    height: 100%;
    padding: 0 5px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }


  .event_display-section .swiper-area.auto-height-swiper .event_module_type.typeA.swiper-container .col-type1 .swiper-slide {
    height: auto;
  }

  .event_display-section .swiper-area + .event_module_type {
    margin-top: 40px;
  }
}

.event_display-section .event_module_type .empty {
  border-radius: 12px;
  background-color: #F8F8F8;
  text-align: center;
  padding: 210px 0;
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: -0.01em;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type .empty {
    border-radius: 4px;
    padding: 104px 0;
    font-size: 14px;
    line-height: 22px;
  }
}

.event_display-section .event_module_type.typeA.theme-dark .module {
  box-shadow: none !important;
}

.event_display-section .event_module_type.typeA.theme-dark .module .link-area .desc-box .title {
  color: #fff;
}

.event_display-section .event_module_type.typeA.theme-dark .module .link-area .desc-box .title em {
  color: rgba(255, 255, 255, 0.4);
}

.event_display-section .event_module_type.typeA.theme-dark .module .link-area .desc-box .title span {
  color: #fff;
}

.event_display-section .event_module_type.typeA.theme-dark .module .link-area .desc-box .evt_desc strong {
  color: rgba(255, 255, 255, 0.6);
}

.event_display-section .event_module_type.typeA.theme-dark .module .link-area .desc-box .evt_desc span {
  color: rgba(255, 255, 255, 0.4);
}

.event_display-section .event_module_type.typeA.theme-dark .module .link-area .desc-box .evt_desc span .blet::before {
  background: rgba(255, 255, 255, 0.4);
}

.event_display-section .event_module_type.typeA > ul.col-type2,
.event_display-section .event_module_type.typeA > ul.col-type3 {
  margin-top: -60px;
}

.event_display-section .event_module_type.typeA > ul.col-type2 li,
.event_display-section .event_module_type.typeA > ul.col-type3 li {
  margin-top: 60px;
}

.event_display-section .event_module_type.typeA + .event_module_type.typeA {
  margin-top: 60px;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeA > ul.col-type2,
  .event_display-section .event_module_type.typeA > ul.col-type3 {
    margin-top: -40px !important;
  }
  .event_display-section .event_module_type.typeA > ul.col-type2 li,
  .event_display-section .event_module_type.typeA > ul.col-type3 li {
    margin-top: 40px !important;
    margin-bottom: 0px !important;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 0px !important;
  }
  .event_display-section .event_module_type.typeA + .event_module_type.typeA {
    margin-top: 40px;
  }
}

.event_display-section .event_module_type.typeA .module .link-area {
  position: relative;
}

.event_display-section .event_module_type.typeA .module .link-area .thumb-box .img-ratio {
  padding-bottom: 56.17%;
  border-radius: 6px;
  overflow: hidden;
}

.event_display-section .event_module_type.typeA .module .link-area .thumb-box .status {
  position: absolute;
  left: 6px;
  top: 6px;
  z-index: 2;
  background-color: #fff;
  color: #000;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.01em;
  padding: 2px 10px 4px 10px;
  border-radius: 6px;
}

.event_display-section .event_module_type.typeA .module .link-area .thumb-box .status.ing {
  background-color: #000;
  color: #fff;
}

.event_display-section .event_module_type.typeA .module .link-area .thumb-box .status.done {
  background-color: #000;
  color: #fff;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeA .module .link-area .thumb-box {
    position: relative !important;
    width: 100% !important;
    left: auto !important;
    transform: translateX(0) !important;
    margin-bottom: 12px !important;
  }
  .event_display-section .event_module_type.typeA .module .link-area .thumb-box .img-ratio {
    border-radius: 4px;
  }
  .event_display-section .event_module_type.typeA .module .link-area .thumb-box .status {
    left: 4px;
    top: 4px;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 24px;
  }
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .title {
  color: #000;
  font-weight: 700;
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .title span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc > .desc_info {
  display: flex;
  align-items: flex-start;
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc > .desc_info.w-inline {
  display: inline-flex;
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc > .desc_info.w-inline + .w-inline {
  margin-left: 40px;
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc strong {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
  flex: 0 0 auto;
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc span {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  line-break: anywhere;
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc span .blet {
  position: relative;
  margin: 0 10px;
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc span .blet::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.3);
  transform: translate(0, -50%);
  vertical-align: middle;
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc .channel_name{
  word-break: keep-all;
  line-break: auto;
}
.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc span .comma {
  position: relative;
  margin: 0 4px 0 0;
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc span .comma::before {
  content: ',';
}

.event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc strong + span {
  margin-left: 10px;
  padding-top: 0;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeA .module .link-area .desc-box .title {
    width: 100% !important;
    margin: 0px 0px 6px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: -0.02em !important;
    padding-right: 40px !important;
  }
  .event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc {
    padding-right: 40px !important;
    width: 100% !important;
  }
  .event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc > .desc_info {
    width: 100% !important;
    margin-left: 0px !important;
  }
  .event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc .desc_info + .desc_info {
    margin-top: 2px !important;
  }
  .event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc strong, .event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc span {
    font-size: 13px !important;
    line-height: 19px !important;
    letter-spacing: -0.01em !important;
  }
  .event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc strong + span {
    margin-left: 8px;
  }
  .event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc span .blet {
    margin: 0 6px;
  }
  .event_display-section .event_module_type.typeA .module .link-area .desc-box .evt_desc span .blet::before {
    content: '';
    width: 3px;
    height: 3px;
  }
}

.event_display-section .event_module_type.typeA i.icon-open {
  position: relative;
  display: inline-flex;
  background-color: #FF1230;
  color: #fff;
  border-radius: 64px;
  margin-right: 6px;
  padding: 3px 12px 3px 28px;
  vertical-align: top;
}

.event_display-section .event_module_type.typeA i.icon-open::before {
  content: '';
  position: absolute;
  left: 9px;
  top: 8px;
  width: 16px;
  height: 16px;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: 0px -367px;
  width: 16px;
  height: 16px;
}

.event_display-section .event_module_type.typeA i.icon-open em {
  font-size: 15px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: #fff !important;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeA i.icon-open {
    padding: 4px 10px 4px 22px;
    margin-top: -1px !important;
  }
  .event_display-section .event_module_type.typeA i.icon-open::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 6px;
    width: 14px;
    height: 14px;
    background: url("../images/common/icon-timer_28.png");
    background-size: 100%;
  }
  .event_display-section .event_module_type.typeA i.icon-open em {
    font-size: 11px;
    line-height: 18px;
  }
}

.event_display-section .event_module_type.typeA .col-type1 > li {
  margin-bottom: 24px;
  height: 384px;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeA .col-type1 > li {
    height: auto;
  }
}

.event_display-section .event_module_type.typeA .col-type1 i.icon-open {
  margin-top: 2px;
}

.event_display-section .event_module_type.typeA .col-type1 .module {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 680px;
  height: 364px;
  border-radius: 6px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeA .col-type1 .module {
    padding-left: 0;
    height: auto;
    justify-content: start;
    border-radius: 0px;
    box-shadow: none;
  }
}

.event_display-section .event_module_type.typeA .col-type1 .module .link-area {
  position: relative;
}

.event_display-section .event_module_type.typeA .col-type1 .module .link-area .thumb-box {
  position: absolute;
  left: -32px;
  top: 0;
  width: 648px;
  transform: translateX(-100%);
}

.event_display-section .event_module_type.typeA .col-type1 .module .link-area .desc-box {
  padding-top: 32px;
}

.event_display-section .event_module_type.typeA .col-type1 .module .link-area .desc-box .title {
  width: 590px;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.03em;
}

.event_display-section .event_module_type.typeA .col-type1 .module .link-area .desc-box .evt_desc {
  width: 590px;
}

.event_display-section .event_module_type.typeA .col-type1 .module .link-area .desc-box .evt_desc .desc_info + .desc_info {
  margin-top: 4px;
}

.event_display-section .event_module_type.typeA .col-type1 .module .link-area .desc-box .evt_desc strong, .event_display-section .event_module_type.typeA .col-type1 .module .link-area .desc-box .evt_desc span {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeA .col-type1 .module .link-area .desc-box {
    padding-top: 0px;
  }
}

.event_display-section .event_module_type.typeA .col-type2 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.event_display-section .event_module_type.typeA .col-type2 > li {
  width: calc(100% / 2);
  flex: 0 0 auto;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 27px;
}

.event_display-section .event_module_type.typeA .col-type2 i.icon-open {
  margin-top: 3px;
}

.event_display-section .event_module_type.typeA .col-type2 .module .link-area .thumb-box {
  margin-bottom: 16px;
}

.event_display-section .event_module_type.typeA .col-type2 .module .link-area .desc-box .title {
  margin-bottom: 10px;
  padding-right: 16px;
  font-size: 26px;
  line-height: 38px;
  letter-spacing: -0.02em;
}

.event_display-section .event_module_type.typeA .col-type2 .module .link-area .desc-box .evt_desc {
  padding-right: 16px;
}

.event_display-section .event_module_type.typeA .col-type2 .module .link-area .desc-box .evt_desc .desc_info + .desc_info {
  margin-top: 4px;
}

.event_display-section .event_module_type.typeA .col-type2 .module .link-area .desc-box .evt_desc strong, .event_display-section .event_module_type.typeA .col-type2 .module .link-area .desc-box .evt_desc span {
  font-size: 20px;
  line-height: 29px;
}

.event_display-section .event_module_type.typeA .col-type3 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.event_display-section .event_module_type.typeA .col-type3 > li {
  width: calc(100% / 3);
  flex: 0 0 auto;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 22px;
}

.event_display-section .event_module_type.typeA .col-type3 i.icon-open {
  margin-top: 1px;
}

.event_display-section .event_module_type.typeA .col-type3 .module .link-area .thumb-box {
  margin-bottom: 10px;
}

.event_display-section .event_module_type.typeA .col-type3 .module .link-area .desc-box .title {
  margin-bottom: 8px;
  padding-right: 16px;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.02em;
}

.event_display-section .event_module_type.typeA .col-type3 .module .link-area .desc-box .evt_desc {
  padding-right: 16px;
}

.event_display-section .event_module_type.typeA .col-type3 .module .link-area .desc-box .evt_desc .desc_info + .desc_info {
  margin-top: 2px;
}

.event_display-section .event_module_type.typeA .col-type3 .module .link-area .desc-box .evt_desc strong, .event_display-section .event_module_type.typeA .col-type3 .module .link-area .desc-box .evt_desc span {
  font-size: 18px;
  line-height: 26px;
}

.event_display-section .event_module_type.typeB.theme-dark ul {
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4);
  background-color: rgba(255, 255, 255, 0.08);
}

.event_display-section .event_module_type.typeB.theme-dark ul li {
  border-color: rgba(255, 255, 255, 0.12);
}

.event_display-section .event_module_type.typeB.theme-dark .module {
  border-color: rgba(255, 255, 255, 0.1);
}

.event_display-section .event_module_type.typeB.theme-dark .module .link-area .desc-box .title {
  color: #fff;
}

.event_display-section .event_module_type.typeB.theme-dark .module .link-area .desc-box .title em {
  color: rgba(255, 255, 255, 0.4);
}

.event_display-section .event_module_type.typeB.theme-dark .module .link-area .desc-box .title span {
  color: #fff;
}

.event_display-section .event_module_type.typeB.theme-dark .module .link-area .desc-box .evt_desc strong {
  color: rgba(255, 255, 255, 0.6);
}

.event_display-section .event_module_type.typeB.theme-dark .module .link-area .desc-box .evt_desc span {
  color: rgba(255, 255, 255, 0.4);
}

.event_display-section .event_module_type.typeB ul {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 54px;
  border-radius: 12px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
}

.event_display-section .event_module_type.typeB ul li {
  width: 50%;
}

.event_display-section .event_module_type.typeB ul li:nth-child(1) .module, .event_display-section .event_module_type.typeB ul li:nth-child(2) .module {
  border-top: 0;
}

.event_display-section .event_module_type.typeB ul li:nth-child(odd) {
  padding-right: 27px;
}

.event_display-section .event_module_type.typeB ul li:nth-child(even) {
  padding-left: 27px;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeB ul {
    padding: 0px;
    border-radius: 0px;
    margin: 0 -16px;
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .event_display-section .event_module_type.typeB ul li {
    width: 100%;
    padding: 24px 16px !important;
    border-top: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  .event_display-section .event_module_type.typeB ul li:first-child {
    padding-top: 0px !important;
  }
  .event_display-section .event_module_type.typeB ul li:last-child {
    padding-bottom: 20px !important;
    border-bottom: 0;
  }
}

.event_display-section .event_module_type.typeB .module {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeB .module {
    padding: 0px !important;
    border-top: 0 !important;
  }
}

.event_display-section .event_module_type.typeB .module .link-area {
  position: relative;
  display: flex;
}

.event_display-section .event_module_type.typeB .module .link-area .thumb-box {
  flex: 0 0 auto;
  width: 200px;
}

.event_display-section .event_module_type.typeB .module .link-area .thumb-box .img-ratio {
  padding-bottom: 56%;
  border-radius: 6px;
  overflow: hidden;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeB .module .link-area .thumb-box {
    display: none;
  }
}

.event_display-section .event_module_type.typeB .module .link-area .desc-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.event_display-section .event_module_type.typeB .module .link-area .desc-box .title em {
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.event_display-section .event_module_type.typeB .module .link-area .desc-box .title .title_txt {
  color: #000;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* .event_display-section .event_module_type.typeB .module .link-area .desc-box .title span > span,
.event_display-section .event_module_type.typeB .module .link-area .desc-box .title q {
  border:1px solid red;
} */

.event_display-section .event_module_type.typeB .module .link-area .desc-box .title q {
  color: #F90228;
  font-weight: 700;
}

.event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 355px;
}

.event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc > .desc_info {
  display: flex;
  align-items: flex-start;
}

.event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc strong, .event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc span {
  font-size: 15px;
  line-height: 22px;
}

.event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc strong {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
  flex: 0 0 auto;
}

.event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc span {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
  line-break: anywhere;
}

.event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc strong + span {
  margin-left: 10px;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeB .module .link-area .desc-box {
    width: 100%;
  }
  .event_display-section .event_module_type.typeB .module .link-area .desc-box .title em {
    margin-bottom: 6px;
  }
  .event_display-section .event_module_type.typeB .module .link-area .desc-box .title .title_txt {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.02em;
    max-height: 44px;
  }
  .event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc {
    margin-top: 8px;
    position: relative;
    left: 0;
    bottom: auto;
    width: calc(100vw - 32px);
  }
  .event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc strong, .event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc span {
    font-size: 13px;
    line-height: 19px;
  }
  .event_display-section .event_module_type.typeB .module .link-area .desc-box .evt_desc strong + span {
    margin-left: 8px;
  }
}

.event_display-section .event_module_type.typeB .module .link-area .thumb-box + .desc-box {
  margin-left: 24px;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeB .module .link-area .thumb-box + .desc-box {
    margin-left: 0;
  }
}

.event_display-section .event_module_type.typeB .module > a {
  width: 100%;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeB .module > a {
    width: calc(100% - 113px);
    flex: 1 1 0;
  }
}

.event_display-section .event_module_type.typeB .module > .btn {
  margin-left: 24px;
  /*min-width: 103px;*/
  padding-left: 17px;
  padding-right: 17px;
  margin-top: 25px;
}

.event_display-section .event_module_type.typeB .module > .btn span {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.01em;
}

.event_display-section .event_module_type.typeB .module > .btn span + i.spf, .event_display-section .event_module_type.typeB .module > .btn span + i.spf-envelope:before {
  font-size: 11px;
  margin-right: 0;
}

@media all and (max-width: 959px) {
  .event_display-section .event_module_type.typeB .module > .btn {
    margin-left: 28px;
    /*min-width:85px;*/
    padding-left: 13px;
    padding-right: 13px;
  }
  .event_display-section .event_module_type.typeB .module > .btn span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.02em;
  }
  .event_display-section .event_module_type.typeB .module > .btn span + i.spf, .event_display-section .event_module_type.typeB .module > .btn span + i.spf-envelope:before {
    font-size: 8px;
    margin-left: 6px;
  }
}

.event_display-section .list_top {
  position: relative;
  margin-bottom: 24px;
}

.event_display-section .list_top.theme-dark .total_count span {
  color: #fff;
}

.event_display-section .list_top.theme-dark .search_form {
  background-color: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

.event_display-section .list_top.theme-dark .search_form input {
  background-color: transparent;
}

.event_display-section .list_top.theme-dark .search_form .btn_search i.icon-search-blue::after {
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -293px -58px;
  width: 48px;
  height: 48px;
}

@media all and (max-width: 959px) {
  .event_display-section .list_top.theme-dark .search_form .btn_search i.icon-search-blue::after {
    background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
    background-size: 208.5px 191.5px;
    background-position: -41px 0px;
    width: 36px;
    height: 36px;
  }
}

.event_display-section .list_top.theme-dark .search_form .btn_refresh {
  border-color: rgba(255, 255, 255, 0.08);
}

.event_display-section .list_top.theme-dark .search_form .btn_refresh i {
  color: #fff;
}

.event_display-section .list_top:after {
  content: '';
  display: block;
  clear: both;
}

.event_display-section .list_top .total_count {
  float: left;
}

.event_display-section .list_top .total_count span {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: -0.02em;
}

.event_display-section .list_top .total_count span .count {
  font-family: 'Roboto';
  color: #F90228;
  font-size: 26px;
  margin-left: 6px;
}

.event_display-section .list_top .search_form {
  float: right;
  margin-top: -36px;
}

@media all and (max-width: 959px) {
  .event_display-section .list_top {
    margin-bottom: 0;
    height: auto;
  }
  .event_display-section .list_top .total_count {
    display: block;
    /*margin-top:28px;*/
    margin-top: 6px;
    margin-bottom: 12px;
  }
  .event_display-section .list_top .total_count span {
    font-size: 14px;
    line-height: 22px;
  }
  .event_display-section .list_top .total_count span .count {
    font-size: 15px;
    margin-left: 2px;
  }
  .event_display-section .list_top .search_form {
    margin-top: 6px;
    margin-bottom: 12px;
  }
  .event_display-section .list_top .search_form + .total_count {
    margin-top: 16px;
  }
}

.event_display-section .event_module_type.typeB {
  margin-top: 6px;
}

@media all and (max-width: 959px) {
  .event_display-section .list_top + .event_module_type.typeB {
    margin-top: 0px;
  }
  .event_display-section .sort_menu-wrap + .list_top .search_form {
    margin-top: 0;
  }
}

/* 이벤트 목록 페이지 */
.event_list-page .event_display-section + .event_display-section .section-wrap {
  padding-top: 30px;
}

@media all and (max-width: 959px) {
  .event_list-page .event_display-section + .event_display-section .section-wrap {
    padding-top: 45px;
  }
}

.search_form {
  display: flex;
  width: 424px;
  height: 72px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 6px;
}


.search_form input {
  border: none;
  background-color: #fff;
  height: 100%;
}

.search_form .btn_search {
  margin-right: 12px;
}

.search_form .btn_search i {
  vertical-align: middle;
}

.search_form .btn_refresh {
  margin-left: 4px;
  padding: 23px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.search_form .btn_refresh i {
  vertical-align: middle;
  font-size: 26px;
}

.theme-dark .search_form{
  border: 1px solid rgba(255, 255, 255, 0.08);
  background-color: rgba(255, 255, 255, 0.04); 
}

.theme-dark .search_form input {
  border: none;
  background-color: transparent;
}
@media all and (max-width: 959px) {
  .search_form {
    width: 100%;
    height: 56px;
    border-radius: 4px;
  }
  .search_form .btn_search {
    margin-right: 10px;
  }
  .search_form .btn_refresh {
    margin-left: 6px;
    padding: 16px;
  }
  .search_form .btn_refresh i {
    font-size: 20px;
  }
}

.event_program-section {
  overflow: hidden;
  width: 100%;
  min-width: 1360px;
}

@media all and (max-width: 959px) {
  .event_program-section {
    min-width: 100%;
  }
  .event_program-section .section-wrap {
    padding-bottom: 0 !important;
  }
}

.event_program-section .panel-header {
  background: #1D1D22;
  text-align: center;
  padding: 40px 0 100px;
}

.event_program-section .panel-header strong {
  font-weight: 700;
  font-size: 46px;
  line-height: 70px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  display: block;
}

.event_program-section .panel-header span {
  margin-top: 12px;
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.8);
}

@media all and (max-width: 959px) {
  .event_program-section .panel-header {
    padding: 40px 16px 40px;
  }
  .event_program-section .panel-header strong {
    font-size: 22px;
    line-height: 32px;
  }
  .event_program-section .panel-header span {
    margin-top: 4px;
    font-size: 12px;
    line-height: 17px;
  }
}

.event_program-section .form-section {
  margin: -60px auto 0;
  padding: 80px 112px 64px;
}

.event_program-section .form-section .visual-wrap {
  margin-bottom: 60px;
}

.event_program-section .form-section .visual-wrap .img-ratio {
  padding-bottom: 56.1363%;
  border-radius: 6px;
  overflow: hidden;
}

.event_program-section .form-section .terms_box .terms_wrap {
  padding: 40px;
}

.event_program-section .form-section .terms_box .mark_dot-list {
  margin-top: 16px;
  max-width: 861px;
}

.event_program-section .form-section .terms_box .mark_dot-list li {
  padding-left: 11px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .event_program-section .form-section {
    margin: 0 auto 0;
    padding: 40px 16px;
  }
  .event_program-section .form-section .form_header .title {
    font-size: 18px;
  }
  .event_program-section .form-section .visual-wrap {
    margin-bottom: 40px;
  }
  .event_program-section .form-section .terms_box .terms_wrap {
    padding: 24px;
  }
  .event_program-section .form-section .terms_box .mark_dot-list li {
    font-weight: 400;
  }
  .event_program-section .form-section .terms_box .mark_dot-list li:after {
    width: 4px;
    height: 4px;
  }
}

.event_program-section .companion_agree-wrap {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.event_program-section .companion_agree-wrap .text-area {
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.01em;
}

.event_program-section .companion_agree-wrap .btn_set {
  margin-top: 40px;
}

.event_program-section .companion_agree-wrap .btn_set .btn {
  min-height: 90px;
  white-space: initial;
}

.event_program-section .companion_agree-wrap .btn_set .btn span {
  font-size: 24px;
}

.event_program-section .companion_agree-wrap .btn_set.btn_set-double .btn_item {
  width: 315px;
}

.event_program-section .companion_agree-wrap .btn_set.btn_set-double .btn_item:first-child {
  padding-right: 5px;
  text-align: right;
}

.event_program-section .companion_agree-wrap .btn_set.btn_set-double .btn_item:last-child {
  padding-left: 5px;
  text-align: left;
}

@media all and (max-width: 959px) {
  .event_program-section .companion_agree-wrap {
    margin-top: 32px;
    padding-top: 32px;
  }
  .event_program-section .companion_agree-wrap .text-area {
    font-size: 16px;
    line-height: 28px;
  }
  .event_program-section .companion_agree-wrap .btn_set {
    margin-top: 32px;
  }
  .event_program-section .companion_agree-wrap .btn_set .btn {
    min-width: 100% !important;
    min-height: 60px;
  }
  .event_program-section .companion_agree-wrap .btn_set .btn span {
    font-size: 14px;
  }
  .event_program-section .companion_agree-wrap .btn_set.btn_set-double .btn_item {
    width: 50%;
  }
  .event_program-section .companion_agree-wrap .btn_set.btn_set-double .btn_item:first-child {
    padding-right: 4px;
  }
  .event_program-section .companion_agree-wrap .btn_set.btn_set-double .btn_item:last-child {
    padding-left: 4px;
  }
}

.event_program-section .info_content-wrap {
  width: 1320px;
  margin: -60px auto 0;
}

.event_program-section .info_content-wrap .visual-area .img-ratio {
  padding-bottom: 56.1363%;
  border-radius: 12px 12px 0px 0px;
  overflow: hidden;
}

.event_program-section .info_content-wrap .info-area {
  background-color: #F8F8F8;
  padding: 80px 30px 60px;
  border-radius: 0px 0px 12px 12px;
}

.event_program-section .info_content-wrap .info-area .text {
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -0.02em;
}

.event_program-section .info_content-wrap .info-area .text .program {
  color: #000;
  font-weight: 700;
}

.event_program-section .info_content-wrap .info-area .btn_set {
  margin-top: 60px;
}

.event_program-section .info_content-wrap .info-area .btn_set .btn {
  min-width: 306px !important;
  min-height: 90px;
}

.event_program-section .info_content-wrap .info-area .btn_set .btn span {
  font-size: 24px;
}

@media all and (max-width: 959px) {
  .event_program-section .info_content-wrap {
    width: 100%;
    margin: 0 auto 0;
    padding: 40px 16px;
  }
  .event_program-section .info_content-wrap .visual-area .img-ratio {
    border-radius: 4px 4px 0px 0px;
  }
  .event_program-section .info_content-wrap .info-area {
    padding: 40px 30px;
  }
  .event_program-section .info_content-wrap .info-area .text {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
  }
  .event_program-section .info_content-wrap .info-area .btn_set {
    margin-top: 40px;
  }
  .event_program-section .info_content-wrap .info-area .btn_set .btn {
    min-width: auto !important;
    width: 100%;
    min-height: 60px;
  }
  .event_program-section .info_content-wrap .info-area .btn_set .btn span {
    font-size: 14px;
  }
}

/* ============ 공통게시판 타이틀 ============ */
.board_type-section .more_set-box, .board_view-section .more_set-box {
  margin-left: 40px;
}

.board_type-section .more_set-box .btn_more_set > i, .board_view-section .more_set-box .btn_more_set > i {
  vertical-align: top;
}

.board_type-section .more_set-box .more_set-layer, .board_view-section .more_set-box .more_set-layer {
  position: absolute;
  right: 0;
  margin-top: 8px;
  z-index: 2;
  min-width: 93px;
  width: auto;
  padding: 24px 28px;
  border: 1px solid #000;
  border-radius: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  background: #fff;
  display: none;
}

.board_type-section .more_set-box .more_set-layer li + li, .board_view-section .more_set-box .more_set-layer li + li {
  margin-top: 12px;
}

.board_type-section .more_set-box .more_set-layer .btn_set, .board_view-section .more_set-box .more_set-layer .btn_set {
  display: block;
}

.board_type-section .more_set-box .more_set-layer .btn_set span, .board_view-section .more_set-box .more_set-layer .btn_set span {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: black;
}



.board_type-section .theme-dark .more_set-box .more_set-layer,
.event_reply_list-section .theme-dark.reply_list-area .reply-item .more_set-box .more_set-layer{
  background: #1D1D22;
  border: 1px solid #FFFFFF;
}

.board_type-section .theme-dark .more_set-box .more_set-layer .btn_set span,
.event_reply_list-section .theme-dark.reply_list-area .reply-item .more_set-box .more_set-layer .btn_set span{
  color: #fff;
}


@media all and (max-width: 959px) {
  .board_type-section .more_set-box, .board_view-section .more_set-box {
    margin-right: -8px;
  }
  .board_type-section .more_set-box .more_set-layer, .board_view-section .more_set-box .more_set-layer {
    right: -4px;
    min-width: auto;
    width: auto;
    padding: 14px 12px;
    border-radius: 12px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
  }
  .board_type-section .more_set-box .more_set-layer .btn_set span, .board_view-section .more_set-box .more_set-layer .btn_set span {
    font-size: 12px;
    line-height: 20px;
  }
}

/*공통게시판리스트 타입 -----*/
.board_type-section .panel-footer > .search-area {
  margin-top: 60px;
}

@media all and (max-width: 959px) {
  .board_type-section .panel-footer > .search-area {
    margin-top: 12px;
  }
}



.board_type-section{
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}

.board_type-section.type_blog .section-wrap {
  padding: 60px 0 0 !important;
}

.board_type-section.type_blog .content-panel {
  margin: 0 auto;
  padding: 40px 60px 24px;
  background: #fff;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
}

.board_type-section.type_blog .content-panel .panel-header {
  padding-bottom: 16px;
  margin-right: 65px;
}

.board_type-section.type_blog .content-panel .panel-header .title-sub {
  margin-bottom: 0px;
}

.board_type-section.type_blog .content-panel .panel-header .title-sub span {
  color: #000;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.board_type-section.type_blog .content-panel .panel-header .title-main span {
  color: #000;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.01em;
}

.board_type-section.type_blog .content-panel .panel-header .title-main .spf, .board_type-section.type_blog .content-panel .panel-header .title-main .spf-envelope:before {
  width: 12px;
  height: 12px;
  margin: 7px 0 10px 6px;
}

.board_type-section.type_blog .content-panel .panel-header .title-main .spf::before {
  font-size: 12px;
}

/* theme-dark */
.board_type-section.type_blog .theme-dark.content-panel {
  background: rgba(255, 255, 255, 0.08)
}
.board_type-section.type_blog .content-panel .theme-dark.panel-header .title-main span {
  color: #fff;
}

.board_type-section.type_blog .board_list-swiper .swiper_button.theme-dark .js-pagearrow_prev i, 
.board_type-section.type_blog .board_list-swiper .swiper_button.theme-dark .js-pagearrow_next i{
  background-color: transparent !important;
}

.board_type-section.type_blog .board_list-swiper .swiper_button.theme-dark .js-pagearrow_prev i::before, 
.board_type-section.type_blog .board_list-swiper .swiper_button.theme-dark .js-pagearrow_next i::before{
  color:rgba(255, 255, 255, 0.6) !important;
}


@media all and (max-width: 959px) {
  .board_type-section.type_blog .section-wrap {
    padding: 0 !important;
  }
  .board_type-section.type_blog .content-panel {
    width: auto;
    padding: 43px 0px 8px;
    border-radius: 0;
    margin: 0 -16px;
  }
  .board_type-section.type_blog .content-panel .panel-header {
    padding: 0 16px 8px;
  }
  .board_type-section.type_blog .content-panel .panel-header .title-sub {
    display: none;
  }
  .board_type-section.type_blog .content-panel .panel-header .title-main span {
    font-size: 18px;
    line-height: 26px;
  }
  .board_type-section.type_blog .content-panel .panel-header .title-main .spf, .board_type-section.type_blog .content-panel .panel-header .title-main .spf-envelope:before {
    display: none;
  }
  .board_type-section.type_blog .content-panel .panel-body .board_cluster_list li {
    padding: 0 16px;
  }
}

.board_type-section.type_blog .board_list-swiper {
  position: relative;
}

.board_type-section.type_blog .board_list-swiper .swiper_button {
  display: flex;
  position: absolute;
  top: -48px;
  right: 0;
}

.board_type-section.type_blog .board_list-swiper .swiper_button .spf::before {
  font-size: 32px;
}

.board_type-section.type_blog .board_list-swiper .swiper_button .swiper-button-disabled i::before,
.board_type-section.type_blog .board_list-swiper .swiper_button .swiper-button-disabled i::before {
  opacity: 0.2;
}

.board_type-section.type_blog .board_list-swiper .swiper_button.theme-dark .js-pagearrow_prev i, .board_type-section.type_blog .board_list-swiper .swiper_button.theme-dark .js-pagearrow_next i {
  background-color: rgba(255, 255, 255, 0.6);
}

.board_type-section.type_blog .board_list-swiper .swiper_button.theme-dark .js-pagearrow_prev i::before, .board_type-section.type_blog .board_list-swiper .swiper_button.theme-dark .js-pagearrow_next i::before {
  color: rgba(0, 0, 0, 0.6);
}

@media all and (max-width: 959px) {
  .board_type-section.type_blog .board_list-swiper .swiper_button {
    top: -37px;
    right: 16px;
  }
}

.board_type-section.type_list .section-wrap {
  padding-top: 60px;
}

@media all and (max-width: 959px) {
  .board_type-section.type_list .section-wrap {
    padding-top: 45px;
  }
}

.board_type-section.type_list .panel-body {
  position: relative;
}

@media all and (max-width: 959px) {
  .board_type-section.type_list .panel-body > .more_btn-wrap {
    position: absolute;
    margin: -58px 0 0 0;
  }
}

.board_type-section.type_acodio{
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}

.board_type-section.type_acodion .section-wrap {
  padding-top: 60px;
}

.board_type-section.type_acodion .accordion_wrap .accordion_list > li .header-area .accordion_name {
  overflow: initial;
  white-space: normal;
}

.board_type-section.type_acodion .accordion_wrap.theme-dark .accordion_list > li .header-area .accordion_name {
  color: #fff;
}

.board_type-section.type_acodion .accordion_wrap.theme-dark .accordion_list{
  border-top: 2px solid rgba(255, 255, 255, 0.8);
}

.board_type-section.type_acodion .accordion_wrap.theme-dark .accordion_list > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.board_type-section.type_acodion  .accordion_wrap.theme-dark .accordion_list > li .body-area {
  background: rgba(255, 255, 255, 0.08);
}

.accordion_wrap.theme-dark .accordion_list .body-area .writer_info .name_date span {
  color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .board_type-section.type_acodion .section-wrap {
    padding-top: 45px;
  }
  .board_type-section.type_acodion .accordion_list .header-area .area-inner{
    -webkit-line-clamp: none;
  }
  .board_type-section.type_acodion .accordion_list .header-area .label{
    margin-right: 5px;
  }
}


@media all and (max-width: 959px) {
  .board_type-section.type_photo .panel-footer .paging-area {
    padding-top: 0;
  }
}

/*공통게시판상세화면 -----*/

.board_view-section{
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}
.board_view-section .section-wrap {
  padding-top: 80px !important;
}

@media all and (max-width: 959px) {
  .board_view-section .section-wrap {
    padding-top: 32px !important;
    padding-bottom: 0 !important;
  }
}

.board_view-section .panel-header .view_title-section .view_title {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  position: relative;
  justify-content: space-between;
}

.board_view-section .panel-header .view_title-section .view_title .title-box {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.board_view-section .panel-header .view_title-section .view_title .title-box .title {
  font-weight: 700;
  font-size: 46px;
  line-height: 70px;
  letter-spacing: -0.02em;
  color: #000;
  max-width: 1220px;
}

.board_view-section .panel-header .view_title-section .view_title .title-box .label {
  width: 57px;
  height: 36px;
  text-align: center;
  border-radius: 6px;
  background: #1D1D22;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: -0.01em;
  padding: 0;
  color: #fff;
  margin: 0 auto;
  vertical-align: middle;
  margin-right: 16px;
}

.board_view-section .panel-header .view_title-section .view_title .title-box .label + .title {
  max-width: 1247px;
}

.board_view-section .panel-header .view_title-section .view_title .more_set-box {
  margin-left: 60px;
  margin-top: 16px;
}

.board_view-section .theme-dark.panel-header .view_title-section .view_title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.board_view-section .theme-dark.panel-header .view_title-section .view_title .title-box .title {
  color: #fff;
}



@media all and (max-width: 959px) {
  .board_view-section .panel-header .view_title-section .view_title {
    padding-bottom: 12px;
  }
  .board_view-section .panel-header .view_title-section .view_title .title-box {
    display: inline-block;
  }
  .board_view-section .panel-header .view_title-section .view_title .title-box .title {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.02em;
  }
  .board_view-section .panel-header .view_title-section .view_title .title-box .label {
    width: 32px;
    height: 20px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
  }
  .board_view-section .panel-header .view_title-section .view_title .title-box .label + .title {
    max-width: 1247px;
  }
  .board_view-section .panel-header .view_title-section .view_title .more_set-box {
    margin: 6px 0 0 24px;
  }
  .board_view-section .panel-header .view_title-section .view_title .more_set-box .more_set-layer {
    right: 0;
  }
}

.board_view-section .panel-header .view_title-section .view_info-box {
  margin: 32px 0 8px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

@media all and (max-width: 959px) {
  .board_view-section .panel-header .view_title-section .view_info-box {
    margin: 6px 0 2px;
    display: inline-block;
    width: 100%;
  }
  .board_view-section .panel-header .view_title-section .view_info-box .info_addfile {
    display: inline-block;
    float: right;
  }
}

.board_view-section .panel-header .view_title-section .view_info-box .view_exinfo .exinfo {
  margin-right: 100px;
  display: inline-block;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.board_view-section .panel-header .view_title-section .view_info-box .view_exinfo .exinfo:last-child {
  margin-right: 0;
}

.board_view-section .panel-header .view_title-section .view_info-box .view_exinfo .exinfo strong {
  font-weight: 700;
  color: #000000;
}

.board_view-section .panel-header .view_title-section .view_info-box .view_exinfo .exinfo span {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}

.board_view-section .panel-header .view_title-section .view_info-box .view_exinfo .exinfo strong + span {
  margin-left: 16px;
}

.board_view-section .theme-dark.panel-header .view_title-section .view_info-box .view_exinfo .exinfo strong {
  color: #fff;
}

.board_view-section .theme-dark.panel-header .view_title-section .view_info-box .view_exinfo .exinfo span {
  color: rgba(255, 255, 255, 0.6);
}

@media all and (max-width: 959px) {
  .board_view-section .panel-header .view_title-section .view_info-box .view_exinfo {
    display: block;
  }
  .board_view-section .panel-header .view_title-section .view_info-box .view_exinfo .exinfo {
    font-size: 13px;
    line-height: 19px;
    margin-right: 32px;
    margin-top: 10px;
  }
  .board_view-section .panel-header .view_title-section .view_info-box .view_exinfo .exinfo strong + span {
    margin-left: 14px;
  }
  .board_view-section .panel-header .view_title-section .view_info-box .view_exinfo .exinfo span {
    font-size: 14px;
  }
  .board_view-section .panel-header .view_title-section .view_info-box .view_exinfo .exinfo:nth-of-type(1) {
    clear: both;
    display: block;
  }
}

.board_view-section .panel-header .view_title-section .view_info-box .info_addfile {
  max-width: 250px;
  width: auto;
}

.board_view-section .panel-header .view_title-section .view_info-box .info_addfile .btn_file {
  position: relative;
  width: 100%;
  padding: 0 0 0 28px;
  border: 0;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.board_view-section .panel-header .view_title-section .view_info-box .info_addfile .btn_file.more_file {
  padding-right: 34px;
}

.board_view-section .panel-header .view_title-section .view_info-box .info_addfile .btn_file.more_file::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -250px -328px;
  width: 24px;
  height: 24px;
}

.board_view-section .panel-header .view_title-section .view_info-box .info_addfile .btn_file > .icon-file-blue {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.board_view-section .panel-header .view_title-section .view_info-box .info_addfile .btn_file span {
  color: #3434BA;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-decoration: underline;
}

.board_view-section .panel-header .view_title-section .view_info-box .info_addfile .more_file-list {
  display: none;
  position: absolute;
  right: 0;
  bottom: -14px;
  width: 300px;
  background-color: #fff;
  padding: 20px 20px 20px 22px;
  border: 1px solid #000;
  border-radius: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.board_view-section .panel-header .view_title-section .view_info-box .info_addfile .more_file-list li span {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
}

.board_view-section .panel-header .view_title-section .view_info-box .info_addfile .more_file-list li + li {
  margin-top: 16px;
}

.board_view-section .theme-dark.panel-header .view_title-section .view_info-box .info_addfile .btn_file span {
  color: #5E5EFF;
}

.board_view-section .theme-dark.panel-header .view_title-section .view_info-box .info_addfile .btn_file.more_file::after {
  background-position: -250px -360px;
}

.board_view-section .theme-dark.panel-header .view_title-section .view_info-box .info_addfile .more_file-list {
  background-color: #1D1D22;
  border: 1px solid #fff;
}
.board_view-section .theme-dark.panel-header .view_title-section .view_info-box .info_addfile .more_file-list li span {
  color: #fff;
}

@media all and (max-width: 959px) {
  .board_view-section .panel-header .view_title-section .view_info-box .info_addfile {
    margin-top: 2px;
    max-width: none;
  }
  .board_view-section .panel-header .view_title-section .view_info-box .info_addfile .btn_file {
    padding: 0 0 0 24px;
  }
  .board_view-section .panel-header .view_title-section .view_info-box .info_addfile .btn_file.more_file {
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .board_view-section .panel-header .view_title-section .view_info-box .info_addfile .btn_file.more_file::after {
    width: 30px;
    height: 30px;
    background: url(../images/common/icon-file-more_30.png);
    background-size: 100%;
  }
  .board_view-section .theme-dark.panel-header .view_title-section .view_info-box .info_addfile .btn_file.more_file::after {
    width: 30px;
    height: 30px;
    background: url(../images/common/icon-file-more_30-dk.png);
    background-size: 100%;
  }
  .board_view-section .panel-header .view_title-section .view_info-box .info_addfile .btn_file span {
    font-size: 14px;
    line-height: 20px;
  }
  .board_view-section .panel-header .view_title-section .view_info-box .info_addfile .more_file-list {
    width: 100%;
    padding: 20px 18px;
    bottom: -10px;
    border-radius: 16px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);
  }
  .board_view-section .panel-header .view_title-section .view_info-box .info_addfile .more_file-list li span {
    font-size: 14px;
    line-height: 20px;
  }
}

.board_view-section .panel-body .board_editor-wrap .view_editor-area {
  width: 1096px;
  margin: 0 auto;
}

.board_view-section .panel-body .board_editor-wrap .view_editor-area .area-inner {
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.8);
}

.board_view-section .panel-body .board_editor-wrap .view_editor-area .area-inner img {
  max-width: 100%;
}

.board_view-section .panel-body .board_editor-wrap .view_editor-area .img-box,
.board_view-section .panel-body .board_editor-wrap .view_editor-area .poster-box {
  text-align: left;
}

.board_view-section .panel-body .board_editor-wrap .view_editor-area .img-box img,
.board_view-section .panel-body .board_editor-wrap .view_editor-area .poster-box img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.board_view-section .panel-body .board_editor-wrap .view_editor-area .poster-box {
  border-radius: 12px;
  overflow: hidden;
}

.board_view-section .panel-body .board_editor-wrap .view_editor-area .poster-box + p,
.board_view-section .panel-body .board_editor-wrap .view_editor-area p + p {
  margin-top: 40px;
}


.board_view-section .panel-body .theme-dark.board_editor-wrap .view_editor-area .area-inner {
  color: rgba(255, 255, 255, 0.8);
}

@media all and (max-width: 959px) {
  .board_view-section .panel-body .board_editor-wrap .view_editor-area {
    width: auto;
  }
  .board_view-section .panel-body .board_editor-wrap .view_editor-area .area-inner {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -0.04em;
  }

  .board_view-section .panel-body .board_editor-wrap .view_editor-area .area-inner img{
    width: 100%;
  }
  
  .board_view-section .panel-body .board_editor-wrap .view_editor-area .img-box img {
    max-width: none;
    width: 100%;
  }
  .board_view-section .panel-body .board_editor-wrap .view_editor-area .poster-box {
    border-radius: 4px;
  }
  .board_view-section .panel-body .board_editor-wrap .view_editor-area .poster-box img {
    max-width: none;
    width: 100%;
  }
  .board_view-section .panel-body .board_editor-wrap .view_editor-area .poster-box + p,
  .board_view-section .panel-body .board_editor-wrap .view_editor-area p + p {
    margin-top: 24px;
  }
}

.board_view-section .panel-footer {
  /* 블로그형 이전다음현재글 보기 */
  /* 이전 다음 목록보기 */
}

.board_view-section .panel-footer .board_pageing_list {
  background: #fff;
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.04);
  padding: 24px 60px;
  border-radius: 12px;
}
.board_view-section .panel-footer .board_pageing_list {
  margin-top:80px;
}
.board_view-section .theme-dark.panel-footer .board_pageing_list {
  background: rgba(255, 255, 255, 0.08);
}

@media all and (max-width: 959px) {
  .board_view-section .panel-footer .board_pageing_list {
    padding: 4px 0;
    margin: 60px -16px 0;
    border-radius: 0;
  }
  .board_view-section .panel-footer .board_pageing_list .board_cluster_list li {
    padding: 0 16px;
  }
}

.board_view-section .panel-footer .navi-area {
  margin-top: 90px;
  padding: 30px 0;
}

.board_view-section .panel-footer .navi-area .btn_group .btn {
  width: 180px;
}

.board_view-section .panel-footer .navi-area .btn_group:last-child .btn {
  max-width: 280px;
  width: 280px;
}

@media all and (max-width: 959px) {
  .board_view-section .panel-footer .navi-area {
    margin-top: 60px;
    padding: 20px 0;
  }
  .board_view-section .panel-footer .navi-area .btn_group:first-child .btn {
    width: auto;
  }
  .board_view-section .panel-footer .navi-area .btn_group:first-child .btn span {
    display: none;
  }
  .board_view-section .panel-footer .navi-area .btn_group:last-child .btn {
    width: 160px;
  }
}

.board_view-section.view_type .section-wrap {
  padding-bottom: 0;
}

.board_view-section + .event_reply_wrt-section .section-wrap {
  padding-top: 30px;
}

@media all and (max-width: 959px) {
  .board_view-section + .event_reply_wrt-section .section-wrap {
    padding-top: 0;
  }
}

/*공통게시판등록화면 -----*/
.board_edit-section .section-wrap {
  padding-top: 60px !important;
}

@media all and (max-width: 959px) {
  .board_edit-section .section-wrap {
    padding-top: 45px !important;
  }
}

.board_edit-section .content-panel {
  width: 1096px;
  margin: 0 auto;
}

@media all and (max-width: 959px) {
  .board_edit-section .content-panel {
    width: auto;
  }
}

@media all and (max-width: 959px) {
  .board_edit-section .content-panel .form-section {
    width: auto;
    margin: 0 -16px;
  }
}

.board_edit-section .content-panel .form-section .form_body .form_list li:first-child {
  margin-top: 0;
}

.board_edit-section .content-panel .form-section .form_body .form_list li .addfile .info_txt {
  margin-top: 0;
}


.board-list_table{
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}

.board-list_table .table-list a {
  position: relative;
  display: block;
}

.board-list_table .table-list > li::after {
  display: block;
  content: "";
  height: 1px;
  background-color: rgba(0, 0, 0, 0.08);
}

.board-list_table .table-list > li .li-inner {
  padding: 40px 0;
}

.board-list_table .table-list > li .li-inner .table_item {
  display: flex;
  justify-content: flex-start;
}

.board-list_table .table-list > li .li-inner .table_item > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5px;
}

.board-list_table .table-list > li .li-inner .table_item > div span {
  text-align: center;
  color: #000;
  display: block;
}

.board-list_table .table-list > li .li-inner .table_item > div.writer span,
.board-list_table .table-list > li .li-inner .table_item > div.date span,
.board-list_table .table-list > li .li-inner .table_item > div.hits span {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

.board-list_table .table-list > li .li-inner .table_item > div .label {
  display: block;
  width: 48px;
  height: 32px;
  text-align: center;
  border-radius: 6px;
  background: #1D1D22;
  font-weight: 700;
  font-size: 15px;
  line-height: 32px;
  letter-spacing: -0.01em;
  padding: 0;
  color: #fff;
  margin: 0 auto;
  vertical-align: middle;
}

.board-list_table .table-list > li .li-inner .num {
  width: 8%;
}

.board-list_table .table-list > li .li-inner .num span {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -0.01em;
}

.board-list_table .table-list > li .li-inner .title {
  /* width: 62%; */
  width: auto;
  flex: 1;
  padding-right: 20px !important;
}

.board-list_table .table-list > li .li-inner .title span {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.02em;
  text-align: left !important;
}

.board-list_table .table-list > li .li-inner .writer {
  width: 12%;
}

.board-list_table .table-list > li .li-inner .writer span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.board-list_table .table-list > li .li-inner .date {
  width: 10%;
}

.board-list_table .table-list > li .li-inner .hits {
  width: 8%;
}

.board-list_table .table-list > li.table-head {
  border-top: 2px solid #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.board-list_table .table-list > li.table-head::after {
  display: none;
}

.board-list_table .table-list > li.table-head .li-inner {
  padding: 30px 0 30px;
}

.board-list_table .table-list > li.table-head .li-inner .table_item > div.num span,
.board-list_table .table-list > li.table-head .li-inner .table_item > div.title span,
.board-list_table .table-list > li.table-head .li-inner .table_item > div.writer span,
.board-list_table .table-list > li.table-head .li-inner .table_item > div.date span,
.board-list_table .table-list > li.table-head .li-inner .table_item > div.hits span {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  text-align: center !important;
  letter-spacing: -0.02em;
  color: #000;
}

@media all and (max-width: 959px) {
  .board-list_table .table-list {
    margin: 0 -16px;
    border-top: 2px solid #000;
  }
  .board-list_table .table-list > li .li-inner {
    padding: 24px 16px 24px 0;
  }
  .board-list_table .table-list > li .li-inner .table_item {
    display: inline-block;
    padding: 0 0 0 70px;
  }
  .board-list_table .table-list > li .li-inner .table_item > div {
    display: inherit;
  }
  .board-list_table .table-list > li .li-inner .table_item > div.writer span,
  .board-list_table .table-list > li .li-inner .table_item > div.date span,
  .board-list_table .table-list > li .li-inner .table_item > div.hits span {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.4);
    font-family: 'Roboto';
  }
  .board-list_table .table-list > li .li-inner .table_item > div .label {
    width: 31px;
    height: 20px;
    border-radius: 3px;
    background: #1D1D22;
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
  }
  .board-list_table .table-list > li .li-inner .num {
    position: absolute;
    left: 0;
    width: 70px;
    top: 50%;
    transform: translate(0, -120%);
  }
  .board-list_table .table-list > li .li-inner .num span {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: center;
  }
  .board-list_table .table-list > li .li-inner .title {
    width: 100%;
    padding-right: 0 !important;
    margin-bottom: 10px;
  }
  .board-list_table .table-list > li .li-inner .title span {
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
  }
  .board-list_table .table-list > li .li-inner .writer {
    width: auto;
    max-width: 105px;
  }
  .board-list_table .table-list > li .li-inner .date {
    width: auto;
    position: relative;
  }
  .board-list_table .table-list > li .li-inner .date::before {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    width: 1px;
    height: 10px;
    background: rgba(0, 0, 0, 0.2);
  }
  .board-list_table .table-list > li .li-inner .hits {
    display: none !important;
  }
  .board-list_table .table-list > li.table-head {
    display: none;
  }
}



.board-list_table.theme-dark .table-list > li::after {
  background-color: rgba(255, 255, 255, 0.12);
}


.board-list_table.theme-dark .table-list > li .li-inner .table_item > div span {
  color: #fff;
}

.board-list_table.theme-dark .table-list > li .li-inner .table_item > div.writer span,
.board-list_table.theme-dark .table-list > li .li-inner .table_item > div.date span,
.board-list_table.theme-dark .table-list > li .li-inner .table_item > div.hits span {
  color: rgba(255, 255, 255, 0.6);
}

.board-list_table.theme-dark .board-list_table .table-list > li .li-inner .table_item > div .label {
  background: rgba(255, 255, 255, 0.2);
}

.board-list_table.theme-dark .table-list > li.table-head {
  border-top: 2px solid #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.board-list_table.theme-dark .table-list > li.table-head .li-inner .table_item > div.num span,
.board-list_table.theme-dark .table-list > li.table-head .li-inner .table_item > div.title span,
.board-list_table.theme-dark .table-list > li.table-head .li-inner .table_item > div.writer span,
.board-list_table.theme-dark .table-list > li.table-head .li-inner .table_item > div.date span,
.board-list_table.theme-dark .table-list > li.table-head .li-inner .table_item > div.hits span {
  color: #fff;
}







.accordion_list {
  border-top: 2px  solid #000000;
}

@media all and (max-width: 959px) {
  .accordion_list {
    margin: 0 -16px;
  }
}

.accordion_list > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.accordion_list > li.on {
  border-bottom: 0;
}

.accordion_list > li.on .acc_btn i {
  transform: translate(0, -50%) rotate(180deg);
}

.accordion_list .header-area {
  position: relative;
  padding: 40px 30px 40px 28px;
}

.accordion_list .header-area .area-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 162px;
}

.accordion_list .header-area .label {
  width: 99px;
  height: 30px;
  text-align: center;
  border-radius: 6px;
  background: #1D1D22;
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: -0.01em;
  padding: 0;
  color: #fff;
  margin: 0 auto;
  vertical-align: middle;
}

.accordion_list .header-area .label.new {
  width: 38px;
  height: 24px;
  text-align: center;
  border-radius: 20px;
  background: #FF1230;
  font-weight: 900;
  font-size: 10px;
  line-height: 24px;
  letter-spacing: -0.01em;
  padding: 0;
  color: #fff;
  margin: 0 auto;
  vertical-align: middle;
}

.accordion_list .header-area .accordion_name {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.02em;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 1039px;
}

.accordion_list .header-area .accordion_name.type02 {
  min-width: 1048px;
}

.accordion_list .header-area .acc_btn {
  position: relative;
  box-sizing: border-box;
  display: block;
}

.accordion_list .header-area .acc_btn i {
  position: absolute;
  top: 50%;
  right: 0;
  width: 54px;
  height: 54px;
  transform: translate(0, -50%);
}

.accordion_list .header-area .acc_btn i::before {
  font-size: 48px;
  color: #000;
  line-height: 54px;
}

.accordion_list .header-area .label + .accordion_name {
  margin-left: 14px;
}

@media all and (max-width: 959px) {
  .accordion_list .header-area {
    padding: 24px 16px 24px 24px;
  }
  .accordion_list .header-area .area-inner {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 78px;
  }
  .accordion_list .header-area .label {
    width: 32px;
    height: 20px;
    border-radius: 3px;
    font-size: 10px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
  }
  
  .accordion_list .header-area .label.new {
    width: 31px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-top:3px;
  }

  .accordion_list .header-area .accordion_name {
    display: contents;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    white-space: normal;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.9);
  }
  .accordion_list .header-area .acc_btn i {
    right: 0;
    width: 34px;
    height: 34px;
  }
  .accordion_list .header-area .acc_btn i::before {
    font-size: 34px;
    line-height: 34px;
  }
  .accordion_list .header-area .label + .accordion_name {
    margin-left: 6px;
  }
}

.accordion_list .body-area {
  display: none;
  padding: 48px 48px 48px 48px;
  background: #F8F8F8;
  /* border-radius: 0 0 12px 12px; */
}

.accordion_list .body-area .area-inner {
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: -0.01em;
  color: #000;
}

.accordion_list .body-area .area-inner .s-tit{
  font-weight: 500;
  padding-bottom: 30px;
}
@media all and (max-width: 959px) {
  .accordion_list .body-area .area-inner .s-tit{
    padding-bottom: 20px;
  }
}

.accordion_list .body-area .area-inner img{
  width: 100% !important;
}

.accordion_list .body-area .writer_info {
  position: relative;
  text-align: right;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  line-height: 24px;
  margin-bottom: 10px;
}

.accordion_list .body-area .writer_info .name_date span {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.6);
}

.accordion_list .body-area .writer_info .name_date span + span {
  margin-left: 10px;
  padding-left: 11px;
}

.accordion_list .body-area .writer_info .name_date span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 1px;
  height: 13px;
  background-color: rgba(0, 0, 0, 0.3);
}

.accordion_list .body-area .writer_info .more_set-box {
  margin-left: 40px;
}


@media all and (max-width: 959px) {
  .accordion_list .body-area {
    padding: 24px 24px;
    border-radius: 0;
  }
  .accordion_list .body-area .area-inner {
    font-size: 15px;
    line-height: 26px;
  }
  .accordion_list .body-area .writer_info {
    text-align: left;
    justify-content: space-between;
    line-height: 19px;
    margin-bottom: 24px;
  }
  .accordion_list .body-area .writer_info .name_date span {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
  }
  .accordion_list .body-area .writer_info .name_date span + span {
    margin-left: 8px;
    padding-left: 10px;
  }
  .accordion_list .body-area .writer_info .name_date span + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    width: 1px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .accordion_list .body-area .writer_info .more_set-box {
    margin-right: -8px;
  }
}

/* accordion theme-dark */

.accordion_wrap.theme-dark .accordion_list{
  border-top: 2px solid rgba(255, 255, 255, 0.6);
}

.accordion_wrap.theme-dark .accordion_list > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.accordion_wrap.theme-dark .accordion_list > li.on {
  border-bottom: 0;
}

.accordion_wrap.theme-dark .accordion_list > li .header-area .accordion_name {
  color: rgba(255, 255, 255, 0.8);
}

.accordion_wrap.theme-dark .accordion_list > li .header-area .acc_btn i::before {
  color: #fff;
}

.accordion_wrap.theme-dark .accordion_list > li .body-area {
  background: rgba(255, 255, 255, 0.05);
}

.accordion_wrap.theme-dark .accordion_list > li .body-area .area-inner div {
  color: rgba(255, 255, 255, 0.6);
}


.accordion_wrap.theme-dark .accordion_list .body-area .writer_info .name_date span + span::before {
  background-color: rgba(255, 255, 255, 0.2);
}



.photo_list-wrap {
  overflow: hidden;
}

.photo_list-wrap .photo_card_list {
  margin: -48px -12px 0;
  width: calc( 100% + 24px);
}

.photo_list-wrap .photo_card_list .card_item {
  padding: 48px 12px 0;
  display: block;
}

.photo_list-wrap .photo_card_list.col-3-1 .card_item {
  width: 33.3333%;
}

@media all and (max-width: 959px) {
  .photo_list-wrap .photo_card_list.col-3-1 {
    margin: 0 0 0;
    width: 100%;
  }
  .photo_list-wrap .photo_card_list.col-3-1 .card_item {
    width: 100%;
    padding: 0 0 32px;
    margin-top: 0;
  }
}

.photo_list-wrap .photo_card_list.col-4-2 .card_item {
  width: 25%;
}


@media all and (max-width: 959px) {

  .photo_list-wrap .photo_card_list.col-4-2 {
    margin: 0 -5px 0;
    width: calc( 100% + 10px);
  }

  .photo_list-wrap .photo_card_list.col-4-2 .card_item {
    width: 50%;
    padding: 0 5px 32px;
    margin-top: 0;
  }

}

.photo_list-wrap .card_inner img {
  width: 100%;
  border-radius: 6px;
}

@media all and (max-width: 959px) {
  .photo_list-wrap .card_inner img {
    border-radius: 3px;
  }
}

.photo_list-wrap .card_inner .lazyload-wrapper {
  width: 100%;
}

.photo_list-wrap .card_inner .lazyload-wrapper img {
  width: 100%;
}

.photo_list-wrap .card_inner .typo-area {
  padding: 14px 0 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #000;
}

.photo_list-wrap .card_inner .typo-area .icon-new {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
  font-size: 0;
  margin-right: 6px;
}

.photo_list-wrap .card_inner .typo-area .icon-new::after {
  content: 'NEW';
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 5px 0px 0px 7px;
  margin-top: -3px;
  border-radius: 64px;
  background: #FF1230;
  vertical-align: middle;
  color: #fff;
  font-weight: 900;
  font-size: 10px;
  line-height: 10px;
  font-family: "Roboto","Noto Sans KR", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
}

@media all and (max-width: 959px) {
  .photo_list-wrap .card_inner .typo-area {
    padding: 8px 0 0;
    font-size: 14px;
    line-height: 20px;
  }

  .photo_list-wrap .col-3-1 .card_inner .typo-area{
    padding: 14px 0 0;
    font-size: 16px;
    line-height: 26px;
  }

  
  .photo_list-wrap .card_inner .typo-area .icon-new {
    width: 31px;
    height: 16px;
    margin-right: 4px;
  }
  .photo_list-wrap .card_inner .typo-area .icon-new::after {
    padding: 4px 0px 0px 6px;
  }
}
 
.theme-dark.photo_list-wrap .card_inner .typo-area{
  color: #fff;
}


/* ip ost */

.photo_list-wrap .photo_card_list.ost-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.photo_list-wrap .photo_card_list.ost-list .img-area {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  /* margin: -17px -25px 0 -20px; */
}

.photo_list-wrap .photo_card_list.ost-list .img-ratio .lazyload-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}


.photo_list-wrap .photo_card_list.ost-list .img-ratio img {
  /* width: auto;
  height: 100%; */
  position: relative;
  margin-left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.photo_list-wrap .photo_card_list.ost-list .typo-area{
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media all and (max-width: 959px) {
  
  .photo_list-wrap .photo_card_list.ost-list .typo-area .icon-new{
    position: absolute;
    left: 0;
    top: 14px;
  }
  
  .photo_list-wrap .photo_card_list.ost-list.col-3-1 .typo-area .icon-new{
    top: 22px;
  }

  .photo_list-wrap .photo_card_list.ost-list .typo-area i + span{
    padding-left: 35px;
  }
}


.img-ratio .noimg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.12);
  background-position: center;
  background-repeat: no-repeat;
}

.img-box .noimg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.12);
  background-position: center;
  background-repeat: no-repeat;
}

.img_empty {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
}

.img_empty .img-ratio {
  background-color: transparent;
  padding-bottom: 32.00% !important;
  overflow: hidden;
}

.img_empty .img-ratio .lazyload-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.theme-dark .img-ratio .noimg,
.theme-light .img-ratio .noimg {
  background-color: #e0e0e0;
}

.theme-dark .img-box .noimg,
.theme-light .img-box .noimg {
  background-color: #e0e0e0;
}

/* 게시판 리스트유형 타입 - 블로그형 리스트, 이전/현재/다음글 리스트에 쓰임 */
.board_cluster_list li {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.board_cluster_list li:first-child {
  border-top: 0;
}

.board_cluster_list li a {
  display: flex;
  align-items: center;
  padding: 16px 0;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.01em;
  position: relative;
}

.board_cluster_list li a span {
  display: inline-block;
  text-align: center;
}

.board_cluster_list li a .type em {
  display: block;
  width: 31px;
  height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #1D1D22;
  font-weight: 500;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: -0.01em;
  padding: 0;
  color: #fff;
  margin: 0 auto;
  vertical-align: middle;
}

.board_cluster_list li a .type.label {
  width: 85px !important;
}

.board_cluster_list li a .date {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.board_cluster_list li a .type {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  width: 70px;
  left: 0;
  margin-right: 15px;
}

.board_cluster_list li a .list_title {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  padding: 0 100px 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 930px;
}

.board_cluster_list li a .date {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  font-family: 'Roboto';
  width: 100px;
  text-align: right;
  right: 0;
}

.board_cluster_list li.active a span, .board_cluster_list li:hover a span {
  font-weight: 700;
  color: #000;
}

/* theme-dark */
.theme-dark .board_cluster_list li a .list_title {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .board_cluster_list.blog li a .list_title {
  color: rgba(255, 255, 255, 0.6);
}
.theme-dark .board_cluster_list li.active a span, .theme-dark .board_cluster_list li:hover a span {
  color: #fff !important;
}
.theme-dark .board_cluster_list li a .type {
  color: rgba(255, 255, 255, 0.4);
}
.theme-dark .board_cluster_list li a .type em {
  background: rgba(255, 255, 255, 0.2);
}
.theme-dark .board_cluster_list li a .date {
  color: rgba(255, 255, 255, 0.4);
}

@media all and (max-width: 959px) {
  .board_cluster_list li a {
    font-size: 15px;
    line-height: 22px;
  }
  .board_cluster_list li a .type {
    width: 48px;
    margin-right: 4px;
  }
  .board_cluster_list li a .type.label {
    width: auto !important;
  }
  .board_cluster_list li a .list_title {
    padding: 0 0 0;
    max-width: 280px;
  }
  .board_cluster_list li a .date {
    display: none;
  }
}

@media all and (max-width: 959px) {
  .board_cluster_list.blog li a {
    font-size: 15px;
    line-height: 22px;
  }
  .board_cluster_list.blog li a .type {
    display: none;
  }
  .board_cluster_list.blog li a .type.label {
    display: block;
    width: auto;
    padding-right: 6px;
  }
  .board_cluster_list.blog li a .list_title {
    padding: 0 85px 0  0;
    max-width: auto;
  }

  .board_cluster_list.blog li a .date {
    display: block;
  }
}





.board_addfile-wrap{
  display: flex;
  justify-content: flex-end;
  line-height: 1;
  margin-top: 10px;
}

.board_addfile{
  position: relative;
  max-width: 250px;
  width: auto;
}

.board_addfile .btn_file {
  position: relative;
  width: 100%;
  padding: 0 0 0 28px;
  border: 0;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.board_addfile .btn_file.more_file {
  padding-right: 34px;
}

.board_addfile .btn_file.more_file::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../images/common/sp_icons.png?v=2023_15_1637);
  background-position: -250px -328px;
  width: 24px;
  height: 24px;
}

.board_addfile .btn_file > .icon-file-blue {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.board_addfile .btn_file span {
  color: #3434BA;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  text-decoration: underline;
}

.board_addfile .more_file-list {
  display: none;
  position: absolute;
  right: 0;
  bottom: -14px;
  width: 300px;
  background-color: #fff;
  padding: 20px 20px 20px 22px;
  border: 1px solid #000;
  border-radius: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
  z-index: 1;
}

.board_addfile .more_file-list li span {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
}

.board_addfile .more_file-list li + li {
  margin-top: 16px;
}


.form_body .form_list li .board_addfileBg-wrap{
  background-color: #F8F8F8;
}

.form_body .form_list li:first-child .board_addfileBg-wrap{
  margin-top: 32px;
}

.form_body .form_list li .board_addfileBg-wrap ul{
  padding: 40px;
  margin-top: 60px;
}

.form_body .form_list li .board_addfileBg-wrap li:first-child{
  margin-top: 0;
}

@media all and (max-width: 959px) {
  .form_body .form_list li .board_addfileBg-wrap{
    margin: 32px -16px 0;
  }

  .form_body .form_list li .board_addfileBg-wrap ul{
    padding: 24px 0;
    margin: 0 16px;
  }
}

/* theme-dark */
.theme-dark .board_addfile .btn_file span {
  color: #5E5EFF;
}
.theme-dark .board_addfile .more_file-list {
  background-color: #1D1D22;
  border: 1px solid #fff;
}
.theme-dark .board_addfile .more_file-list li span {
  color: #fff;
}
.theme-dark .board_addfile .btn_file.more_file::after {
  background-position: -250px -368px;
}


@media all and (max-width: 959px) {

  .board_addfile {
    margin-top: 16px;
    width: auto;
    max-width: none;
  }
  .board_addfile .btn_file {
    padding: 0 0 0 24px;
  }
  .board_addfile .btn_file.more_file {
    padding-right: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .board_addfile .btn_file.more_file::after {
    width: 30px;
    height: 30px;
    background: url(../images/common/icon-file-more_30.png);
    background-size: 100%;
  }
  .board_addfile .btn_file span {
    font-size: 14px;
    line-height: 20px;
  }
  .board_addfile .more_file-list {
    padding: 20px 18px;
    bottom: -10px;
    border-radius: 16px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);
  }
  .board_addfile .more_file-list li span {
    font-size: 14px;
    line-height: 20px;
  }
  .theme-dark .board_addfile .btn_file.more_file::after {
    background-position: left top;
    background: url(../images/common/icon-file-more_30-dk.png);
  }
}






.panel-footer .search-area {
  text-align: center;
}

.panel-footer .search-area .search_form {
  margin: 0 auto;
}

.panel-footer .paging-area + .search-area {
  margin-top: 80px;
}

@media all and (max-width: 959px) {
  .panel-footer .paging-area + .search-area {
    margin-top: 32px;
  }
}

.XXXXXXXX-section {
  /* 
  theme-light
  theme-dark
  */
  /* =============================== 페널이름 */
}

.XXXXXXXX-section .content-panel {
  /* XXXXX */
}



/* 23.0116 추가 CSS */
.migration_cont{
  width: 100%;
  max-width: 720px; 
  text-align: left; 
  font-size: 22px;
  font-weight: 400; 
  line-height: 34px; 
  padding: 0 20px; 
  margin: 0 auto; 
  color: #000;
}
.migration_cont img{
  width: calc( 100% + 40px ); 
  max-width: 720px; 
  height: auto; 
  margin-left: -20px;
}

@media screen and (max-width: 959px) {
  .migration_cont{
    font-size:15px; 
    line-height:28px;
  }
}


/* 23.0120 추가 CSS */
.vjs-time-tooltip,
.vjs-volume-tooltip {
  width: max-content;
}


img.resize-img-w{
  width: 100%;
  height: auto;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

img.resize-img-h{
  width: auto;
  height: 100%;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.event_join-wrap.event_random_answer-wrap{padding: 80px 112px;}
.event_join-wrap.event_random_answer-wrap .join-inner{padding:80px 60px;}
.event_join-wrap.event_random_answer-wrap .random_title{color: #000;font-size: 38px;font-weight:700;line-height: 58px;letter-spacing: -0.76px;text-align: center;}
.event_join-wrap.event_random_answer-wrap .random_area_wrap{margin-top: 60px;}
.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box{display:flex;justify-content:center; border-radius: 6px;}
.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box div.img_box:nth-child(1){background: #000; overflow: hidden; border-radius:6px 0 0 6px;}
.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box div.text_area:nth-child(2){border-radius: 0 6px 6px 0;}
.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .img_box{width:100%; max-width:400px; height:400px;overflow:hidden; overflow: hidden;}
.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .img_box img{width:100%;}
.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .text_area{
  display:flex;
  align-items: center;
  position: relative;
  width:576px;
  height: 400px;
  border-radius:6px 6px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.12);
  background-position: center center;
  background:#000000 url(../images/temp/@temp_event_view-13_bg.jpg) no-repeat center center ;
}
.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .text_area .text_box{ width: 480px; margin: 0 auto; text-align: center; overflow:hidden;}
.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .text_area .text_input{
  width:100%;
  max-height:240px;
  color: #fff; 
  font-size:32px; 
  font-weight:700; 
  line-height: 47px;
  letter-spacing: -0.64px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .text_area.gray{
  background: #f5f5f5;
}
.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .text_area.gray .text_input{
    color: #000;
}

@media all and (max-width: 959px) {
  .event_join-wrap.event_random_answer-wrap{
    padding:10px 0 0;
  }
  .event_join-wrap.event_random_answer-wrap .join-inner{
    padding: 40px 16px;
  }
  .event_join-wrap.event_random_answer-wrap .random_area_wrap{
    margin-top:32px;
  }
  .event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box{
    display: block; 
    border-radius: 4px;
  }
  .event_join-wrap.event_random_answer-wrap .random_title{
    font-size:22px;
    line-height:34px;
    letter-spacing:-0.44px;
  }
  .event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .img_box{
    position: relative; 
    width:100%;
    max-width:100%; 
    height:100%; 
    margin-right:0;
    border-radius: 4px 4px;
  }
  .event_join-wrap.event_random_answer-wrap .random_title span.br{
    display: block;
  }
  .event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .text_area{
    width:100%; 
    height:100%;
    padding:17.5% 12%; 
    background-size:90% 85%; 
    border-radius: 4px 4px;
    min-height: 234px;
  }
  .event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box div.img_box:nth-child(1){
    border-radius: 4px 4px 0 0 ;
  }
  .event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box div.text_area:nth-child(2){
    border-radius: 0 0 4px 4px;
  }
  .event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .text_area .text_box{
    width:100%; 
  }
  .event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .text_area .text_input{
    width:100%;
    max-height:120px ;
    font-size:1.4rem;
    line-height:30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 4; */
    -webkit-box-orient: vertical;
  }
}


.event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .text_area .text_input .desc{
  display: block;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  padding-top: 16px;
}

@media all and (max-width: 959px) {
  .event_join-wrap.event_random_answer-wrap .random_area_wrap .random_box .text_area .text_input .desc{
    font-size: 12px;
    line-height: 18px;
    padding-top: 12px;
  }
  
}
.event_join-wrap.event_random_answer-wrap .random_area_wrap .btn_set-double{
  text-align: center;
  margin-top: 32px;
}

.event_join-wrap.event_random_answer-wrap .random_area_wrap .btn_set-double .btn_item button{
  width: 280px;
}

.event_join-wrap.event_random_answer-wrap .random_area_wrap .btn_set-double .btn_item:first-child{
  text-align: right;
}

.event_join-wrap.event_random_answer-wrap .random_area_wrap .btn_set-double .btn_item:last-child{
  text-align: left;
}
@media all and (max-width: 959px) {
  .event_join-wrap.event_random_answer-wrap .random_area_wrap .btn_set-double .btn_item button{
    width: 100%;
  }
}

/* 에디터 모듈 */

.editor-section .view_editor-area {
  max-width: 1096px;
  margin: 0 auto;
}

section[class$="-section"].editor-section .section-wrap{
  padding: 60px 0 120px
}


@media all and (max-width: 959px) {
  .editor-section .view_editor-area img{
    width: 100%;
  }

  section[class$="-section"].editor-section .section-wrap {
    padding: 40px 0 32px;
  }
}




/* 이벤트 크리스마스  GNB 삭제 풀페이지 ----------------------------------------*/

.d-none { display: none !important; }

/*  */
.trp.popupfixed-wrap .popup-layer.mas_wDefault {
  width: 625px;
}

.event_view.christmas-section{
  position: relative; 
  background:#fffdfe url(../images/etc/mas/temp_mas_bg_2.jpg) no-repeat top center ; 
  height:1080px;
}
.event_view.christmas-section .section-wrap{padding:0px 0 0;}
.event_view.christmas-section .view_mascontens{
  position:relative; 
  display:flex; 
  height:1080px; 
  padding-top:55px;
}
.event_view.christmas-section .view_title-area{
  width: 445px; 
  padding-left: 20px;
}
.event_view.christmas-section .view_title-area .stitle{
  margin-top:35px;
}
.event_view.christmas-section .view_title-area .youtube_box{
  position:relative; 
  width:346px; 
  height:195px; 
  background:#000;
  margin-top:26px;
}

/* 유투브 */
.event_view.christmas-section .view_title-area .youtube_box .youtube_video-wrap{
  width: 100%;
  top:0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.event_view.christmas-section .view_title-area .youtube_box .youtube_video-wrap .video {
   position:relative;
   padding-bottom:56.25%;
   height:0;
   overflow:hidden;
}
.event_view.christmas-section .view_title-area .youtube_box .youtube_video-wrap .video iframe{
   position:absolute;
   width:100%;
   height:100%;
}

@media all and (max-width: 959px) {
  .event_view.christmas-section .view_title-area .youtube_box{
    position:relative; 
    padding-bottom:56.25%;
    width: 100%;
    height: auto;
    margin-top: 6.1%;
  }

  .event_view.christmas-section .view_title-area .youtube_box .youtube_video-wrap {
    width:100%;
    top:0;
    left:0;
    padding:0;
  }

  .event_view.christmas-section .view_title-area .youtube_box .youtube_video-wrap .video{
    overflow: initial;
  }
}
   /*/// 유투브 */
.event_view.christmas-section .view_conts-area{
  position:relative; 
  flex:1 1 0;
}
.event_view.christmas-section .view_conts-area .decoration_box.pc{
  display: block;
}
.event_view.christmas-section .view_title-area .decoration_box.mo{
  display:none;
}
.event_view.christmas-section .view_conts-area .decoration_box .deco1{
  position:absolute; 
  top:-55px; 
  right: 0;  
  animation: mas_up-down 1s infinite ease-in-out alternate;
}
.event_view.christmas-section .view_conts-area .decoration_box .deco2{
  position:absolute; 
  top:-55px; 
  right:160px;  
  animation: mas_up-down2 1s infinite ease-in-out alternate; 
}

@keyframes mas_up-down{
  from{
    transform: translatey(0px);
  }
  to{
    transform: translatey(-10px);
  }
}

@keyframes mas_up-down2{
  from{
    transform: translatey(0px);
  }
  to{
    transform: translatey(-15px);
  }
}

.event_view.christmas-section .view_conts-area .merry_title{
  width: 381px;
  text-align: center;
  margin: -27px auto 0;
}

.event_view.christmas-section .view_conts-area .num_box{
  width:188px; 
  height:42px; 
  text-align:right;
  background:url(../images/etc/mas/temp_mas_img_2.png) no-repeat top center; 
  margin: 2px auto 0;
  display:flex; 
  justify-content: center;
  align-items: center;
  
}
.event_view.christmas-section .view_conts-area .num_box span{
  color:#fcf1dd;
  /* font-size: 22px; */
  font-weight: 400;
  display: inline-block;
}

.event_view.christmas-section .view_conts-area .num_box span.text_img{
 width: 96px;
 margin-left: 1.5%;
}
.event_view.christmas-section .view_conts-area .num_box span.text_img img{
  width: 100%;
}


.event_view.christmas-section .view_conts-area .num_box span.number{font-weight: 600; font-size:24px}

.event_view.christmas-section .view_conts-area .tvn_box {
  margin:43px auto 0; 
  width: 145px;
}
.event_view.christmas-section .view_conts-area .tvn_box_star{
  position:absolute; 
  top:104px;
  left:279px; 
  display: inline-block;
  width:302px; 
  height: 142px;
  background:url(../images/etc/mas/temp_mas_img_4.png) no-repeat top center;
  animation: mas_blink_star 1s ease-in-out infinite alternate;
}

  @keyframes mas_blink_star{
    0% {opacity:0;}
    100% {opacity:1;}
}

.event_view.christmas-section .view_conts-area .sticker_box{}
.event_view.christmas-section .view_conts-area .sticker_box .sticker{position:absolute;
  animation-name: mas_shake;
  animation-iteration-count: infinite;
  animation-delay: .3s;
  animation-duration: .8s;
  transform-origin: 50% 4px;
}

.event_view.christmas-section .view_conts-area .sticker_box .sticker.st1{
  top:25%; 
  right:29.2%; 
  animation-duration: .8s;
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st2{
  top:30.9%;
  left:27.2%;
  animation-duration: .8s;
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st3{
  top:48%;
  left:17%;
  animation-duration: .8s;
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st4{
  top:47.3%;
  left:52.1%;  
  animation-duration: .8s;
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st5{
  bottom:33.6%; 
  right: 8.7%;
  animation-duration: .8s;
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st6{
  bottom:21.6%; 
  left: 35.4%;
  animation-duration: .8s;
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st7{
  bottom:9%; 
  left:9%;  
  animation-duration: .8s;
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st8{
  bottom:12%; 
  right:6.9%;  
  animation-duration: .8s;
}

.event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker2.png"]{
  transform: translate(-6%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker3.png"]{
  transform: translate(-3%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker4.png"]{
  transform: translate(-9%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker5.png"]{
  transform: translate(0, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker6.png"]{
  transform: translate(-8%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker7.png"]{
  transform: translate(1%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker8.png"]{
  transform: translate(-5%, 0);
}

.event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker1.png"]{
  transform: translate(4.5%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker3.png"]{
  transform: translate(9%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker4.png"]{
  transform: translate(12.5%, -0.5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker5.png"]{
  transform: translate(18%, -0.5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker6.png"]{
  transform: translate(9%, -0.5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker7.png"]{
  transform: translate(10%, 0%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker8.png"]{
  transform: translate(10%, 0%);
}


.event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker1.png"]{
  transform: translate(-4%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker2.png"]{
  transform: translate(-8%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker4.png"]{
  transform: translate(3%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker5.png"]{
  transform: translate(9.5%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker6.png"]{
  transform: translate(0, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker7.png"]{
  transform: translate(1%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker8.png"]{
  transform: translate(1%, 0);
}

.event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker1.png"]{
  transform: translate(-7%, -0.5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker2.png"]{
  transform: translate(-11.5%, -0.5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker3.png"]{
  transform:  translate(-3%, -0.5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker4.png"]{
  transform:  translate(-1%, -0.5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker5.png"]{
  transform: translate(6%, 0);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker6.png"]{
  transform: translate(-3.2%, -0.1%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker7.png"]{
  transform: translate(-2%, -0.5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker8.png"]{
  transform: translate(-2.5%, -0.5%);
}

.event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker1.png"]{
  transform: translate(-1%, -10.5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker2.png"]{
  transform: translate(-6%, 1.5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker3.png"]{
  transform: translate(-3%, -9%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker4.png"]{
  transform: translate(-10%, -6%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker5.png"]{
  transform: translate(0%, 0%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker6.png"]{
  transform: translate(-9%, 5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker7.png"]{
  transform: translate(0, 6%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker8.png"]{
  transform: translate(-5%, -15%);
}

.event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker1.png"]{
  transform: translate(-12.5%, -13.6%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker2.png"]{
  transform: translate(-17%, -1%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker3.png"]{
  transform: translate(-9%, -13%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker4.png"]{
  transform: translate(-7%, -9%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker5.png"]{
  transform: translate(0, -3%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker6.png"]{
  transform: translate(-9%, 2%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker7.png"]{
  transform: translate(-7%, 4%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker8.png"]{
  transform: translate(-8%, -19%);
}

.event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker1.png"]{
  transform: translate(-5%, -17%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker2.png"]{
  transform: translate(-10%, -5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker3.png"]{
  transform: translate(-2%, -17%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker4.png"]{
  transform: translate(1%, -13%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker5.png"]{
  transform: translate(8%, -6%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker6.png"]{
  transform: translate(-1%, -2%);
}
/* .event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker7.png"]{
  transform: translate(1%, 7%);
} */
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker8.png"]{
  transform: translate(-1%, -23%);
}

.event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker1.png"]{
  transform: translate(3%, 4%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker2.png"]{
  transform: translate(-2%, 14%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker3.png"]{
  transform: translate(1.9%, 5%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker4.png"]{
  transform: translate(-5%, 8%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker5.png"]{
  transform: translate(5%, 13%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker6.png"]{
  transform: translate(-4%, 17%);
}
.event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker7.png"]{
  transform: translate(4.5%, 18.5%);
}

.event_view.christmas-section .view_conts-area .sticker_box .sticker a{
  display: inline-block;
}
.event_view.christmas-section .view_foot-area{
  position: absolute; 
  top:498px; 
  left:20px;
}
.event_view.christmas-section .view_foot-area .red_box{ 
  margin: 15px 0 0 15px;
} 
.event_view.christmas-section .view_foot-area .red_box .flex_img{
  width:284px; 
  height: 137px;
  display:flex; 
  justify-content: center; 
  align-items: center;
  border: 2px solid #a76f76; 
  background: #fff; 
  border-radius: 0.5rem;
}
.event_view.christmas-section .view_foot-area .red_box_text{
  margin:15px 0 0 15px;
}
.event_view.christmas-section .view_foot-area .red_box_btn{
  margin-top:15px;
}
.event_view.christmas-section .view_foot-area .red_box_btn a{
  display: inline-block;
}
.event_view.christmas-section .view_foot-area .red_box_btn a:hover,
.event_view.christmas-section .view_foot-area .red_box_btn a:focus{
  transform:scale(1.03,1.03);        
  transition: transform .5s; 
}
.event_view.christmas_foot-section{
  background:#fffdfe url(../images/etc/mas/temp_mas_bg_1.jpg) no-repeat top center; 
  height:259px;
}
.event_view.christmas_foot-section .section-wrap {
  padding-bottom:0 !important;
}
.event_view.christmas_foot-section .care_box{
  text-align:center;
}
.event_view.christmas_foot-section .care_box > p{
  padding-top:38px; 
  font-size:17px; 
  font-weight: 600;
}
.event_view.christmas_foot-section .care_box ul{
  padding-top:10px;
}
.event_view.christmas_foot-section .care_box  li{
  font-size:17px; 
  font-weight: 600; 
  color:#444
}
.event_view.christmas_foot-section .care_box  li strong{
  color:#984444
}

.paging-area.mas_paging{
  padding: 0;position: absolute; bottom: 30px;
}
.paging-area.mas_paging .paging a{
  display:inline-block;
}
.paging-area.mas_paging .paging a em{
  color:#1f6203;
  font-size: 28px; 
  line-height: 31px;
}
.paging-area.mas_paging .paging a i.spf-arrow_page-l, 
.paging-area.mas_paging .paging strong i.spf-arrow_page-l{
  width:45px;
  height:45px; 
  display: flex; 
  justify-content: center; 
  align-items: center;
}
.paging-area.mas_paging .paging a.prev{
  margin:0; 
  background:#2c790d; 
  border-radius:1rem 0 0 1rem; 
  width:45px;
  height:45px; 
  min-width: 45px; padding:0
}
.paging-area.mas_paging .paging a i::before,
.paging-area.mas_paging .paging strong i::before{
  color:#fff
}
.paging-area.mas_paging .paging a.next{
  margin:0; 
  background: #2c790d; 
  border-radius:0 1rem 1rem 0; 
  width:45px; 
  height:45px; 
  min-width: 45px; 
  padding:0
}
.paging-area.mas_paging .paging a i.spf-arrow_page-r, 
.paging-area.mas_paging .paging strong i.spf-arrow_page-r{
  background: #2c790d;
  color: #fff; 
  width:45px; 
  height:45px;
  border-radius:0 1rem 1rem 0; 
  display: flex; 
  justify-content: center;
  align-items: center;
}
.paging-area.mas_paging .paging strong.on{
  border-radius:0;
  margin: 0;
  background-color:#7eb56a;
  padding: 7px 5px;
  width:auto;
  /* min-width: 45px; */
}
.paging-area.mas_paging .paging a, 
.paging-area.mas_paging .paging strong{
  margin:0; 
  background: #7eb56a; 
  width: auto; 
  height: 45px;  
  /* min-width:45px; */
  padding:7px 5px;
}
.paging-area.mas_paging .paging strong.on em{
  font-weight:400;
  font-size: 28px; 
  line-height: 31px;
}
.paging-area.mas_paging .spf-arrow_page-r:before{
  content:"";
}
.paging-area.mas_paging .spf-arrow_page-l:before{
  content:"";
}
.paging-area.mas_paging .paging a i::before, 
.paging-area.mas_paging .paging strong i::before{
  font-size:initial;
}
.paging-area.mas_paging .paging a i, 
.paging-area.mas_paging .paging strong i{
  padding:0;
}
.paging-area.mas_paging .paging a.next:hover, 
.paging-area.mas_paging .paging a.next:focus{
  border-radius:0 1rem 1rem 0;
}
.paging-area.mas_paging .paging a.prev:hover, 
.paging-area.mas_paging .paging a.prev:focus{
  border-radius:  1rem 0 0 1rem;
}
.paging-area.mas_paging .paging  a:hover, 
.paging-area.mas_paging .paging  a:focus{
  border-radius: 0;
}
.paging-area.mas_paging .spf-arrow_page-l:before{
  background:none;
}
.paging-area.mas_paging .spf-arrow_page-r:before{
  background:none;
}
.event_view.christmas-section .wtext_img{
  display:block;
}
.event_view.christmas-section .mtext_img{
  display:none;
}
.event_view.christmas_foot-section .wtext_img{
  display:block;
}
.event_view.christmas_foot-section .mtext_img{
  display:none;
}

/* 팝업*/

.trp.popupfixed-wrap.event_christmas{}
.trp.popupfixed-wrap.event_christmas .popup-layer{
  width:625px; 
  background: transparent;
}
.trp.popupfixed-wrap.event_christmas .pop-panel .pop-body{
  padding: 0;
}
.trp.popupfixed-wrap.event_christmas .section > .scroll_content{
  height: auto;
  max-height: calc(var(--vh, 1vh) * 100 );
}
.trp.popupfixed-wrap.event_christmas .mas_frames{
  height:900px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames.frame1{
  background:url(../images/etc/mas/temp_mas_frame_1.jpg) no-repeat top center; 
  background-size: 100% 100%;
}
.trp.popupfixed-wrap.event_christmas .mas_frames.frame2{
  background:url(../images/etc/mas/temp_mas_frame_2.jpg) no-repeat top center; 
  background-size: 100% 100%;}
.trp.popupfixed-wrap.event_christmas .mas_frames.frame3{
  background:url(../images/etc/mas/temp_mas_frame_3.jpg) no-repeat top center; 
  background-size: 100% 100%;
}

.trp.popupfixed-wrap.event_christmas .mas_frames.frame1 .point_box.frame1{
  display: block;
}
.trp.popupfixed-wrap.event_christmas .mas_frames.frame1 .point_box.frame2{
  display: none;
}
.trp.popupfixed-wrap.event_christmas .mas_frames.frame1 .point_box.frame3{
  display: none;
}
.trp.popupfixed-wrap.event_christmas .mas_frames.frame2 .point_box.frame2{
  display: block;
}
.trp.popupfixed-wrap.event_christmas .mas_frames.frame2 .point_box.frame1{
  display: none;
}
.trp.popupfixed-wrap.event_christmas .mas_frames.frame2 .point_box.frame3{
  display: none;
}

.trp.popupfixed-wrap.event_christmas .mas_frames.frame3 .point_box.frame3{
  display: block;
}
.trp.popupfixed-wrap.event_christmas .mas_frames.frame3 .point_box.frame1{
  display: none;
}
.trp.popupfixed-wrap.event_christmas .mas_frames.frame3 .point_box.frame2{
  display: none;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame1 .point{
  position:absolute;
  top:50px; 
  left:45px; 
  display:block; 
  width:57px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame1 .point img{
  max-width: 100%;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame2 .point{
  position: absolute;
  top:50px; 
  left:45px; 
  display:block; 
  width: 57px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame2 .point img{
  max-width: 100%;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame3 .point{
  position: absolute;
  top:50px; 
  left:45px; 
  display:block;
  width: 57px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame3 .point img{
  max-width: 100%;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame3 .point a{
  display: inline-block;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .bp img{
  width: 100%;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .bg_point1{
  position: absolute;
  left: 0;
  top: 0;
  width: 7.1%;
  display: block; 
  max-width: 44px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .bg_point2{
  position: absolute;
  right: 0;
  top: 0;
  width: 7.1%;
  display: block; 
   max-width: 44px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .bg_point3{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 7.1%;
  display: block;  
  max-width: 44px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .bg_point4{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 7.1%;
  display: block;  
  max-width: 44px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .pop_tit_box{
  padding:9% 19% 0;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .pop_tit{
  text-align: center; 
  width:auto; 
  height:auto; 
  margin: 0 auto;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .pop_tit img{
  width: 100%;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .pop_close{
  display:inline-block;  
  position: absolute;  
  top:52px; 
  right:49px; 
  width:51px; 
  height: 51px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .pop_close a{
  display: inline-block;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .pop_close a img{
  width: 100%;
}
/* 슬라이드 css */
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view {
  position:relative; 
  width: 410px; 
  height: 290px; 
  margin: 0 auto;
}  
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center {
  width:334px;
  height: 260px;
  overflow: hidden;
  text-align: center;
  margin:0 auto;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-wrapper{ 
  display: flex; 
  align-items: center;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide{
  display: flex;
  justify-content:center;
  align-items:center;
  height: 267px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide img{
  width:100%; 
  height:100%;
  object-fit: contain;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide > img[src$="mas_sticker_big1.png"]{
  width: 311px;
  height: 227px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide > img[src$="mas_sticker_big2.png"]{
  width: 272px;
  height: 260px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide > img[src$="mas_sticker_big3.png"]{
  width: 308px;
  height: 253px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide > img[src$="mas_sticker_big4.png"]{
  width: 268px;
  height: 245px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide > img[src$="mas_sticker_big5.png"]{
  width: 287px;
  height: 253px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide > img[src$="mas_sticker_big6.png"]{
  width: 294px;
  height:239px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide > img[src$="mas_sticker_big7.png"]{
  width: 243px;
  height: 255px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide> img[src$="mas_sticker_big8.png"]{
  width: 336px;
  height:216px;
}



.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .pagination {
  position: absolute; 
  bottom: -10px; 
  text-align: center; 
  font-size: 0; 
  line-height: 0;
  margin-top: 10px;
}
.sticker_view .pagination .swiper-pagination-bullet { margin:5px 5px; overflow: hidden;
  width:10px;height:10px;display: inline-block;border-radius: 100%;background: #fff;opacity:1;
  font-size: 0; line-height: 0; text-indent: 100px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background:#ebcc74;
}
/* ////슬라이드 css */

.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .prev{
  position: absolute;
  top:50%; 
  left:0;  
  width:19px;
  height:37px; 
  margin-top: -10px; 
  transform: translate(0, -50%);
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .prev img{
  width: 100%;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .next{
  position: absolute
  ;top:50%; 
  right:0; 
  width:19px; 
  height:37px; 
  margin-top: -10px; 
  transform: translate(0, -50%);
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .next img{
  width: 100%;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .mas_popup_write{
  width:380px;
  margin:0 auto;
  padding:20px 0 0;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .text_number{
  text-align:right; 
  font-size: 16px; 
  color: #a89c7d; 
  margin-bottom:5px;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .write_box{
  background:url(../images/etc/mas/temp_mas_pop_write.png) no-repeat 0 0; 
  height:155px; 
  display: flex; 
  align-items: center; 
  background-size: 100% 100%;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea{
  width:345px; 
  height:143px ; 
  margin:0 auto;
  text-align: center; 
  scroll-snap-align: center; 
  overflow: hidden; 
}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea textarea{
  width:100%;
  height:130px; 
  border:0;
  background:none; 
  resize: none;
  text-align: center;
  font-size:30px;
  overflow: hidden;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea textarea.font01{
  font-family: 'cute-Regular'; 
  font-size:33px; 
  line-height:46px; 
  font-weight: 400;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea textarea.font02{
  font-family: 'Diphylleia-Regular'; 
  font-size: 22px; 
  letter-spacing: -2px; 
  line-height:44px; 
  font-weight: 400;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea textarea.font03{
  font-family: 'gamjaflower-regular'; 
  font-size: 27px; 
  letter-spacing: -1.5px; 
  line-height:47px; 
  font-weight: 400; 
}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea textarea:active{
  border:0; 
  background:none;
  outline: none;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea textarea:focus{
  border:0; 
  background:none; 
  outline: none;
}
.mas_frames .write_box .write_textarea textarea:focus-visible{
  border:0; 
  background:none; 
  outline: none;
}
.mas_frames .font_select_box{
  padding-top:25px; 
  display:flex; 
  justify-content: center; 
  width: 214px; 
  margin: 0 auto; 
}
.mas_frames .font_select_box > ul{
  display:flex; 
  flex-wrap: nowrap; 
  width:285px; 
  justify-content:space-between;
}

.mas_frames .font_select_box li a{
  display:flex;
  align-items: center;
  width:60px; 
  height:60px; 
  justify-content: center;
  border-radius:50%;
  background: #fff; 
  color:#000;
  text-align: center;
}

.mas_frames .font_select_box li a.on{
  background:#f2d88f;
}
.mas_frames .font_select_box li:nth-child(1) a{
  font-family:'cute-Regular';
  font-size:22px; 
  line-height: 0.8;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box li:nth-child(2) a{
  font-family:'Diphylleia-Regular'; 
  font-size:14px; 
  line-height: 1;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box li:nth-child(3) a{
  font-family:'gamjaflower-regular'; 
  font-size:19px; 
  line-height: 1;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box li:nth-child(1) a.on{
  font-weight: 600;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box li:nth-child(2) a.on{
  font-weight: 600;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box li:nth-child(3) a.on{
  font-weight: 600;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .mas_submit_btn{
  width:267px; 
  margin:30px auto 0;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .mas_submit_btn a{
  display: inline-block;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .mas_submit_btn img{ 
  width: 100%;
}
.trp.popupfixed-wrap.event_christmas.event_form  .section > .scroll_content{
  height:100%;
  max-height: calc(var(--vh, 1vh) * 100 );
}
.trp.popupfixed-wrap.event_christmas .mas_frames .pop_tit_box.view{
  padding:9% 0 0;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .pop_tit_box.view .pop_tit{
  width: 67%;
  text-align: center;
  max-width: 550px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 {
  width: auto; 
  margin-top: 20px; 
  height: 262px;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page{
  display: flex;
  justify-content: center; 
  align-items: center;
  width:344px; 
  height: 262px; 
  margin: 0 auto;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big1.png"]{
  width: 311px;
  height: 227px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big2.png"]{
  width: 272px;
  height: 260px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big3.png"]{
  width: 308px;
  height: 253px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big4.png"]{
  width: 268px;
  height: 245px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big5.png"]{
  width: 287px;
  height: 253px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big6.png"]{
  width: 294px;
  height:239px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big7.png"]{
  width: 243px;
  height: 255px;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big8.png"]{
  width: 344px;
  height:216px;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2{
  width:380px; 
  height: 155px; 
  margin: 50px auto 0;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea{width:334px}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea .view_textarea .fontBlindTxt{
  font-size: 21px;
  font-family: "Noto Sans KR", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
  font-weight: 400;
  letter-spacing: 0;
}

.trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea .view_textarea.font01{
  font-family: 'cute-Regular'; 
  font-size:34px; 
  line-height:47px; 
  letter-spacing: -1px;  
  font-weight: 400;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea .view_textarea.font02{
  font-family: 'Diphylleia-Regular'; 
  font-size: 21px; 
  letter-spacing: -1px; 
  line-height:46px; 
  font-weight: 400;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea .view_textarea.font03{
  font-family: 'gamjaflower-regular'; 
  font-size: 26px; 
  letter-spacing: -1.5px; 
  line-height:47px; 
  font-weight: 400; 
}
.mas_popup_write_view .name_id{
  display:flex; 
  justify-content: center;   
  margin-top:65px;  
  font-size: 20px; 
  color: #977e39; 
  letter-spacing: -1px; 
  font-weight: 400;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea .view_textarea{ 
  width:100%;
  height:140px; 
  border:0;
  background:none; 
  resize: none;
  overflow:hidden;
  text-align: center;
  font-size:24px;
  line-height:47px;
  font-weight: 600;
}
.trp.popupfixed-wrap.event_christmas .mas_frames .mas_popup_write .name_id{
  font-size: 25px; 
  color:#977e39; 
  text-align: center; 
  margin-top: 45px; 
  height: 80px;
}
.event_view.christmas-section .view_title-area .typing-text{
  animation: mas_typing 2s steps(200, end) 1;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  height: 45px;
  animation-fill-mode: forwards;
  animation-delay: .2s;
}
.event_view.christmas-section .view_title-area .typing-text1{
  width: 0;
  height: 36px;
  animation: mas_typing 2s steps(100, end) 1;
  white-space: nowrap;
  overflow: hidden;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  /* animation-iteration-count: infinite;  */
}


/* 툴팁 */

.trp.popupfixed-wrap.event_christmas .mas_bg_change{}
.trp.popupfixed-wrap.event_christmas .mas_bg_change .change_inner{
    width: 17.5%;
    max-width: 110px;
    position: absolute;
    bottom: calc(100% - 6%);
    left: 3%;
    z-index: 1;
    text-align: center;
}

.trp.popupfixed-wrap.event_christmas .mas_bg_change .mas_tooltip img{
    width: 100%;
}
.trp.popupfixed-wrap.event_christmas .mas_bg_change .mas_tooltip .mas_close{
    width: 10%;
    height: 10%;
    max-height: 11px;
    position: absolute;
    top: 13%;
    right: 5%;
}
.trp.popupfixed-wrap.event_christmas .mas_bg_change .mas_icon img{
    width: 55%;
}

/* ////////////툴립*/




@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.event_christmas .popup-layer{
    width:100%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames{
    height: 100%;
  }
  /* 모바일 팝업 중앙 */
  .trp.popupfixed-wrap.event_christmas .popup-layer .pop-body{
    position: absolute;
    width:100%; 
    top:50%; left:50%; 
    transform: translate(-50%, -50%);
    max-width: calc(100% + -4%);
    max-height: calc(100% + -4%);
  }
  /* 모바일 팝업 중앙 */
  .trp.popupfixed-wrap.event_christmas .popup-layer .pop-body > .section{
    max-width: 820px; 
    margin: 0 auto;
  }
  .event_view.christmas-section .wtext_img{
    display:none;
  }
  .event_view.christmas-section .mtext_img{
    display:block; 
  }
  .event_view.christmas-section .mtext_img img{
    width: 100%;
  }
  .event_view.christmas_foot-section .wtext_img{
    display:none;
  }
  .event_view.christmas_foot-section .mtext_img{
    display:block;
  }
  .event_view.christmas_foot-section .mtext_img img{
    width: 100%;
  }
  .event_view.christmas_foot-section .mtext_img a img{
    width:auto;
  }
  .event_view.christmas_foot-section .care_box.mtext_img{
    display:block; 
    width: 76.9%; 
    margin: 0 auto;
  }
  .event_view.christmas_foot-section .care_box.mtext_img img{
    max-width:738px;
  }
  .event_view.christmas-section{
    background: none; 
    height: auto;
  }
  .event_view.christmas-section .section-inner{
    padding: 0px 0 !important;
  }
  .event_view.christmas-section .view_mascontens{
    display: block; 
    padding-top:0; 
    height: auto;
  }
  .event_view.christmas-section .view_title-area{
    width: 100%; 
    text-align: center; 
    padding:7% 9.2% 2.3%;
  }
  .event_view.christmas-section .view_title-area .typing_box1{
    padding: 0px 10%;
  }
  .event_view.christmas-section .view_title-area .typing_box1 .typing-text{
    width: 29.1%;
    height: auto;
    margin: 0 auto;
    clip-path: polygon(0px 0px, 100% 0, 100% 100%, 0px 100%);
    animation: mas_typing-polygon 1.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  .event_view.christmas-section .view_title-area .typing-text .text.mtext_img{ 
    max-width: 182px;
  }
  .event_view.christmas-section .view_title-area .typing-text .text.mtext_img img{
    width:100%;
  }
  .event_view.christmas-section .view_title-area .typing_box2{
    margin-top:1.4%; 
    padding:0px 10%;
  }
  .event_view.christmas-section .view_title-area .typing-text1.typing2{
    width:100%;
    height: auto;
    clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%);
    animation: mas_typing-polygon 2.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-delay: 2s;
  }
  .event_view.christmas-section .view_title-area .typing_box2 .typing-text1 .text.mtext_img{
    max-width: 628px; 
    margin:0 auto;
  }
  .event_view.christmas-section .view_title-area .typing_box2 .typing-text1 .text.mtext_img img{
    width:100%;
  }

  @keyframes mas_typing-polygon {
      0% {
          clip-path: polygon(0px 0px, 0% 0, 0% 100%, 0px 100%);
      }
      100% {
          clip-path: polygon(0px 0px, 100% 0, 100% 100%, 0px 100%);
      }
  }

  .event_view.christmas-section .view_title-area .stitle.mtext_img{
    width:66.75%; 
    margin:6.8% auto 0; 
  }
  .event_view.christmas-section .view_title-area .stitle.mtext_img img{
    max-width: 522px;
  }
  .event_view.christmas-section .view_conts-area .decoration_box.pc{
    display: none;
  }
  .event_view.christmas-section .view_title-area .decoration_box.mo{
    display:block;
  }

  .event_view.christmas-section .view_title-area .decoration_box.mo{}
  .event_view.christmas-section .view_title-area .decoration_box.mo .deco1{
    position: absolute; 
    top: -27px; 
    left:3.2%; 
    right: auto;  
    width:13%; 
    animation: mas_up-down_m1 1s infinite ease-in-out alternate;
  }
  .event_view.christmas-section .view_title-area .decoration_box.mo .deco1 img{width: 100%;}
  .event_view.christmas-section .view_title-area .decoration_box.mo .deco2{
    position: absolute; 
    top: 0px;  
    right:0; 
    width:25.3%; 
    animation: mas_up-down_m2 1s infinite ease-in-out alternate;
  }
  .event_view.christmas-section .view_title-area .decoration_box.mo .deco2 img{width: 100%;}
  @keyframes mas_up-down_m1{
    from{
      transform: translatey(0px);
    }
    to{
      transform: translatey(-10px);
    }
  }
    
  @keyframes mas_up-down_m2{
    from{
      transform: translatey(0px);
    }
    to{
      transform: translatey(-10px);
    }
  }

  .event_view.christmas-section .view_conts-area{}
  .event_view.christmas-section .view_conts-area .num_box{
    width:29.6%; 
    height: 7.1vw;  
    background-size: 100% 100%;
    background: url(../images/etc/mas/temp_mas_mnimg_2.png) no-repeat top center; 
    background-size:100% 100%;
    display: flex;
  }
  .event_view.christmas-section .view_conts-area .num_box span{
    color: #fcf1dd;
  }
  .event_view.christmas-section .view_conts-area .num_box span.number{
    font-size: 3.8vw;
  }

  .event_view.christmas-section .view_conts-area .num_box span.text_img > span{
    display: flex;
    align-items: center;

  }
  .event_view.christmas-section .view_conts-area .num_box span.text_img{
    width: 15vw;
  }


  .event_view.christmas-section .view_conts-area .merry_title{
    width:64.3%; 
    margin: 0 auto 0;
  }
  .event_view.christmas-section .view_conts-area .merry_title img{
    width:100%; 
  }
  .event_view.christmas-section .view_conts-area .tvn_box{
    margin:0; 
    width:14.8%; 
    position: absolute; 
    top: 20.7%; 
    left: 50%; 
    transform: translate(-50%, 0); 
  }
  .event_view.christmas-section .view_conts-area .tvn_box img{
    width:100%; 
    height:100%;
  }
  .event_view.christmas-section .view_conts-area .tvn_box_star{
    margin:0 auto; 
    left: 50%; 
    top:23%; 
    transform: translate(-50%, -55%);
    width: 34vw;
    height: 17vw;
    background-size: 100% 100%;
  }
  .event_view.christmas-section .view_foot-area{
    display: block; 
    position:relative; 
    padding:9% 0 5.4%; 
    top:inherit;
    left:inherit;
  }
  .event_view.christmas-section .view_foot-area .red_box_text0{padding:0 8%;}
  .event_view.christmas-section .view_foot-area .red_box_text0.mtext_img{
    width:76.3%; 
    margin: 0 auto; 
    padding:0;
  }
  .event_view.christmas-section .view_foot-area .red_box_btn.mtext_img{
    width: 75.9%;
    position: absolute;
    top: -9.8%;
    left: 50%;  
    transform: translate(-50%, 0); 
    margin:0;
  }
  .event_view.christmas-section .view_foot-area .red_box_btn.mtext_img a {
    display: inline-block;
  }
  .event_view.christmas-section .view_foot-area .red_box_btn.mtext_img a img{
    max-width: 728px;
  }
  .event_view.christmas-section .view_foot-area .red_box_btn a:hover, 
  .event_view.christmas-section .view_foot-area .red_box_btn a:focus{
    transform: scale(1,1);
  }

  .event_view.christmas-section .view_foot-area .red_box {
    padding: 4% 0% 0%;
    width:76.6%; 
    margin: 0 auto;
  }
  .event_view.christmas-section .view_foot-area .red_box .flex_img{
    width:auto; 
    height:auto; 
    max-width:734px; 
    margin: 0 auto; 
    padding:7% 9% 3%;
  }
  .event_view.christmas-section .view_foot-area .red_box .flex_img img{
    width:100%; 
    height:100%;
  }
  .event_view.christmas_foot-section{
    height:auto; 
    padding:4.2% 0; 
    background-image: none !important; 
    background:#eed9d9;
  }
  .event_view.christmas_foot-section .section-inner{
    padding:0 !important;
  }
  .event_view.christmas_foot-section .care_box > p{
    padding-top:0
  }

  .event_view.christmas-section  .view_title-area{
    background:#fffdfe url(../images/etc/mas/temp_mas_bg_3_1.jpg) repeat-x top center;
    background-size: 100% 100%;
    height:auto;
  }

  .event_view.christmas-section  .view_conts-area{
    background:#fffdfe url(../images/etc/mas/temp_mas_bg_3_2.jpg) no-repeat bottom center;
    background-size: 100% 100%;
    max-height: 1600px;
  }

  .event_view.christmas-section .view_foot-area{
    background:#fffdfe url(../images/etc/mas/temp_mas_bg_3_3.jpg) no-repeat top center;
    background-size: 100% 100%;
    height:auto;
  }

  /* */
  .event_view.christmas-section .view_conts-area{}

  .event_view.christmas-section .view_conts-area .view_conts-inner{
    position: relative;
    width: 100%;
    padding-top: 142%;
  }

  .event_view.christmas-section .view_conts-area .view_conts{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  .event_view.christmas-section .view_conts-area .title-box{
    height:20%;
  }

  .event_view.christmas-section .view_conts-area .sticker_box{
    width: 100%;
    height: 65%;
    position: relative;
    top: 0;
    padding-top: 0;
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker img{
    width: 100%;
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker a{
    display: block;
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st1{
    width:17.7%; 
    top: 12.4%;
    right: 31.5%;
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st2{
    width:15.9%; 
    top: 20.1%;
    left: 32.7%;
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st3{
    width:15.3%; 
    top: 42%;
    left: 21.1%;
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st4{
    width:16.5%; 
    top: 41%;
    right: 32.3%;
    left: auto;
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st5{
    width:17.3%; 
    top: 46.2%;
    right: 13.5%;
    bottom: auto;
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st6{
    width:18%; 
    top: 61.1%;
    left: 36.3%;
    bottom: auto;
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st7{
    width:14.7%; 
    top: 77%;
    left: 14.7%;
    bottom: auto;
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st8{
    width:15.7%; 
    top: 76.2%;
    right: 12.4%;
    bottom: auto;
    
  }

  /* 트리*/
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker1.png"]{
    transform: translate(-1%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker2.png"]{
    transform: translate(-6%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker3.png"]{
    transform: translate(0, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker4.png"]{
    transform: translate(-1.5%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker5.png"]{
    transform: translate(6%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker6.png"]{
    transform: translate(-3%, -0%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker7.png"]{
    transform: translate(2%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st1 img[src$="mas_sticker8.png"]{
    transform: translate(-1%, 0);
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker1.png"]{
    transform: translate(-9%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker2.png"]{
    transform: translate(-13%, 1%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker3.png"]{
    transform: translate(-8%, 0)
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker4.png"]{
    transform: translate(-9%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker5.png"]{
    transform: translate(-1%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker6.png"]{
    transform: translate(-10%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker7.png"]{
    transform: translate(-5%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st2 img[src$="mas_sticker8.png"]{
    transform: translate(-8%, 0);
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker1.png"]{
    transform: translate(1%, 1%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker2.png"]{
    transform: translate(-4%, 0%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker3.png"]{
    transform: translate(2%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker4.png"]{
    transform: translate(1%, 0%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker5.png"]{
    transform: translate(8%, 0%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker6.png"]{
    transform: translate(0, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker7.png"]{
    transform: translate(4%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st3 img[src$="mas_sticker8.png"]{
    transform: translate(2%, 1%);
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker1.png"]{
    transform: translate(-0.4%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker2.png"]{
    transform: translate(-5%, 1%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker3.png"]{
    transform: translate(1%, 0.5%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker4.png"]{
    transform: translate(-0.9%, 0.3%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker5.png"]{
    transform: translate(7%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker6.png"]{
    transform: translate(-2%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker7.png"]{
    transform: translate(3%, 0.5%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st4 img[src$="mas_sticker8.png"]{
    transform: translate(0.5%, 0.5%);
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker1.png"]{
    transform: translate(-3%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker2.png"]{
    transform: translate(-8%, 0.5%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker3.png"]{
    transform: translate(-1%, 0%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker4.png"]{
    transform: translate(-3%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker5.png"]{
    transform: translate(5%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker6.png"]{
    transform: translate(-4%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker7.png"]{
    transform: translate(1%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st5 img[src$="mas_sticker8.png"]{
    transform: translate(-2%, 0%);
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker1.png"]{
    transform: translate(-9%, 0.5%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker2.png"]{
    transform: translate(-14%, 0%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker3.png"]{
    transform: translate(-7.5%, -0.5%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker4.png"]{
    transform: translate(-9%, -0.5%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker5.png"]{
    transform: translate(-1%, -0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker6.png"]{
    transform: translate(-10.4%, 0);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker7.png"]{
    transform: translate(-6%, -0%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st6 img[src$="mas_sticker8.png"]{
    transform: translate(-8%, -0);
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker1.png"]{
    transform: translate(-4%, -4%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker2.png"]{
    transform: translate(-8%, -3%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker3.png"]{
    transform: translate(-2%, -3%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker4.png"]{
    transform: translate(-4%, -3%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker5.png"]{
    transform: translate(4%, -3%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker6.png"]{
    transform: translate(-5%, -3%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker7.png"]{
    transform: translate(0, -3%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st7 img[src$="mas_sticker8.png"]{
    transform: translate(-2%, -3%);
  }

  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker1.png"]{
    transform: translate(0%, 1.5%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker2.png"]{
    transform: translate(-5%, 2%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker3.png"]{
    transform: translate(1%, 2%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker4.png"]{
    transform: translate(0, 1%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker5.png"]{
    transform: translate(8%, 1%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker6.png"]{
    transform: translate(-1%, 1%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker7.png"]{
    transform: translate(3.5%, 2%);
  }
  .event_view.christmas-section .view_conts-area .sticker_box .sticker.st8 img[src$="mas_sticker8.png"]{
    transform: translate(1%, 1.5%);
  }

  /*///트리 */

  .paging-area.mas_paging{
    bottom:12.6%;
  }
  .paging-area.mas_paging .spf-arrow_page-l:before{content: "";}
  .paging-area.mas_paging .spf-arrow_page-r:before{content: "";}
  .paging-area.mas_paging .paging a i::before, .paging-area.mas_paging .paging strong i::before{
    font-size:initial; 
    line-height: 18px;
  }
  .paging-area.mas_paging .paging a i, .paging-area.mas_paging .paging strong i{
    padding:0;
  }
  .paging-area.mas_paging .paging a, .paging-area.mas_paging .paging strong{
    height:4.7vw;
    width:auto;  
    /* min-width:4.7%;  */
    min-width: 0;
    margin:0; 
    display: inline-block;
    padding: 0 1%;
  }
  .paging-area.mas_paging .paging strong.on{ 
    min-width:auto; 
    width:auto;  
    /* min-width:4.7%;  */
    min-width: 0;
    height: 4.7vw;
    padding:0 1%;
  }
  .paging-area.mas_paging .paging strong.on em{
    font-size:3.2vw; 
    line-height: normal;
    font-weight: 500;
  }
  .paging-area.mas_paging .paging a.next{
    width:4.7%; 
    padding:1.15% 0;  
    height: 4.7vw; 
    min-width: auto;
    border-radius:0 1vw 1vw 0;
  }
  .paging-area.mas_paging  .paging a i, .paging-area.mas_paging .paging strong i{
    min-width:17px; 
    height:22px; 
    width: auto;
  }
  .paging-area.mas_paging  .paging a.prev{
    width:4.7%; 
    padding:1.15% 0;  
    height: 4.7vw;
    min-width: auto;
    border-radius: 1vw 0 0 1vw;
  }
  .paging-area.mas_paging  .paging a em, .paging-area.mas_paging .paging strong em{
    font-size:3.2vw; 
    line-height: normal; 
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.7vw;
  }
  .paging-area.mas_paging .paging a.next:hover, .paging-area.mas_paging  .paging a.next:focus{
    border-radius: 0 1rem 1rem 0;
  }
  .paging-area.mas_paging .paging a.prev:hover, .paging-area.mas_paging  .paging a.prev:focus{
    border-radius: 1rem  0 0 1rem ;
  }
  .paging-area.mas_paging .paging a i.spf-arrow_page-r, .paging-area.mas_paging .paging strong i.spf-arrow_page-r{
    background: #2c790d;
    color: #fff;
    width: 37.8%;
    height: 2.6vw;
    border-radius: 0 1rem 1rem 0;
    padding: 1.2% 0;
    min-width:auto;
    margin:-1% auto 0;
  }

  .paging-area.mas_paging .paging a i.spf-arrow_page-l, .paging-area.mas_paging .paging strong i.spf-arrow_page-l{
    background: #2c790d;
    color: #fff;
    width: 37.8%;
    height: 2.6vw;
    border-radius: 0 1rem 1rem 0;
    padding: 1.2% 0;
    min-width:auto;
    margin: 0 auto;
  }

  .paging-area.mas_paging .spf-arrow_page-l img{
    width: 100%;
  }
  .paging-area.mas_paging .spf-arrow_page-r img{
    width: 100%;
  }

  /* 크리스 마스 작성 팝업 */
  .trp.popupfixed-wrap.event_christmas .mas_frames{
    background-size:100% 100% !important;
  }
  .trp.popupfixed-wrap.event_christmas .section > .scroll_content{
    max-height: calc(var(--vh, 1vh) * 100 + -35px); 
    /* max-height: calc(var(--vh, 1vh) * 100); */
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .pop_tit_box{
    padding:8.5% 0 0;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .pop_tit{
    width:60%; 
    height: auto; 
    max-width: 488px;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .pop_tit img{
    width: 100%;
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .pop_tit_box.view .pop_tit{
    width:67%; 
    height: auto; 
    max-width: 550px;
  }


  .trp.popupfixed-wrap.event_christmas .mas_frames .pop_close{
    top:6.5%; 
    right:6.5%; 
    height: auto;  
    width:8%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .pop_close a{
    display: inline-block;
    max-width:65px;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .pop_close img{
    width: 100%; 
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame1 .point{
    width:10%; 
    top:6%; 
    left:6%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame2 .point{
    width: 10%; 
    top:6%; 
    left:6%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame3 .point{
    width: 10%; 
    top:6%; 
    left:6%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .point_box.frame3 .point img{
    width: 100%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view{
    width: 67%; 
    height: auto;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center{
    width:80%;
    height: auto; 
    padding-bottom: 9%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide{
    height: 35vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide img[src$="mas_sticker_big1.png"]{
    width: 42.7vw;
    height: 31.1vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide img[src$="mas_sticker_big2.png"]{
    width: 37.2vw;
    height: 35.6vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide img[src$="mas_sticker_big3.png"]{
    width: 41.9vw;
    height: 34.3vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide img[src$="mas_sticker_big4.png"]{
    width: 36.7vw;
    height: 33.5vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide img[src$="mas_sticker_big5.png"]{
    width: 39.2vw;
    height: 34.4vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide img[src$="mas_sticker_big6.png"]{
    width: 39.4vw;
    height: 33.3vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide img[src$="mas_sticker_big7.png"]{
    width: 33vw;
    height: 34vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .sticker_center .swiper-slide img[src$="mas_sticker_big8.png"]{
    width: 45.5vw;
    height: 28.5vw;
  }


  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .pagination{
    margin-top:0; 
    bottom: 0;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .next{
    display: block; 
    width: 6.7%; 
    height: auto; 
    max-width: 25px; 
    display: block; 
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .prev{
    display: block; 
    width: 6.7%; 
    height: auto; 
    max-width: 25px; 
    display: block; 
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .next img{
    width: 100%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .prev img{
    width: 100%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .pop_tit_box.view{
    padding: 15.6% 0 0;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view .pagination .swiper-pagination-bullet{
    width: 1.3vw;
    height:1.3vw
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_slide{
    margin-top:3%;
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2{
    margin-top: 0;
    display: flex;
    height: 38vw;
    width: 53.7%;
    align-items: center;
  }


  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page{
    height: 35vw;
    width: 46vw;
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img{
    height: auto;
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big1.png"]{
    width: 42.7vw;
    height: 31.1vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big2.png"]{
    width: 37.2vw;
    height: 35.6vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big3.png"]{
    width: 41.9vw;
    height: 34.3vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big4.png"]{
    width: 36.7vw;
    height: 33.5vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big5.png"]{
    width: 39.2vw;
    height: 34.4vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big6.png"]{
    width: 39.4vw;
    height: 33.3vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big7.png"]{
    width: 33vw;
    height: 34vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .sticker_view.sticker_view2 .sticker_view_page > img[src$="mas_sticker_big8.png"]{
    width: 45.5vw;
    height: 28.5vw;
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2{
    width:100%;
    /* max-width: 500px;  */
    margin:0 auto;
    height: auto;
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .mas_popup_write_view{
    padding:7.5% 10% 18%;
  }
  
  .trp.popupfixed-wrap.event_christmas .mas_frames .mas_popup_write_view .name_id{
    margin: 0; 
    padding-top: 17.3%;
    font-size: 2.7vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .mas_popup_write{
    width:auto; 
    padding:3% 10% 9%; 
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .mas_popup_write .text_number{
    font-size: 2vw; 
    /* max-width: 500px;  */
    margin: 0 auto; 
    padding-bottom: 1.5%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .mas_submit_btn{
    margin:9% auto 0; 
    max-width: 352px; 
    width:66%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .mas_submit_btn img{
    max-width: 100%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .bp img{
    width: 100%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .bg_point1{
    position: absolute;
    left:0.5%;
    top:0.5%;
    width: 7.5%;
    display: block; 
    max-width: 58px;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .bg_point2{
    position: absolute;
    right:0.5%;
    top:0.5%;
    width: 7.5%;
    display: block;  
    max-width: 58px;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .bg_point3{
    position: absolute;
    left:0.5%;
    bottom:0.5%;
    width:7.5%;
    display: block;  
    max-width: 58px;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .bg_point4{
    position: absolute;
    right:0.5%;
    bottom:0.5%;
    width: 7.5%;
    display: block;  
    max-width: 58px;
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box{
    width:45%;
    padding-top: 5%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box{
    /* max-width: 500px;  */
    margin:0 auto; 
    height: 30.5vw; 
    align-items: flex-start;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea{
    width:100%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea{
    width: 100%; 
    height:30.5vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea textarea{
    height: 100%; 
    padding:1.5% 5%;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea textarea.font01{
    font-size: 6vw; 
    line-height: 1.57;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea textarea.font02{
    font-size: 3.7vw; 
    line-height: 2.5;
    letter-spacing: -1.5px;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box .write_textarea textarea.font03{
    font-size: 4.5vw; 
    line-height: 2.14; 
    letter-spacing: -1.5px;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box > ul{
    width:100%; 
    min-width: 150px;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box li{
    width: 8.4vw; 
    height:8.4vw ; 
    max-width:80px; 
    max-height:80px; 
    min-width:40px; 
    min-height:40px;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box li a{
    width:100%; 
    height:100%; 
    align-items: center;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box li:nth-child(1) a{
    font-size: 3vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box li:nth-child(2) a{
    font-size: 1.9vw;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .font_select_box li:nth-child(3) a{
    font-size: 2.61vw;
    letter-spacing: -1.5px;
  }

  .mas_frames .write_box.write_box2 .write_textarea .view_textarea .fontBlindTxt{
    font-size: 1rem;
    font-family: "Noto Sans KR", Malgun Gothic, dotum, "돋움", Arial, AppleGothic, Sans-serif;
    letter-spacing: 0;
  }/* 시스템폰트  */
  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea .view_textarea{
    height: 100%;
    padding: 1.5% 5%;
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea .view_textarea .fontBlindTxt{
    font-size: 3.6vw; 
    line-height: 2.6;
    vertical-align: top;
    letter-spacing: 0;
  }

  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea .view_textarea.font01{
    font-size: 6vw; 
    line-height: 1.57;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea .view_textarea.font02{
    font-size: 3.7vw;
    line-height: 2.5; 
    letter-spacing: -1.5px;
  }
  .trp.popupfixed-wrap.event_christmas .mas_frames .write_box.write_box2 .write_textarea .view_textarea.font03{
    font-size: 4.5vw;
    line-height: 2.14; 
    letter-spacing: -1.5px;
  }

}

/* 업로드 상태 확인 팝업 */
.trp.popupfixed-wrap.upload .section > .scroll_content{
  height: 560px;
}


@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.upload .section > .scroll_content{
    height: calc(var(--vh, 1vh) * 100 - 150px);
  } 
}
  
.trp.popupfixed-wrap.upload .upload-list + .upload-list{
  margin-top: 40px;
}

.trp.popupfixed-wrap.upload .upload-list .file_box{
  width: 100%;
  margin-top: 16px;
  padding: 23px 32px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  color: #1F1F69;
}

.trp.popupfixed-wrap.upload .upload-list .file_box li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.trp.popupfixed-wrap.upload .upload-list .file_box li + li{
  margin-top: 16px;
}

.trp.popupfixed-wrap.upload .upload-list .name{
  flex: 1;
}

.trp.popupfixed-wrap.upload .upload-list .progress-area {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: white;
  position: relative;
  overflow: hidden;
  font-family: sans-serif;
  transition: background 0.3s;
}

.trp.popupfixed-wrap.upload .upload-list .btn-area .btn {
  padding: 13px 25px 13px;
}


.trp.popupfixed-wrap.upload .upload-list .btn-area .btn span{
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}


.trp.popupfixed-wrap.upload .upload-list .progress-area.is-done {
  background: #FF8B00;
}
.trp.popupfixed-wrap.upload .upload-list svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  left: 0;
}
.trp.popupfixed-wrap.upload .upload-list circle {
  fill: none;
  stroke-width: 32;
}
.trp.popupfixed-wrap.upload .upload-list .progress-bg {
  stroke: #EEF2F7;
}

.trp.popupfixed-wrap.upload .upload-list .progress {
  stroke: url(#progressGradient);
}



.trp.popupfixed-wrap.upload .upload-list .percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #D62B02;
  /* transition: color 0.3s; */
}

.trp.popupfixed-wrap.upload .upload-list .progress-area.is-zero .percent {
  color: rgba(0, 0, 0, 0.2);
}
.trp.popupfixed-wrap.upload .upload-list .progress-area.is-done .percent {
  font-size: 16px;
  color: #fff;
}

.trp.popupfixed-wrap.upload .upload-list .progress-area.is-done .progress-bg{
  stroke: #FF8B00;
}

.trp.popupfixed-wrap.upload .upload-list .progress-area #progressGradient stop:first-child {
  stop-color: #FF745B;
}

.trp.popupfixed-wrap.upload .upload-list .progress-area #progressGradient stop:last-child {
  stop-color: #FF8B00;
}

.trp.popupfixed-wrap.upload .upload-list .progress-area.is-done #progressGradient stop:first-child {
  stop-color: #FF8B00;
}

.trp.popupfixed-wrap.upload .upload-list .progress-area.is-done #progressGradient stop:last-child {
  stop-color: #FF8B00;
}



@media all and (max-width: 959px) {
  .trp.popupfixed-wrap.upload .upload-list + .upload-list{
    margin-top: 32px;
  }

  .trp.popupfixed-wrap.upload .upload-list .file_box{
    margin-top: 8px;
    padding: 15px 16px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
  }


  .trp.popupfixed-wrap.upload .upload-list .file_box li + li{
    margin-top: 24px;
  }


  .trp.popupfixed-wrap.upload .upload-list .progress-area {
    width: 48px;
    height: 48px;
  }

  .trp.popupfixed-wrap.upload .upload-list .btn-area .btn {
    padding: 11px 15px 11px;
  }


  .trp.popupfixed-wrap.upload .upload-list .btn-area .btn span{
    font-size: 12px;
  }

  .trp.popupfixed-wrap.upload .upload-list .percent {
    line-height: 15px;
  }

  .trp.popupfixed-wrap.upload .upload-list .progress-area.is-zero .percent {
    color: rgba(0, 0, 0, 0.2);
  }
  .trp.popupfixed-wrap.upload .upload-list .progress-area.is-done .percent {
    font-size: 13px;
  }
}






 /* 타이핑 */
  .event_view.christmas-section .view_title-area  .typing_box {
    height: 20vh;
    /*This part is important for centering*/
    display: grid;
    place-items: center;
  }


    
  @keyframes mas_shake{
    0%{
      transform: rotate(0deg);
    }
    50%{
      transform: rotate(5deg);
    }
    100%{
      transform: rotate(0deg);
    }
  }




  @keyframes mas_typing {
    from {
      width: 0;
    }
    to{
      width: 100%;
    }
  }

  @keyframes mas_blink {
      from, to { border-color: transparent }
      50% {border-color: transparent;}
  }
 /* //// 타이핑*/

 /* 눈내리기 */
  .event_view.christmas-section .snowflake {
    --size: 0.2vw !important;
    width: var(--size);
    height: var(--size);
    background:#ffc8be;
    border-radius: 50%;
    position: absolute;
    top: -5vh;
  }
  @keyframes mas_snowfall {
    0% {
      transform: translate3d(var(--left-ini), 0, 0);
    }
    100% {
      transform: translate3d(var(--left-end), 110vh, 0);
    }
  }
  .event_view.christmas-section .snowflake:nth-child(1) {
    --size: 1vw;
    --left-ini: -8vw;
    --left-end: 3vw;
    left: 21vw;
    animation: mas_snowfall 12s linear infinite;
    animation-delay: -10s;
  }
  .event_view.christmas-section .snowflake:nth-child(2) {
    --size: 0.6vw;
    --left-ini: 2vw;
    --left-end: 10vw;
    left: 17vw;
    animation: mas_snowfall 9s linear infinite;
    animation-delay: -9s;
  }
  .event_view.christmas-section .snowflake:nth-child(3) {
    --size: 0.8vw;
    --left-ini: -5vw;
    --left-end: -7vw;
    left: 78vw;
    animation: mas_snowfall 12s linear infinite;
    animation-delay: -1s;
  }
  .event_view.christmas-section .snowflake:nth-child(4) {
    --size: 0.2vw;
    --left-ini: -1vw;
    --left-end: -9vw;
    left: 57vw;
    animation: mas_snowfall 6s linear infinite;
    animation-delay: -9s;
  }
  .event_view.christmas-section .snowflake:nth-child(5) {
    --size: 0.2vw;
    --left-ini: 9vw;
    --left-end: -1vw;
    left: 39vw;
    animation: mas_snowfall 10s linear infinite;
    animation-delay: -3s;
  }
  .event_view.christmas-section .snowflake:nth-child(6) {
    --size: 0.8vw;
    --left-ini: 3vw;
    --left-end: -6vw;
    left: 60vw;
    animation: mas_snowfall 10s linear infinite;
    animation-delay: -1s;
  }
  .event_view.christmas-section .snowflake:nth-child(7) {
    --size: 1vw;
    --left-ini: -1vw;
    --left-end: -4vw;
    left: 89vw;
    animation: mas_snowfall 6s linear infinite;
    animation-delay: -8s;
  }
  .event_view.christmas-section .snowflake:nth-child(8) {
    --size: 1vw;
    --left-ini: -4vw;
    --left-end: -7vw;
    left: 33vw;
    animation: mas_snowfall 11s linear infinite;
    animation-delay: -2s;
  }
  .event_view.christmas-section .snowflake:nth-child(9) {
    --size: 1vw;
    --left-ini: -4vw;
    --left-end: -4vw;
    left: 78vw;
    animation: mas_snowfall 10s linear infinite;
    animation-delay: -5s;
  }
  .event_view.christmas-section .snowflake:nth-child(10) {
    --size: 0.6vw;
    --left-ini: -3vw;
    --left-end: 1vw;
    left: 73vw;
    animation: mas_snowfall 15s linear infinite;
    animation-delay: -7s;
  }
  .event_view.christmas-section .snowflake:nth-child(11) {
    --size: 0.4vw;
    --left-ini: 6vw;
    --left-end: -1vw;
    left: 62vw;
    animation: mas_snowfall 8s linear infinite;
    animation-delay: -8s;
  }
  .event_view.christmas-section .snowflake:nth-child(12) {
    --size: 0.4vw;
    --left-ini: -1vw;
    --left-end: 1vw;
    left: 46vw;
    animation: mas_snowfall 14s linear infinite;
    animation-delay: -10s;
  }
  .event_view.christmas-section .snowflake:nth-child(13) {
    --size: 0.8vw;
    --left-ini: 5vw;
    --left-end: 0vw;
    left: 28vw;
    animation: mas_snowfall 9s linear infinite;
    animation-delay: -5s;
  }
  .event_view.christmas-section .snowflake:nth-child(14) {
    --size: 0.8vw;
    --left-ini: 0vw;
    --left-end: -8vw;
    left: 96vw;
    animation: mas_snowfall 9s linear infinite;
    animation-delay: -5s;
  }
  .event_view.christmas-section .snowflake:nth-child(15) {
    --size: 1vw;
    --left-ini: 9vw;
    --left-end: 4vw;
    left: 48vw;
    animation: mas_snowfall 8s linear infinite;
    animation-delay: -5s;
  }
  .event_view.christmas-section .snowflake:nth-child(16) {
    --size: 0.6vw;
    --left-ini: -2vw;
    --left-end: 6vw;
    left: 42vw;
    animation: mas_snowfall 11s linear infinite;
    animation-delay: -3s;
  }
  .event_view.christmas-section .snowflake:nth-child(17) {
    --size: 0.8vw;
    --left-ini: -5vw;
    --left-end: -5vw;
    left: 11vw;
    animation: mas_snowfall 15s linear infinite;
    animation-delay: -4s;
  }
  .event_view.christmas-section .snowflake:nth-child(18) {
    --size: 1vw;
    --left-ini: -5vw;
    --left-end: 2vw;
    left: 21vw;
    animation: mas_snowfall 6s linear infinite;
    animation-delay: -5s;
  }
  .event_view.christmas-section .snowflake:nth-child(19) {
    --size: 0.6vw;
    --left-ini: -6vw;
    --left-end: 0vw;
    left: 66vw;
    animation: mas_snowfall 14s linear infinite;
    animation-delay: -5s;
  }
  .event_view.christmas-section .snowflake:nth-child(20) {
    --size: 0.8vw;
    --left-ini: 7vw;
    --left-end: -5vw;
    left: 20vw;
    animation: mas_snowfall 9s linear infinite;
    animation-delay: -4s;
  }
  .event_view.christmas-section .snowflake:nth-child(21) {
    --size: 1vw;
    --left-ini: 5vw;
    --left-end: -9vw;
    left: 50vw;
    animation: mas_snowfall 13s linear infinite;
    animation-delay: -2s;
  }
  .event_view.christmas-section .snowflake:nth-child(22) {
    --size: 0.8vw;
    --left-ini: 3vw;
    --left-end: 5vw;
    left: 16vw;
    animation: mas_snowfall 12s linear infinite;
    animation-delay: -8s;
  }
  .event_view.christmas-section .snowflake:nth-child(23) {
    --size: 0.2vw;
    --left-ini: -1vw;
    --left-end: 5vw;
    left: 89vw;
    animation: mas_snowfall 15s linear infinite;
    animation-delay: -2s;
  }
  .event_view.christmas-section .snowflake:nth-child(24) {
    --size: 0.2vw;
    --left-ini: -8vw;
    --left-end: -9vw;
    left: 36vw;
    animation: mas_snowfall 13s linear infinite;
    animation-delay: -9s;
  }
  .event_view.christmas-section .snowflake:nth-child(25) {
    --size: 0.2vw;
    --left-ini: -6vw;
    --left-end: 0vw;
    left: 100vw;
    animation: mas_snowfall 8s linear infinite;
    animation-delay: -3s;
  }
  .event_view.christmas-section .snowflake:nth-child(26) {
    --size: 1vw;
    --left-ini: -4vw;
    --left-end: 3vw;
    left: 72vw;
    animation: mas_snowfall 9s linear infinite;
    animation-delay: -3s;
  }
  .event_view.christmas-section .snowflake:nth-child(27) {
    --size: 0.8vw;
    --left-ini: -1vw;
    --left-end: 0vw;
    left: 23vw;
    animation: mas_snowfall 14s linear infinite;
    animation-delay: -1s;
  }
  .event_view.christmas-section .snowflake:nth-child(28) {
    --size: 0.2vw;
    --left-ini: 8vw;
    --left-end: -5vw;
    left: 37vw;
    animation: mas_snowfall 13s linear infinite;
    animation-delay: -5s;
  }
  .event_view.christmas-section .snowflake:nth-child(29) {
    --size: 1vw;
    --left-ini: 9vw;
    --left-end: 8vw;
    left: 61vw;
    animation: mas_snowfall 12s linear infinite;
    animation-delay: -1s;
  }
  .event_view.christmas-section .snowflake:nth-child(30) {
    --size: 1vw;
    --left-ini: -4vw;
    --left-end: -1vw;
    left: 59vw;
    animation: mas_snowfall 11s linear infinite;
    animation-delay: -10s;
  }
  .event_view.christmas-section .snowflake:nth-child(31) {
    --size: 1vw;
    --left-ini: 2vw;
    --left-end: -3vw;
    left: 54vw;
    animation: mas_snowfall 15s linear infinite;
    animation-delay: -7s;
  }
  .event_view.christmas-section .snowflake:nth-child(32) {
    --size: 1vw;
    --left-ini: -4vw;
    --left-end: -2vw;
    left: 82vw;
    animation: mas_snowfall 6s linear infinite;
    animation-delay: -6s;
  }
  .event_view.christmas-section .snowflake:nth-child(33) {
    --size: 0.8vw;
    --left-ini: 8vw;
    --left-end: 4vw;
    left: 16vw;
    animation: mas_snowfall 7s linear infinite;
    animation-delay: -2s;
  }
  .event_view.christmas-section .snowflake:nth-child(34) {
    --size: 0.8vw;
    --left-ini: -8vw;
    --left-end: -4vw;
    left: 39vw;
    animation: mas_snowfall 15s linear infinite;
    animation-delay: -10s;
  }
  .event_view.christmas-section .snowflake:nth-child(35) {
    --size: 1vw;
    --left-ini: -9vw;
    --left-end: 6vw;
    left: 40vw;
    animation: mas_snowfall 13s linear infinite;
    animation-delay: -1s;
  }
  .event_view.christmas-section .snowflake:nth-child(36) {
    --size: 0.4vw;
    --left-ini: -6vw;
    --left-end: -6vw;
    left: 36vw;
    animation: mas_snowfall 15s linear infinite;
    animation-delay: -7s;
  }
  .event_view.christmas-section .snowflake:nth-child(37) {
    --size: 0.4vw;
    --left-ini: -5vw;
    --left-end: -6vw;
    left: 90vw;
    animation: mas_snowfall 7s linear infinite;
    animation-delay: -9s;
  }
  .event_view.christmas-section .snowflake:nth-child(38) {
    --size: 1vw;
    --left-ini: -8vw;
    --left-end: -8vw;
    left: 9vw;
    animation: mas_snowfall 7s linear infinite;
    animation-delay: -6s;
  }
  .event_view.christmas-section .snowflake:nth-child(39) {
    --size: 0.6vw;
    --left-ini: 5vw;
    --left-end: 3vw;
    left: 83vw;
    animation: mas_snowfall 7s linear infinite;
    animation-delay: -3s;
  }
  .event_view.christmas-section .snowflake:nth-child(40) {
    --size: 0.6vw;
    --left-ini: -2vw;
    --left-end: 1vw;
    left: 84vw;
    animation: mas_snowfall 9s linear infinite;
    animation-delay: -3s;
  }
  .event_view.christmas-section .snowflake:nth-child(41) {
    --size: 0.6vw;
    --left-ini: -1vw;
    --left-end: -8vw;
    left: 73vw;
    animation: mas_snowfall 13s linear infinite;
    animation-delay: -9s;
  }
  .event_view.christmas-section .snowflake:nth-child(42) {
    --size: 0.2vw;
    --left-ini: -4vw;
    --left-end: 3vw;
    left: 19vw;
    animation: mas_snowfall 13s linear infinite;
    animation-delay: -10s;
  }
  .event_view.christmas-section .snowflake:nth-child(43) {
    --size: 0.4vw;
    --left-ini: -2vw;
    --left-end: 4vw;
    left: 80vw;
    animation: mas_snowfall 13s linear infinite;
    animation-delay: -3s;
  }
  .event_view.christmas-section .snowflake:nth-child(44) {
    --size: 0.8vw;
    --left-ini: 6vw;
    --left-end: -3vw;
    left: 7vw;
    animation: mas_snowfall 8s linear infinite;
    animation-delay: -9s;
  }
  .event_view.christmas-section .snowflake:nth-child(45) {
    --size: 0.6vw;
    --left-ini: -5vw;
    --left-end: -7vw;
    left: 60vw;
    animation: mas_snowfall 8s linear infinite;
    animation-delay: -7s;
  }
  .event_view.christmas-section .snowflake:nth-child(46) {
    --size: 0.2vw;
    --left-ini: -4vw;
    --left-end: -9vw;
    left: 82vw;
    animation: mas_snowfall 12s linear infinite;
    animation-delay: -7s;
  }
  .event_view.christmas-section .snowflake:nth-child(47) {
    --size: 0.2vw;
    --left-ini: -4vw;
    --left-end: -2vw;
    left: 56vw;
    animation: mas_snowfall 15s linear infinite;
    animation-delay: -8s;
  }
  .event_view.christmas-section .snowflake:nth-child(48) {
    --size: 0.6vw;
    --left-ini: 8vw;
    --left-end: -8vw;
    left: 11vw;
    animation: mas_snowfall 15s linear infinite;
    animation-delay: -10s;
  }
  .event_view.christmas-section .snowflake:nth-child(49) {
    --size: 1vw;
    --left-ini: 3vw;
    --left-end: 8vw;
    left: 24vw;
    animation: mas_snowfall 12s linear infinite;
    animation-delay: -9s;
  }
  .event_view.christmas-section .snowflake:nth-child(50) {
    --size: 1vw;
    --left-ini: 7vw;
    --left-end: -8vw;
    left: 69vw;
    animation: mas_snowfall 12s linear infinite;
    animation-delay: -3s;
  }

  /* added small blur every 6 snowflakes*/
  .event_view.christmas-section .snowflake:nth-child(6n) {
    filter: blur(1px);
  }



/*////////////////////// tvn 결산 크리스 마스 이벤트 */

/* 로딩 영역 추가  */
.page_mtloading_wrap {
  position: relative;
  min-height: calc(100vh - 328px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.page_mtloading_wrap.mtloading_con {
  align-items: normal;
  padding-top:60px;
}


.page_mtloading_wrap .load_motion_area .loading.load_tvn{  /*load_tvn */
  background-color:#f90228;
}
.page_mtloading_wrap .load_motion_area  .loading.load_wave{ /*load_wave */
  background-color:#ed0c6e;
}
.page_mtloading_wrap .load_motion_area .loading.load_ocn{ /*load_wave */
  background-color:#ffa800;
}
.page_mtloading_wrap .load_motion_area .loading.load_catchon{/*load_catchon */
  background-color:#9925e8;
} 
.page_mtloading_wrap .load_motion_area .loading.load_toni{ /*load_toni */
  background-color:#00aeef;
} 
.page_mtloading_wrap .load_motion_area .loading.load_uxn{ /*load_uxn */
  background-color:#3ba9ce;
} 
.page_mtloading_wrap .load_motion_area .loading.load_cny{ /*load_cny */
  background-color:#dd2932;
} 

.page_mtloading_wrap .load_motion_area {
  width: 110px;
  height: 110px;
  position: relative;
  margin: 0 auto 0 ;
}

.page_mtloading_wrap .load_motion_area .loading{
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  animation: load_motion_rotate_loading  2s infinite linear;
}

.page_mtloading_wrap .load_motion_area .loading2 {
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  animation: load_motion_rotate_loading2  2s infinite linear;
}    

.page_mtloading_wrap .load_motion_area .loading{
  animation-direction: normal;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
}
.page_mtloading_wrap .load_motion_area .loading2{
  position: absolute;
  top: 0;
  left: 0;
  background: #e6e6e6;
  opacity: 0.7;
}

@keyframes load_motion_rotate_loading {
  0% {
    transform: rotate(0deg);
    width: 110px;
    height:110px;
  } 
   50% {
    transform: rotate(180deg);
    width: 44px;
    height:44px;
    transform-origin: 55% 95%;
  }
  70% {
    transform: rotate(180deg);
    width: 44px;
    height:44px;
    transform-origin: 55% 95%;
  }
  
  90% {
    transform: rotate(340deg);
    width: 110px;
    height:110px;
    transform-origin:40% -50%;
  } 
  100% {
    transform: rotate(360deg);
    transform-origin:70% -40%;
    width: 110px;
    height: 110px;
  }
} 

@keyframes load_motion_rotate_loading2 {

  0% {
    transform: rotate(0deg);
    width: 110px;
    height:110px;
  } 
  50% {
    transform: rotate(180deg);
    width: 44px;
    height:44px;
    transform-origin: 120% 95%;
  }
  70% {
    transform: rotate(180deg);
    width: 44px;
    height:44px;
    transform-origin: 120% 95%;
  }
  90% {
    transform: rotate(340deg);
    width: 110px;
    height:110px;
    transform-origin:-10% 70%;
  } 

  100% {
    transform: rotate(360deg);
    width: 110px;
    height: 110px;
      
  }
}


@media all and (max-width: 959px) {

  .page_mtloading_wrap.mtloading_con {
    align-items: normal;
    padding-top:24px;
  }

  .page_mtloading_wrap .load_motion_area{
      width: 48px;
      height: 48px;
  }

  .page_mtloading_wrap .load_motion_area .loading{
      width: 48px;
      height: 48px;
      animation-duration: 2s;
  }
  .page_mtloading_wrap .load_motion_area .loading2 { 
      width: 48px;
      height: 48px;
      animation-duration: 2s;
  }


  @keyframes load_motion_rotate_loading {
    0% {
      transform: rotate(0deg);
      width: 48px;
      height:48px;
    } 
    50% {
      transform: rotate(180deg);
      width: 20px;
      height:20px;
      transform-origin: 47% 95%;
    } 
    70% {
      transform: rotate(180deg);
      width: 20px;
      height:20px;
      transform-origin: 47% 95%;
    } 
    90% {
      transform: rotate(340deg);
      width: 48px;
      height:48px;
      transform-origin:40% -65%;
    } 

    100% {
      transform: rotate(360deg);
      width: 48px;
      height: 48px;
    }
  } 

  @keyframes load_motion_rotate_loading2 {
    0% {
      transform: rotate(0deg);
      width: 48px;
      height:48px;
    } 
    50% {
      transform: rotate(180deg);
      width: 20px;
      height:20px;
      transform-origin: 120% 90%;
    }
    70% {
      transform: rotate(180deg);
      width: 20px;
      height:20px;
      transform-origin: 120% 90%;
    }
    90% {
      transform: rotate(330deg);
      width: 48px;
      height:48px;
      transform-origin:-30% 40%;
    } 
    100% {
      transform: rotate(360deg);
      width: 48px;
      height: 48px;
    }
  }


}