@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;500&display=swap");
@import url("https://use.typekit.net/ioj2yit.css");

input {
   /* ios대응 */
   appearance: none;
   border-radius: 0;
}

select {
   /* ios대응 */
   appearance: none;
   border-radius: 0;
   color: #000;

   /* 화살표 배경 넣기 */
   background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat 98% 50% #fff; /* 화살표 select박스 오른쪽 중앙 배치,배경 흰색 */
}

select::-ms-expand {
   display: none; /* 화살표 없애기 for IE10, 11 */
}

@font-face {
   font-family: "NotoSans KR Light";
   font-style: normal;
   font-weight: 300;
   src: url("../fonts/NotoSansKR-Light.otf") format("opentype");
}

@font-face {
   font-family: "NotoSans KR Medium";
   font-style: normal;
   font-weight: 500;
   src: url("../fonts/NotoSansKR-Medium.otf") format("opentype");
}

@font-face {
   font-family: NotoSans-Light;
   font-style: normal;
   font-weight: 700;
   src: url("../fonts/NotoSans-Light.ttf") format("truetype");
}

@font-face {
   font-family: Arial-Bold;
   font-style: normal;
   font-weight: 700;
   src: url("../fonts/FontsFree-Net-arial-bold.ttf") format("truetype");
}

@font-face {
   font-family: "NotoSans KR Regular-Regular";
   font-style: normal;
   font-weight: 400;
   src: url("../fonts/NotoSansKR-Regular.otf") format("opentype");
}

@font-face {
   font-family: KoPubWorldDotum-Medium;
   font-style: normal;
   font-weight: 500;
   src: url("../fonts/KoPubWorld Batang Medium.ttf") format("truetype");
}

@font-face {
   font-family: Arial-Regular;
   font-style: normal;
   font-weight: 400;
   src: url("../fonts/Arial Narrow.ttf") format("truetype");
}

@font-face {
   font-family: KoPubWorldDotum-Light;
   font-style: normal;
   font-weight: 300;
   src: url("../fonts/KoPubWorld Dotum Light.ttf") format("truetype");
}

@font-face {
   font-family: "NotoSans KR Bold-Regular";
   font-style: normal;
   font-weight: 700;
   src: url("../fonts/NotoSansKR-Bold.otf") format("opentype");
}

@font-face {
   font-family: Baskerville-Regular;
   font-style: normal;
   font-weight: 400;
   src: url("../fonts/Baskerville-Regular.ttf") format("truetype");
}

@font-face {
   font-family: Baskerville-SemiBold;
   font-style: normal;
   font-weight: 600;
   src: url("../fonts/LibreBaskerville-Bold.ttf") format("truetype");
}

.screen a {
   display: contents;
   text-decoration: none;
}

.container-center-horizontal {
   display: flex;
   flex-direction: row;
   justify-content: center;
   pointer-events: none;
   width: 100%;
}

.container-center-horizontal > * {
   flex-shrink: 0;
   pointer-events: auto;
}

* {
   box-sizing: border-box;
}

:root {
   --bdazzled-blue: #316592;
   --black: #000;
   --black-haze: #f7f7f7;
   --cararra: #ebebeb;
   --cultured-pearl: #f5f5f5;
   --dove-gray: #707070;
   --eminence: #682282;
   --gray: #828282;
   --guardsman-red: #d00000;
   --jewel: #166933;
   --mountain-mist: #989898;
   --mountain-mist-2: #939393;
   --pink-swan: #b9b9b9;
   --silver: #bfbfbf;
   --sonic-silver: #717171;
   --sonic-silver-2: #767676;
   --tulip-tree: #e0b02e;
   --white: #fff;
   --font-size-l: 24px;
   --font-size-m: 20px;
   --font-size-s: 18px;
   --font-size-xl: 34px;
   --font-size-xs: 16px;
   --font-size-xxs: 15px;
   --font-size-xxxs: 12px;
   --font-family-arial: "Arial", helvetica;
   --font-family-arial-bold: "Arial-Bold", helvetica;
   --font-family-arial-regular: "Noto Sans KR Regular", helvetica;
   --font-family-arialblack-regular: "ArialBlack-Regular", helvetica;
   --font-family-arialnarrow-regular: "ArialNarrow-Regular", helvetica;
   --font-family-baskerville: "Baskerville", helvetica;
   --font-family-baskerville-regular: baskerville-urw, serif;
   --font-family-baskerville-semibold: "Baskerville-SemiBold", helvetica;
   --font-family-kopubworlddotum: "Noto Sans KR", helvetica;
   --font-family-kopubworlddotum-bold: "Noto Sans KR Bold", helvetica;
   --font-family-kopubworlddotum-light: "Noto Sans KR Regular", helvetica;
   --font-family-kopubworlddotum-medium: "Noto Sans KR Regular", helvetica;
   --font-family-noto_sans_kr: "Noto Sans KR", helvetica;
   --font-family-noto_sans_kr_bold: "Noto Sans KR Bold", helvetica;
   --font-family-noto_sans_kr_regular: "Noto Sans KR Regular", helvetica;
   --font-family-notosans_kr_bold-regular: "NotoSans KR Bold-Regular", helvetica;
   --font-family-notosans_kr_regular-regular: "NotoSans KR Regular-Regular", helvetica;
}

.arial-regular-normal-black-20px {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
}

.arial-bold-black-16px {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 700;
}

.notosanskrbold-regular-bold-black-20px {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
}

.arial-bold-black-20px {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
}

.arial-regular-normal-black-18px {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
}

.arial-regular-normal-jewel-16px {
   color: var(--jewel);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 400;
}

.arial-regular-normal-black-12px {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-xxxs);
   font-style: normal;
   font-weight: 400;
}

.arial-regular-normal-black-15px {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-xxs);
   font-style: normal;
   font-weight: 400;
}

.arial-bold-black-24px {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
}

.notosanskrbold-regular-bold-black-24px {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
}

.notosanskrregular-regular-normal-black-12px {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-xxxs);
   font-style: normal;
   font-weight: 400;
}

.arial-bold-white-35px {
   color: var(--white);
   font-family: var(--font-family-arial-bold);
   font-size: 35px;
   font-style: normal;
   font-weight: 700;
}

.arial-bold-jewel-18px {
   color: var(--jewel);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
}

.arial-bold-jewel-16px {
   color: var(--jewel);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 700;
}

.arial-bold-black-18px {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
}

.kopubworlddotum-medium-black-14px {
   color: var(--black);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
}

.arial-regular-normal-black-16px {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 400;
}

.kopubworlddotum-medium-white-18px {
   color: var(--white);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 500;
}

.arialnarrow-regular-normal-black-20px {
   color: var(--black);
   font-family: var(--font-family-arialnarrow-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
}

.arial-regular-normal-black-13px {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
}

.arial-normal-black-18px {
   color: var(--black);
   font-family: var(--font-family-arial);
   font-size: var(--font-size-s);
}

.arial-bold-bdazzled-blue-18px {
   color: var(--bdazzled-blue);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
}

.kopubworlddotum-light-black-34px {
   color: var(--black);
   font-family: var(--font-family-kopubworlddotum-light);
   font-size: var(--font-size-xl);
   font-style: normal;
   font-weight: 300;
}

.arial-bold-eminence-18px {
   color: var(--eminence);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
}

.arialblack-regular-normal-black-24px {
   color: var(--black);
   font-family: var(--font-family-arialblack-regular);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 400;
}

.kopubworlddotum-medium-black-24px {
   color: var(--black);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 500;
}

.arial-regular-normal-jewel-14px {
   color: var(--jewel);
   font-family: "notosans kr regular-regular";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
}

.notosanskrbold-regular-bold-black-12px {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-xxxs);
   font-style: normal;
   font-weight: 700;
}

.arial-bold-silver-20px {
   color: var(--silver);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
}

.kopubworlddotum-medium-black-18px {
   color: var(--black);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 500;
}

.arial-bold-tulip-tree-18px {
   color: var(--tulip-tree);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
}

.arial-bold-guardsman-red-18px {
   color: var(--guardsman-red);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
}

.arial-regular-normal-white-13px {
   color: var(--white);
   font-family: "notosans kr regular-regular";
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
}

.kopubworlddotum-medium-black-16px {
   color: var(--black);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 500;
}

.arial-regular-normal-black-14px {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
}

.arial-bold-gray-20px {
   color: var(--gray);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
}

.kopubworlddotum-light-black-30px {
   color: var(--black);
   font-family: var(--font-family-kopubworlddotum-light);
   font-size: 30px;
   font-style: normal;
   font-weight: 300;
}

.notosanskrregular-regular-normal-black-18px {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
}

.notosanskrregular-regular-normal-black-20px {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
}

.arial-bold-black-35px {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 35px;
   font-style: normal;
   font-weight: 700;
}

.notosanskrbold-regular-bold-black-18px {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
}

.arial-regular-normal-black-24px {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 400;
}

.arial-bold-black-23px {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 23px;
   font-style: normal;
   font-weight: 700;
}

.arial-regular-normal-mountain-mist-14px {
   color: var(--mountain-mist-2);
   font-family: "notosans kr regular-regular";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
}

.arial-bold-white-16px {
   color: var(--white);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 700;
}

.kopubworlddotum-medium-white-30px {
   color: var(--white);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: 30px;
   font-style: normal;
   font-weight: 500;
}

.arial-normal-black-20px {
   color: var(--black);
   font-family: var(--font-family-arial);
   font-size: var(--font-size-m);
}

.arial-bold-white-13px {
   color: var(--white);
   font-family: var(--font-family-arial-bold);
   font-size: 13px;
   font-style: normal;
   font-weight: 700;
}

.arial-normal-black-24px {
   color: var(--black);
   font-family: var(--font-family-arial);
   font-size: var(--font-size-l);
}

.arial-bold-black-40px {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 40px;
   font-style: normal;
   font-weight: 700;
}

.arial-regular-normal-sonic-silver-18px {
   color: var(--sonic-silver-2);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
}

.arial-normal-sonic-silver-20px {
   color: var(--sonic-silver);
   font-family: var(--font-family-arial);
   font-size: var(--font-size-m);
}

.arial-regular-normal-sonic-silver-20px {
   color: var(--sonic-silver);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
}

.kopubworlddotum-medium-white-34px {
   color: var(--white);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: var(--font-size-xl);
   font-style: normal;
   font-weight: 500;
}

.kopubworlddotum-light-black-18px {
   color: var(--black);
   font-family: var(--font-family-kopubworlddotum-light);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 300;
}

.kopubworlddotum-medium-black-13px {
   color: var(--black);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: 13px;
   font-style: normal;
   font-weight: 500;
}

.arial-bold-black-36px {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 36px;
   font-style: normal;
   font-weight: 700;
}

.border-1px-black {
   border: 1px solid var(--black);
}

.border-1px-dove-gray {
   border: 1px solid var(--dove-gray);
}

.border-1px-white {
   border: 1px solid var(--white);
}

.border-2px-jewel {
   border: 2px solid var(--jewel);
}

.border-2px-bdazzled-blue {
   border: 2px solid var(--bdazzled-blue);
}

.border-2px-eminence {
   border: 2px solid var(--eminence);
}

.border-2px-tulip-tree {
   border: 2px solid var(--tulip-tree);
}

.border-2px-guardsman-red {
   border: 2px solid var(--guardsman-red);
}

.border-0-7px-mountain-mist {
   border: 0.7px solid var(--mountain-mist);
}

.border-2px-white {
   border: 2px solid var(--white);
}

body {
   margin: 0;
   padding: 0;
}

.gnb {
   width: 100%;
   height: 90px;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 99;
}

.gnb_wrap {
   width: 100%;
   max-width: 1680px;
   padding-left: 20px;
   padding-right: 20px;
   height: 90px;
   line-height: 90px;
   margin: 0 auto;
   position: relative;
}

.gnb_logo {
   width: 118px;
   line-height: 90px;
   height: 90px;
   position: absolute;
   left: 20px;
   top: 0;
}

.gnb_logo img {
   vertical-align: middle;
   width: 100%;
}

.gnb_rt {
   text-align: right;
}

/* 메뉴 폰트 및 간격격 */

.gnb_mn_i {
   font-family: Arial;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
   margin-right: 32px;
   letter-spacing: 0;
}


/* 메뉴 글자 왼쪽 간격 */

.gnb_menu {
   text-align: center;
   padding-left: 142px;
   float: none;
}

.gnb_rt_mn {
   float: right;
   line-height: 40px;
   padding-top: 23px;
   padding-right: 20px;
}

.gnb_smn_i {
   color: #166933 !important;
   font-family: Arial;
   font-size: 12px;
   margin-left: 25px;
   font-weight: 400;
   height: 16px;
   line-height: 16px;
}

.gnb_smn_i img {
   vertical-align: middle;
}

.gnb_smn_i_sch {
   cursor: pointer;
   float: right;
   margin-top: 1px;
   display: none;
}

.gnb.on {
   background: #fff;
}

.gnb.on .gnb_mn_i {
   color: #000;
}

.gnb_mn_i.on {
   color: #166933 !important;
}

.content {
   width: 100%;
   padding-top: 24px;
}

.main_swiper {
   width: 100%;
   height: 862px;
}

.slider_wrap {
   width: 100%;
   height: 862px;
}

.slider {
   width: 100%;
   height: 862px;
}

.main_brand_wrap {
   width: 100%;
   height: auto;
   border: solid rgb(255 255 255 / 20%) 0.5px;
   border-left: 0;
   border-right: 0;
}

.main_brand_i {
   background: #1a618f;
   height: 82px;
   line-height: 82px;
   border: solid rgb(255 255 255 / 20%) 0.5px;
   width: 14.282%;
   float: left;
   text-align: center;
   border-left: 0;
}

.main_brand_i img {
   max-width: calc(100% - 30px);
   vertical-align: middle;
}

.full_wrap {
   width: 100%;
}

.left_wrap {
   width: 50%;
   float: left;
   display: block;
   overflow: hidden;
}

.right_wrap {
   width: 50%;
   float: left;
   display: block;
   overflow: hidden;
}

.content_wrap {
   width: 100%;
   max-width: 1638px;
   padding-left: 120px;
   padding-right: 20px;
   margin: 0 auto;
   position: relative;
}

.main_a {
   width: 100%;
   height: 600px;
   background: url("/res/img/main_b.png");
   background-size: cover;
   background-position: 50% 50%;
   overflow: hidden;
   display: block;
}

.main_a_in {
   width: 100%;
   max-width: 1638px;
   padding-left: 20px;
   padding-right: 20px;
   margin: 0 auto;
   position: relative;
   padding-top: 70px;
}

.main_b .left_wrap {
   height: 600px;
}

.main_b .right_wrap {
   height: 600px;
}

.main_b .left_wrap .main_b_in {
   width: 100%;
   padding: 0;
}

.main_b .right_wrap .main_b_in {
   width: 100%;
   padding: 0;
}

.main_tt {
   font-size: 35px;
   font-family: Arial;
   font-weight: bold;
   padding-bottom: 20px;
}

.main_stt {
   font-size: 18px;
   font-family: "KoPubWorld Dotum";
   line-height: 26px;
}

.main_more {
   font-size: 13px;
   font-family: Arial;
   height: 33px;
   line-height: 33px;
   text-align: center;
   width: 110px;
   cursor: pointer;
   display: block;
   border: solid #000 1px;
   border-radius: 16px;
   margin-top: 50px;
}

.main_tt.w {
   color: #fff;
}

.main_stt.w {
   color: #fff;
}

.main_more.w {
   color: #fff;
   border: solid #fff 1px;
}

.main_ftt {
   font-family: Arial;
   font-weight: bold;
   font-size: 35px;
   text-align: center;
   margin-top: 150px;
}

.main_fstt {
   font-size: 18px;
   font-family: "KoPubWorld Dotum";
   text-align: center;
   margin-top: 20px;
}

.main_fmore {
   font-size: 12px;
   font-family: Arial;
   height: 33px;
   line-height: 33px;
   text-align: center;
   width: 110px;
   cursor: pointer;
   display: block;
   border: solid #000 1px;
   border-radius: 16px;
   margin: 0 auto;
   margin-top: 0;
   margin-bottom: 108px;
}

.wsn_slider {
   width: calc(50% - 29px);
   float: left;
   margin-right: 58px;
}

.wsn_slider:nth-child(2) {
   margin: 0;
}

.wsn_slider_img {
   width: 100%;
   height: 350px;
   border-radius: 34px;
   border: solid #707070 1px;
}

.wsn_slider_tt {
   font-size: 16px;
   line-height: 26px;
   font-family: "KoPubWorld Dotum";
   margin-top: 12px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   color: #000;
   padding-left: 20px;
   padding-right: 20px;
   font-weight: 400;
}

.wwrt .wsn_slider_tt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 16px;
   line-height: 26px;
   font-style: normal;
   font-weight: 600;
   padding-left: 30px;
   padding-right: 30px;
}

.main_wsn_list {
   width: 100%;
}

.main_wsn_i {
   width: calc(33% - 7.5px);
   margin-right: 15px;
   display: inline-block !important;
   vertical-align: top !important;
   margin-bottom: 70px;
}

.newswrap .main_wsn_i {
   margin-right: 15px;
   width: calc(33% - 6px);
}

.main_wsn_i img {
   width: 100%;
   height: auto;
   border-radius: 34px;
}

.main_wsn_i:nth-child(3n) {
   margin: 0;
}

.main_wsn_i_tt {
   font-size: 16px;
   line-height: 26px;
   font-family: "KoPubWorld Dotum";
   font-weight: 400;
   padding-top: 12px;
   height: auto;
   vertical-align: top;
   color: #000;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   padding-left: 20px;
   padding-right: 20px;
}

.main_wsn_swiper {
   margin-bottom: 68px;
   overflow: hidden;
}

.newswrap .main_wsn_i:nth-child(3n) {
   margin-right: 0;
}

.footer {
   background: #f7f7f7;
   padding-top: 65px;
   padding-bottom: 97px;
}

.ft_lf {
   width: 409px;
   float: left;
}

.ft_rt {
   width: calc(100% - 409px);
   float: left;
   font-size: 15px;
   font-family: Arial;
   font-weight: 500;
   line-height: 25px;
}

.main_b_in {
   position: relative;
   display: block;
}

.main_b_in_layer {
   background: url("/res/img/main_layer.png");
   width: 100%;
   height: 600px;
   position: absolute;
   left: 0;
   top: 255px;
}

.main_b_tt {
   color: #fff;
   font-size: 35px;
   font-weight: 600;
   text-align: center;
   padding-top: 260px;
   padding-bottom: 15px;
}

.main_b_st {
   color: #fff;
   font-size: 18px;
   font-weight: 400;
   text-align: center;
   display: none;
}

.wsn_slider_img img {
   border-radius: 34px;
   border: solid #707070 1px;
   width: 100%;
}

.main_wsn_ii {
   border-radius: 34px;
   width: 100%;
   height: 386px;
   border: solid #707070 0.7px;
}

.gnb_smn_i.search {
   color: #000;
   padding-left: 24px;
   background: url("/res/img/gnb_sch_btn.png") no-repeat;
   left: 0;
   top: 0;
   background-size: 15px 15px;
}

.mg0 {
   margin: 0 !important;
}

.wcontent {
   width: 100%;
   max-width: 1680px;
   margin: 0 auto;
   padding-left: 40px;
   padding-right: 40px;
   padding-top: 46px;
}

.wlf {
   width: 342px;
   float: left;
}

.fft_tt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 700;
   padding-bottom: 20px;
}

.fft_box {
   padding-bottom: 50px;
}

.fft_ttt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   width: 100%;
   line-height: 34px;
   position: relative;
   border-bottom: solid #000 1px;
   margin-bottom: 10px;
}

.fft_ttt span {
   color: var(--gray);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   position: absolute;
   right: 0;
   cursor: pointer;
}

.fft_i {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 300;
   line-height: 34px;
   margin-top: 5px;
   background: url("/res/img/prdl_op_a.png") no-repeat;
   background-size: 15px 15px;
   padding-left: 26px;
   background-position: 0 9px;
   cursor: pointer;
}

.wrt {
   width: calc(100% - 342px);
   float: left;
}

.wrt.pll {
   padding-left: 90px;
}

.prd_lno {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 700;
   text-align: right;
   padding-bottom: 20px;
   padding-top: 35px;
   padding-right: 5px;
}

.prd_list {
   width: 100%;
}

.prd_i {
   max-width: 370px;
   width: calc(33% - 20px);
   display: inline-block;
   margin-right: 30px;
   margin-bottom: 100px;
}

.prd_i:nth-child(3n) {
   margin-right: 0;
}

.prd_ii {
   width: 100%;
   height: 500px;
   background: #f5f5f5;
   line-height: 500px;
   text-align: center;
   vertical-align: middle;
}

.prd_ii img {
   max-width: calc(100% - 60px);
   vertical-align: middle;
   max-height: 440px;
}

.prd_ltt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   margin-top: 15px;
}

.prd_lst {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 300;
   margin-top: 10px;
}

.w_top_tt {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   padding-top: 94px;
   text-align: center;
}

.w_top_tab {
   margin-top: 18px;
   width: 100%;
   height: 56px;
   background-color: var(--cultured-pearl);
   text-align: center;
}

.w_top_tab_i {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   height: 56px;
   line-height: 56px;
   text-align: center;
   width: 233px;
   display: inline-block;
   cursor: pointer;
}

.w_top_tab_i.on {
   border-bottom: solid #166933 3px;
}

.brd_list {
   max-width: 1580px;
   padding-left: 40px;
   padding-right: 40px;
   padding-bottom: 100px;
   margin-top: 30px;
}

.brd_item {
   width: calc(33% - 19px);
   margin-left: 19px;
   display: inline-block;
   height: 200px;
}

.wmmbn {
   width: 100%;
   height: 392px;
   position: relative;
   overflow: hidden;
}

.wmmbn_layer {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 50%);
   display: flex;
   align-items: center;
}

.wmmbn_tt {
   color: var(--white);
   font-family: var(--font-family-arial-bold);
   font-size: 35px;
   font-style: normal;
   font-weight: 700;
   padding-top: 160px;
   z-index: 10;
   padding-bottom: 0;
   width: 1680px;
   padding-left: 360px;
   margin: 0 auto;
   letter-spacing: -0.2px;
}

.wmmbn_st {
   color: var(--white);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 550;
   letter-spacing: 1px;
   width: 1680px;
   padding-left: 360px;
   margin: 0 auto;
   padding-top: 10px;
}

.wwlf {
   float: left;
   width: 300px;
   padding-left: 100px;
}

.wwrt {
   float: left;
   width: calc(100% - 300px);
   padding-left: 20px;
   position: relative;
   padding-top: 7px;
}

.lf_tt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
   line-height: 46px;
   margin-bottom: 46px;
   padding-bottom: 46px !important;
   border-bottom: solid #ddd 1px;
   margin-left: 100px;
}

.lf_i {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
   line-height: 28px;
   height: 32px;
   display: block;
}

.lf_i.on {
   color: var(--black);
   font-family: "NotoSans KR Bold-Regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
   margin-top: 0;
   line-height: 32px;
}

.wwrt .main_wsn_ii {
   width: 100%;
   height: 250px;
}

.rt_tt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 600;
   padding-bottom: 20px;
   padding-top: 0;
}

.wwrt .main_wsn_i_tt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 26px;
   padding-left: 20px;
   padding-right: 20px;
}

.company_bn {
   background: url("/res/img/n_bn/company_bn.jpg");
   width: 100%;
   height: 395px;
   background-size: cover;
   background-position: 50% 50%;
}

.company_bn img {
   width: 323px;
   height: auto;
   margin-top: 160px;
}

.company_bn .cpn_wrap {
   padding-bottom: 0;
}

.cpn_ccbn {
   background: url("/res/img/n_company/2.jpg");
   width: 100%;
   height: 600px;
   background-size: cover;
   background-position: 50% 50%;
}

.cpn_cctt {
   color: var(--white);
   font-family: var(--font-family-arial-bold);
   font-size: 35px;
   font-style: normal;
   font-weight: 700;
   padding-top: 250px;
}

.cpn_ccst {
   color: var(--white);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 500;
   padding-top: 10px;
   padding-bottom: 30px;
}

.cpn_ccmore {
   color: var(--white);
   font-family: "notosans kr regular-regular";
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
   width: 110px;
   height: 33px;
   border: solid #fff 1px;
   border-radius: 19px;
   display: block;
   text-align: center;
   line-height: 30px;
}

.cpn_wrap {
   max-width: 1278px;
   width: 100%;
   margin: 0 auto;
   padding-bottom: 140px;
}

.cpn_tt {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
   line-height: 36px;
   padding-top: 30px;
}

.cpn_st {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 400;
   line-height: 30px;
   padding-top: 30px;
   letter-spacing: -0.4px;
}

.cpn_st_b {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 400;
   line-height: 30px;
   padding-top: 30px;
}

.cpn_lf {
   width: 50%;
   float: left;
   padding-right: 100px;
}

.cpn_rt {
   width: 50%;
   float: right;
}

.pb80 {
   padding-bottom: 80px;
}

.mt150 {
   margin-top: 150px;
}

.mb30 {
   margin-bottom: 30px;
}

.mb60 {
   margin-bottom: 60px;
}

.mb61 {
   margin-bottom: 40px;
}


.mb80 {
   margin-bottom: 80px;
}

.mb81 {
   margin-bottom: 80px;
}

.mb150 {
   margin-bottom: 150px;
}
.mb151 {
   margin-bottom: 80px;
}

.mb1511 {
   margin-bottom: 90px;
}

  .showroomline{
    border:0;
    border-top:1px solid #e7e7e7;
    margin-top: 50px;
margin-bottom: 70px;
  }

.srrt_tt {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
   width: 148px; /* padding-left:42px; */
   padding-left: 0;
   float: left;
}

.srrt_st {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   padding-left: 56px;
   width: calc(100% - 148px);
   float: left;
   line-height: 30px;
   position: relative;
}


.srrt_sttt {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   padding-left: 56px;
   width: calc(100% - 148px);
   float: left;
   line-height: 30px;
   position: relative;
	margin-top: -2px;
}


.srrt_tt.sv {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   line-height: 30px;
   width: 250px;
}

.srrt_st.sv {
   width: calc(100% - 250px);
   padding-left: 20px;
}

.srrt_tt.svsv {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   line-height: 30px;
   width: 190px;
}

.srrt_st.svsv {
   width: calc(100% - 190px);
   padding-left: 20px;
}

.srrt_st span {
   display: block;
   padding-bottom: 10px;
}

.srrt_mt {
   color: var(--black);
   font-family: var(--font-family-baskerville-regular);
   font-size: 60px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 70px;
   margin-top: 150px;
   min-height: 211px;
   min-width: 1099px;
   white-space: nowrap;
   padding-left: 160px;
}

.srrt_mt span {
   font-family: var(--font-family-baskerville-semibold);
   font-weight: 600;
}



.srrt_mt2 {
   display: block;
   clear: both;
   width: 100%;
   height: 190px;
   margin: 0;
   padding: 0;
}


.srrt_mt3 {
   display: block;
   clear: both;
   width: 100%;
   height: 1px;
   margin: 0;
   padding: 0;
}

.srrt_mtshowroom {
   display: block;
   clear: both;
   width: 100%;
   height: 20px;
   margin: 0;
   padding: 0;
}


.srrt_stt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
   padding-bottom: 20px;
	 
}

.srrt_slider {
   width: 1278px;
   height: 616px;
}

.srrt_slide {
   width: 100%;
   height: 616px;
}

.srrt_lll {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   line-height: 28px;
   float: left;
   width: 200px;
}

.srrt_lll span {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
   display: block;
   padding-bottom: 10px;
}





.srrt_img_l {
   width: calc(100% - 406px);
   float: left;
   text-align: right;
   padding-right: 10px;
}

.srrt_img_r {
   width: 406px;
   float: right;
}

.srrt_img_r img {
   width: 406px;
   height: auto;
}

.srrt_ll {
   width: 300px;
   float: left;
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
}

.srrt_rr {
   width: 780px;
   float: left;
}

.srrt_rrr {
   float: left;
   width: 580px;
   padding-left: 45px;
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   line-height: 30px;
}


.srrt_rrrr {
   float: left;
   width: 100%;
   padding-left: 205px;
	padding-top: 0px;
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   line-height: 30px;
}

.srrt_rrrrr {
   float: left;
   width: 100%;
   padding-left: 205px;
	margin-top: -28px;
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   line-height: 30px;
}



.srrt_rrr_a {
   text-align: right;
   padding-right: 10px;
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   width: 165px;
   float: left;
   vertical-align: top;
   line-height: 34px;
}

.srrt_rrrr_a {
   text-align: left;
   padding-right: 10px;
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   width: 200px;
   float: left;
   vertical-align: top;
   line-height: 34px;
}



.srrt_rrr_b {
   padding-left: 20px;
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   width: calc(100% - 165px);
   float: left;
   line-height: 34px;
   vertical-align: top;
}


.srrt_rrrr_b {
   padding-left: 20px;
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   width: calc(90% - 200px);
   float: left;
   line-height: 34px;
   vertical-align: top;
}


.srrt_btn {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
   width: 200px;
   height: 25px;
   line-height: 22.5px;
   border-radius: 19px;
   border: solid #000 1px;
   text-align: center;
   margin-bottom: 30px;
   margin-top: 10px;
   display: block;
}

.srrt_lll.z {
   width: 90px;
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
}

.wmmbn_btn {
   width: 165px;
   height: 33px;
   line-height: 33px;
   text-align: center;
   border: solid 2px #fff;
   border-radius: 19px;
   margin-top: 40px; /* margin-left:280px; */
   cursor: pointer;
   color: var(--white);
   font-family: var(--font-family-arial-bold);
   font-size: 13px;
   font-style: normal;
   font-weight: 700;
}

.srrt_st .dl_a span {
   color: var(--silver);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   cursor: pointer;
   font-weight: 700;
   display: inline-block;
}

.dl_a {
   font-size: 18px;
}

.dl_b img {
   width: 38px;
   height: 38px;
   vertical-align: middle;
}

.dl_hf {
   display: inline-block;
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
}

.dl_hf span {
   display: inline-block;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   line-height: 28px;
   text-align: center;
   color: var(--jewel);
   font-family: "NotoSans KR Bold-Regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
   letter-spacing: 0.2px;
   text-indent: -9999px;
   background: url("/res/dealer_mk/pc_hf.png") no-repeat;
   background-size: 30px 30px;
}

.dl_l {
   display: inline-block;
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
}

.dl_l span {
   display: inline-block;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   line-height: 28px;
   text-align: center;
   color: var(--bdazzled-blue);
   font-family: "NotoSans KR Bold-Regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
   letter-spacing: 0.2px;
   text-indent: -9999px;
   background: url("/res/dealer_mk/pc_l.png") no-repeat;
   background-size: 30px 30px;
}

.dl_h {
   display: inline-block;
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
}

.dl_h span {
   display: inline-block;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   line-height: 28px;
   text-align: center;

   /* border: 2px solid var(--eminence); */
   color: var(--eminence);
   font-family: "NotoSans KR Bold-Regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
   letter-spacing: 0.2px;
   text-indent: -9999px;
   background: url("/res/dealer_mk/pc_h.png") no-repeat;
   background-size: 30px 30px;
}

.dl_c {
   display: inline-block;
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
}

.dl_c span {
   display: inline-block;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   line-height: 28px;
   text-align: center;
   color: var(--tulip-tree);
   font-family: "NotoSans KR Bold-Regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
   letter-spacing: 0.2px;
   text-indent: -9999px;
   background: url("/res/dealer_mk/pc_c.png") no-repeat;
   background-size: 30px 30px;
}

.dl_o {
   display: inline-block;
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
}

.dl_o span {
   display: inline-block;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   line-height: 28px;
   text-align: center;
   color: var(--guardsman-red);
   font-family: "NotoSans KR Bold-Regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 700;
   letter-spacing: 0.2px;
   text-indent: -9999px;
   background: url("/res/dealer_mk/pc_o.png") no-repeat;
   background-size: 30px 30px;
}

.cpn_d_i {
   width: 100%;
   border-bottom: solid #bfbfbf 1px;
   position: relative;
   height: 25px;
   line-height: 25px;
   margin-bottom: 35px;
}

.cpn_d_i img {
   height: 17px;
   width: auto;
   margin-bottom: 0;
}

.cpn_d_i b {
   position: absolute;
   left: 0;
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 700;
   bottom: 1.5px;
}

.cpn_d_ii {
   text-align: right;
}

.cpn_d_i span {
   margin-left: 15px;
   margin-bottom: 7px;
   display: inline-block;
   vertical-align: top;
}

.cpn_rt.cpn_info {
   padding-left: 90px;
}

.cpn_ci_img {
   width: 130px;
   height: auto;
   margin-top: 90px;
}

.cpn_info_a {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 700;
   margin-top: 35px;
   line-height: 30px;
}

.cpn_info_b {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 400;
   line-height: 30px;
}

.service_top_mn {
   position: absolute;
   right: 0;
   margin-top: -140px;
}

.service_top_mn_i {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-xxxs);
   font-style: normal;
   font-weight: 400;
   display: inline-block;
   line-height: 18px;
   border-right: solid #000 1px;
   padding-left: 20px;
   padding-right: 20px;
   height: 39px;
   text-align: center;
}

.service_top_mn_i.on {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-xxxs);
   font-style: normal;
   font-weight: 700;
}

.pt150 {
   padding-top: 150px;
}

.wwrt.sv {
   position: relative;
}

.service_top_mn_i:nth-child(5) {
   border-right: 0;
}

.sv_i {
   width: 406px;
   height: 200px;
   margin-right: 30px;
   float: left;
   display: block;
   position: relative;
}

.sv_i.a {
   background: url("/img/b48ef327e6a536969e59b524c2a22027@1x.png");
   background-size: cover;
   background-position: 50% 50%;
}

.sv_i.b {
   background: url("/img/63d73eda840912feb9546ceade85934f@1x.png");
   background-size: cover;
   background-position: 50% 50%;
}

.sv_i.c {
   background: url("/img/file-----------2022-05-19------6-24-49@1x.png");
   background-size: cover;
   background-position: 50% 50%;
   margin-right: 0;
}

.sv_i_layer {
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 60%);
}

.sv_i_t {
   color: var(--white);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: var(--font-size-xl);
   font-style: normal;
   font-weight: 500;
   text-align: center;
   padding-top: 77px;
}

.sv_i_s {
   color: var(--white);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 500;
   padding-top: 5px;
   text-align: center;
}

.srrt_title {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
   padding-left: 0;
   padding-bottom: 37px;
   padding-top: 0;
   position: relative;
}

.dl_cate_wrap {
   position: absolute;
   right: 0;
   margin-top: -139px;
}

.dl_cate_wrap .dl_hf span {
   margin-right: 10px;
}

.dl_cate_wrap .dl_l span {
   margin-right: 10px;
}

.dl_cate_wrap .dl_h span {
   margin-right: 10px;
}

.dl_cate_wrap .dl_c span {
   margin-right: 10px;
}

.dl_cate_wrap .dl_o span {
   margin-right: 10px;
}

.ml20 {
   margin-left: 20px;
}

.dl_stt {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
   padding-left: 0;
   padding-bottom: 20px;
}

.dl_b {
   position: absolute;
   right: 0;
   top: 0;
   cursor: pointer;
}

.pc_only {
   display: block;
}

.mo_only {
   display: none;
}

.showr_i {
   display: inline-block;
   width: 480px;
   margin-right: 110px;
   float: left;
   padding-bottom: 200px;
}

.showr_i.mr0 {
   margin-right: 0;
}

.showr_i:nth-child(5) {
   padding-bottom: 100px;
}

.showr_i:nth-child(6) {
   padding-bottom: 100px;
}

.showr_ii img {
   width: 100%;
   height: auto;
}

.showr_tt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   margin-top: 25px;
}

.showr_st {
   color: var(--black);
   font-family: "NotoSans KR Regular-Regular" !important;
   font-size: 19px;
   font-style: normal;
   font-weight: 400;
   margin-top: 17px;
   line-height: 30px;
   letter-spacing: -0.5px;
}

.showr_info {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   margin-top: 50px;
   line-height: 30px;
   position: relative;
   padding-left: 140px;
}

.showr_info span {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   position: absolute;
   left: 0;
}

.new_viewer {
   width: 100%;
   margin-top: 0;
   position: relative;
}

.new_viewer img {
   width: 100%;
}

.rvv_tt {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 400;
   padding-bottom: 15px;
}

.rvv_tt span {
   font-size: 14px;
}

.rvv_tt span font {
   font-size: var(--font-size-l);
}

.rvv_ttr {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-l);
   font-weight: 400;
   letter-spacing: 0;
   line-height: 23px;
   position: absolute;
   right: 0;
   top: 0;
}

.rvv_ct {
   position: relative;
   width: 100%;
}

.rvv_ct_tt {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 400;
   line-height: 32px;
   margin-top: 20px;
}

.rvv_ct_tt span {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
}

.rvv_ct_btn {
   border: 1px solid var(--black);
   width: 200px;
   height: 33px;
   line-height: 33px;
   border-radius: 19px;
   position: absolute;
   right: 0;
   text-align: center;
   display: block;
   color: #000;
   top: 18px;
}

.rvv_ct_btn_wrap {
   width: 100%;
   height: 100%;
   padding-right: 15px;
   line-height: 26px;
}

.icon-search-1 {
   width: 11px !important;
   right: 55px;
   object-fit: cover;
   position: absolute;
   top: 10px;
}

.rvv_ct_ctt {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
   line-height: 28px;
   padding-top: 20px;
   padding-bottom: 50px;
}

.bdnv_wrap {
   width: 100%;
   position: relative;
   padding-bottom: 100px;
}

.bdnv_wrap a {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
}

.bdnv_wrap img {
   height: 19px;
   object-fit: cover;
   vertical-align: middle;
   width: 17px;
}

.icon_next {
   position: absolute;
   right: 0;
}

.srrt_st b {
   font-weight: 700;
}

.rc_table th {
   border: solid #000 1px;
   text-align: center;
   height: 45px;
   line-height: 45px;
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   vertical-align: middle;
   width: 33%;
}

.rc_table thead {
   background: #ebebeb;
}

.rc_table tbody td {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   border: solid #000 1px;
   height: 45px;
   line-height: 25px;
   text-align: center;
   vertical-align: middle;
}

.rc_tb_tt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   text-align: center;
}

.rc_table {
   width: 100%;
}

.rc_table td:nth-child(1) {
   font-family: var(--font-family-arial-bold);
   font-weight: 700;
}

.srrt_ttt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 700;
   padding-bottom: 20px;
}

.sv_map {
   width: 478px;
   height: 491px;
   float: left;
}

.sv_map img {
   width: 100%;
}

.sv_map_info {
   float: left;
   margin-left: 112px;
   width: 428px;
   padding-top: 84px;
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 400;
   line-height: 30px;
}

.sv_map_info_i {
   margin-bottom: 38px;
}

.sv_map_info span {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-xs);
   font-style: normal;
   font-weight: 700;
}

.svttt {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: var(--font-size-l);
   font-style: normal;
   font-weight: 700;
   line-height: 36px;
}

.svstt {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   margin-top: 64px;
   line-height: 30px;
}

.svstt span {
   font-family: var(--font-family-notosans_kr_bold-regular);
   display: block;
   padding-bottom: 20px;
   font-weight: 700;
}

.svd_btn {
   border: 1px solid var(--black);
   height: 33px;
   width: 200px;
   border-radius: 19px;
   color: #fff;
   background: #000;
   font-family: "notosans kr regular-regular";
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
   text-align: center;
   display: block;
   line-height: 31px;
   margin-bottom: 100px;
   margin-top: 20px;
}

.stb_l {
   color: var(--black);
   font-style: normal;
   min-height: 39px;
   padding-top: 10px;
   float: left;
   margin-bottom: 10px;
   width: 220px;
   text-align: right;
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-size: 18px;
   line-height: 22px;
   font-weight: 400;
}

.stb_r {
   height: 39px;
   width: calc(100% - 150px);
   float: left;
   margin-bottom: 10px;
}

.stb_w2 .stb_l {
   width: 150px;
   margin-top: 0 !important;
   padding-top: 5px !important;
   margin-bottom: 8px !important;
}

.stb_w2 .stb_r {
   width: calc(100% - 150px);
}

.stb_input {
   border: 1px solid var(--dove-gray);
   width: 100%;
   height: 39px;
}

.stb_ok_btn_wrap {
   position: relative;
   width: 100%;
   height: 33px;
   margin-bottom: 100px;
   margin-top: 20px;
}

.stb_ok_btn {
   border: 1px solid var(--black);
   height: 33px;
   width: 200px;
   border-radius: 19px;
   font-family: "notosans kr regular-regular";
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
   text-align: center;
   display: block;
   line-height: 31px;
   position: absolute;
   right: 0;
   cursor: pointer;
   background: #000;
   color: #fff;
}

.stb_wrap {
   width: 1080px;
}

.dl_cert_layer {
   width: calc(100% - 200px);
   left: 319px;
   top: 490px;
   position: absolute;
   display: none;
   z-index: 99;
   background: rgb(255 255 255 / 90%);
   padding-top: 150px;
}

.dl_cert_layer img {
   width: 100%;
   max-width: 1280px;
   margin-top: 20px;
}

.dl_cert_info {
   color: #555;
   font-family: var(--font-family-arial-bold);
   font-size: 18px;
   line-height: 36px;
   font-weight: 500;
   margin-bottom: 7px;
}

.dl_cert_wrap {
   position: relative;
   max-width: 1280px;
}

.dl_cert_close {
   width: 24px;
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
}

.dl_cert_close img {
   width: 100%;
}

.dl_dm_layer {
   width: calc(100% - 200px);
   left: 350px;
   top: 490px;
   position: absolute;
   display: none;
   z-index: 99;
   background: rgb(255 255 255 / 100%);
   padding-top: 150px;
}

.dl_dm_layer img {
   width: 100%;
   max-width: 1280px;
   margin-top: 0;
}

.dl_dm_info {
   color: #555;
   font-family: var(--font-family-arial-bold);
   font-size: 24px;
   line-height: 36px;
   font-weight: 500;
   margin-bottom: 7px;
}

.dl_dm_wrap {
   position: relative;
   max-width: 1280px;
   width: 100%;
}

.dl_dm_close {
   width: 48px;
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer;
}

.dl_dm_close img {
   width: 100%;
}

.dl_dm_tt {
   font-weight: 700;
   letter-spacing: -0.2px;
   line-height: 42px;
   padding-bottom: 20px;
   border-bottom: solid #141414 1px;
   font-size: 40px;
   margin-bottom: 26px;
}

.dl_dm_i {
   padding-top: 34px;
   padding-bottom: 34px;
   border-bottom: solid #dbdbdb 1px;
}

.dl_dm_i:last-child {
   border-bottom: 0;
}

.dl_dm_l {
   font-size: 24px;
   font-weight: 700;
   width: 173px;
   float: left;
   line-height: 30px;
}

.dl_dm_r {
   font-size: 20px;
   font-weight: 400;
   width: calc(100% - 173px);
   float: left;
   line-height: 34px;
}

.dl_sch_box {
   display: none;
   width: 479px;
   margin: 0 auto;
}

.dl_sch_a {
   width: 100%;
   position: relative;
}

.dl_sch_input {
   width: 100%;
   border: 0;
   border-bottom: solid #000 2px;
   font-size: 36px;
   font-weight: 700;
   height: 45px;
   padding-right: 32px;
}

.dl_sch_btn {
   position: absolute;
   right: 0;
   top: 5px;
   cursor: pointer;
}

.dl_sch_b {
   width: 100%;
   padding-top: 10px;
}

.dl_sch_b span {
   font-size: 18px;
   font-weight: 700;
   line-height: 34px;
}

.dl_sch_b a {
   font-size: 18px;
   font-weight: 400;
   line-height: 34px;
   color: #767676;
   margin-left: 35px;
}

.dl_select {
   width: 255px;
   height: 42px;
   line-height: 39px;
   border: 1px solid var(--dove-gray);
   background: url("/img/file----5@1x.png") no-repeat;
   background-size: 15px 12px;
   background-position: calc(100% - 10px) 16px;
   cursor: pointer;
   position: absolute;
   right: 0;
   top: 0;
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   padding-left: 10px;
}

.dl_sel_wrap {
   position: relative;
   width: 100%;
}

.dl_sel_in {
   border: 1px solid var(--dove-gray);
   position: absolute;
   width: 255px;
   left: -11px;
   top: -3px;
   background: #fff;
   z-index: 2;
   display: none;
}

.dl_sel_i {
   background: #fff;
   height: 42px;
   line-height: 42px;
   padding-left: 10px;
}

.pt0 {
   padding-top: 0;
}

.pdd_ci {
   width: 100%;
   text-align: center;
}

.pdd_ci img {
   width: 148px;
   height: 40px;
}

.pdd_a {
   width: 100%;
   height: 828px;
}

.fft_i.on {
   background: url("/res/img/prdl_op_b.png") no-repeat;
   background-size: 16px 16px;
   background-position: 0 8px;
   cursor: pointer;
}

.cpn_map_wrap {
   width: 600px;
   height: 616px;
}

.wmmbn_tt.nne {
   padding-left: 360px;
}

.wmmbn_st.nne {
   padding-left: 360px;
}

.pdd_tt {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: 42px;
   font-weight: 700;
   padding-bottom: 20px;
}

.pdd_stt {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: 26px;
   font-weight: 500;
   padding-bottom: 20px;
}

.pdd_underline {
   width: 100%;
   border-bottom: solid #000 1px;
}

.pdd_i {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: 24px;
   font-weight: 300;
   padding-top: 20px;
   line-height: 35px;
}

.pdd_i_wrap {
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   margin-top: 100px;
   margin-bottom: 100px;
}

.wmtt_mcin_img {
   padding-top: 120px;
   margin-top: -60px;
}

.wmtt_mcin_img img {
   width: 347px;
}

.brd_dd_ttlink {
   width: 257px;
   height: 33px;
   text-align: center;
   line-height: 30px;
   color: var(--white);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-xxs);
   font-style: normal;
   font-weight: 400;
   border: solid #fff 1px;
   border-radius: 19px;
   display: block;

   /* margin-left:480px; */
   margin-top: 19px;
}

.ccc.brd_dd_ttlink {
   /* margin-left:400px; */
   margin-top: 19px;
}

.wmtt_mcin_layer {
   background: transparent;
}

.brdd_tt {
}

.brdd_smn {
   text-align: right;
}

.brdd_smn_i {
   color: var(--mountain-mist);
   font-family: "notosans kr regular-regular";
   font-size: 14px;
   margin-left: 28px;
   font-style: normal;
   font-weight: 400;
}

.brdd_smn_i.on {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
}

.brdd_tt_info {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-m);
   font-style: normal;
   font-weight: 400;
   margin-bottom: 70px;
   padding-top: 30px;
   line-height: 28px;
}

.brdd_tt {
   padding-left: 0;
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: var(--font-size-xl);
   font-style: normal;
   font-weight: 700;
}

.brdd_item_i {
   width: calc(50% - 25px);
   margin-right: 36px;
   display: inline-block;
   margin-bottom: 131px;
   vertical-align: top;
}

.brdd_item_i:nth-child(2n) {
   margin-right: 0;
}

.brdd_item_img {
   width: 100%;
}

.brdd_item_img img {
   width: 100%;
}

.brdd_item_info {
   line-height: 28px;
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 400;
   margin-top: 27px;
}

.brdd_item_info p {
   display: block;
   margin-bottom: 20px;
}

.brdd_item_info b {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
}

.brdd_tt_info p {
   display: block;
   margin-bottom: 20px;
}

.brdd_tt_info b {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
}

.brdd_tt {
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 23px;
   font-style: normal;
   font-weight: 700;
}

.brd_prd_wrap {
}

.brd_prd_i {
   width: calc(25% - 27px);
   margin-right: 27px;
   display: block;
   float: left;
}

.brd_prd_i:nth-child(4) {
   margin-right: 0;
}

.brd_prd_ii {
   width: 100%;
   background: #f5f5f5;
   height: 233px;
   vertical-align: middle;
   padding-left: 20px;
   padding-right: 20px;
   line-height: 233px;
}

.brd_prd_ii img {
   width: 100%;
   vertical-align: middle;

   /* mix-blend-mode: multiply; */
   object-fit: cover;
   max-height: 100%;
}

.brd_prd_tt {
   color: var(--black);
   font-family: var(--font-family-kopubworlddotum-medium);
   font-size: var(--font-size-s);
   font-style: normal;
   font-weight: 500;
   text-align: center;
   width: 100%;
   padding-top: 14px;
}

.brd_prd_more {
   width: 112px;
   height: 33px;
   line-height: 33px;
   border: solid #000 1px;
   border-radius: 19px;
   display: block;
   text-align: center;
   margin: 0 auto;
   margin-top: 38px;
   color: var(--black);
   font-family: Arial-Regular, Helvetica;
   font-size: 13px;
   font-style: normal;
   font-weight: 400;
}

.brdd_stt {
   text-align: right;
   color: var(--black);
   font-family: var(--font-family-arial-bold);
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
}

.brd_prd_wrap {
   margin-top: 30px;
}

.brdd_tt_info.brdd_tt_info_i {
   max-width: 1300px;
   padding-right: 30px;
}

.brdd_tt_info.brdd_tt_info_i p {
   margin-bottom: 50px;
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
}

.brdd_tt_info_i img {
   margin-bottom: 10px;
}

.brd_prd_wrap.brdd_tt_info_i {
   /* max-width: 1080px; */
}

.wmtt_mcin_layer.ccc .wmmbn_tt {
   padding-left: 360px;
   margin-top: -40px;
}

.wmtt_mcin_img {
   padding-top: 0 !important;
}

.wmtt_mcin_layer.ccc .brd_dd_ttlink {
   /* margin-left:480px; */
   margin-top: 20px;
   margin-left: 0 !important;
}

.brd_prd_ii {
   text-align: center;
}

.prd_triton {
   height: 205px;
   width: auto !important;
   margin-top: 20px;
}

.prd_golden {
   padding-left: 30px;
   padding-right: 30px;
}

.wmtt_mcin_img.jefflogo {
   padding-top: 160px;
}

.jeff_l {
   width: 190px;
   margin-right: 45px;
   float: left;
}

.jeff_l img {
   width: 190px;
}

.jeff_r {
   float: left;
   width: calc(100% - 235px);
}

.octave_ii {
   padding-left: 50px;
   padding-right: 50px;
}

.jeff_l {
   font-size: 18px;
}

.pradigm_ii {
   padding-left: 60px;
   padding-right: 60px;
}

.wmtt_mcin_img.para {
   padding-left: 360px !important;
}

.brd_hf_ii {
   width: calc(50% - 20px);
   margin-right: 36px;
   float: left;
}

.brd_hf_ii:nth-child(2n) {
   margin-right: 0;
   float: left;
}

.brdd_tt_info_i.taoc img {
   width: 100%;
}

.mmm.brdd_tt_info_i {
   /* max-width: 1200px; */
}

.dd_lf {
   width: calc(50% - 16px);
   margin-right: 32px;
   float: left;
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
}

.dd_rf {
   width: calc(50% - 17px) !important;
   float: left;
}

.wmtt_mcin_img.ddlogo {
   padding-top: 90px;
}

.wmtt_mcin_img.ddlogo img {
   height: auto;

   /* max-height:80px !important; */
}

.wmtt_mcin_img.ayrelogo img {
   width: 347px;
   border: solid 4px #fff;
}

.ar_lf {
   float: left;
   width: calc(50% - 17px);
   margin-right: 32px;
}

.ar_rt {
   float: left;
   width: calc(50% - 17px);
}

.ar_lf b {
   margin-top: 40px;
   font-size: 24px;
   margin-bottom: 20px;
   display: block;
}

.ar_rt b {
   margin-top: 40px;
   font-size: 24px;
   margin-bottom: 20px;
   display: block;
}

.brdd_tt_info.brdd_tt_info_i p.ayre_tt {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
   padding-top: 60px;
   padding-bottom: 30px;
}

.brdd_tt_info_i em {
   color: var(--black);
   font-family: "notosans kr regular-regular";
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
}

.detail_system {
   width: 100%;
   height: 33px;
   display: block;
   text-align: center;
   background: #000;
   color: #fff;
   font-size: 13px;
   line-height: 33px;
   border-radius: 19px;
   margin-top: 100px;
}

.srrt_tttt {
   font-size: 20px;
   margin-bottom: 28px;
   font-family: var(--font-family-notosans_kr_bold-regular);
   font-weight: 700;
}

.tbpd {
   padding: 20px;
}

.rc_table.tbff td {
   width: 25%;
}

.rc_table.tbff th {
   width: 25%;
}

.stb_input.zipcode {
   width: 232px;
}

.zipcode_btn {
   width: 106px;
   height: 33px;
   line-height: 33px;
   border-radius: 19px;
   background: #000;
   text-align: center;
   font-size: 13px;
   color: #fff;
   display: inline-block;
   margin-left: 10px;
   cursor: pointer;
}

.inputfile_btn {
   width: 106px;
   height: 33px;
   line-height: 33px;
   border-radius: 19px;
   background: #000;
   text-align: center;
   font-size: 13px;
   color: #fff;
   display: inline-block;
   margin-left: 10px;
   cursor: pointer;
}

.tb_file_info {
   font-size: 16px;
   margin-left: 0;
   color: #5a5a5a;
   line-height: 33px;
   vertical-align: middle;
   padding-top: 5px;
   display: block;
}

.tb_checkbox {
   border: solid 1px #707070;
   width: 20px;
   height: 20px;
   display: inline-block;
   cursor: pointer;
   margin-top: 8px;
}

.tb_checkbox_wrap {
   display: inline-block;
   cursor: pointer;
   margin-right: 25px;
   line-height: 40px;
   margin-left: 8px;
   vertical-align: top;
   margin-top: -9px;
}

.tb_checkbox.on {
   background: #707070;
}

.search_layer {
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 80%);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   display: none;
}

.search_layer_wrap {
   max-width: 1598px;
   height: 862px;
   margin: 0 auto;
   position: relative;
   width: 100%;
}

.search_wrap_in {
   width: 798px;
   position: absolute;
   right: 0;
   padding-top: 80px;
}

.search_input {
   background: transparent;
   border: 0;
   border-bottom: solid #fff 2px;
   font-family: arial;
   font-size: 100px;
   display: block;
   width: 100%;
   margin-bottom: 40px;
   color: #fff;
   font-weight: 300;
}

.search_input::input-placeholder {
   color: #fff;
}

.search_input:input-placeholder {
   color: #fff;
}

.search_recent {
   width: 50%;
   float: left;
}

.search_ttt {
   font-size: 36px;
   color: #fff;
   font-weight: 600;
   margin-bottom: 25px;
}

.search_ttt span {
   font-size: 18px;
   color: #838383;
   font-weight: 400;
   margin-left: 10px;
   cursor: pointer;
}

.search_recent_list {
}

.search_recent_i {
   font-size: 18px;
   color: #fff;
   margin-bottom: 20px;
   width: fit-content;
   padding-right: 20px;
   position: relative;
   display: block;
   font-weight: 400;
}

.search_pop {
   width: 50%;
   float: left;
}

.search_pop_list {
}

.search_pop_i {
   display: block;
   font-size: 18px;
   color: #fff;
   margin-bottom: 20px;
   font-weight: 400;
}

.recent_close {
   width: 11px;
   height: 11px;
   background: url("/res/img/sclose.png");
   cursor: pointer;
   display: block;
   position: absolute;
   margin-left: 8px;
   top: 4px;
}

.search_input_wrap {
   width: 100%;
   position: relative;
}

.search_ico {
   width: 73px;
   height: 73px;
   position: absolute;
   display: block;
   background: url("/res/img/search_i.png");
   right: 0;
   top: 25px;
   cursor: pointer;
}

.d_loc {
   display: none;
}

.d_loc[data="1"] {
   display: block;
}

.brd_more_btn {
   display: none;
}

.pdd_btn_wrap {
   text-align: right;
   padding-top: 35px;
   padding-right: 20px;
}

.pdd_tbtn_a {
   color: #000;
   font-size: 24px;
   font-weight: 600;
   margin-right: 60px;
}

.pdd_tbtn_b {
   color: #000;
   font-size: 24px;
   font-weight: 600;
}

.style24 {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: 42px;
   font-weight: 700;
   padding-bottom: 20px;
}

.style34 {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: 26px;
   font-weight: 500;
   padding-bottom: 20px;
   padding-top: 5px;
   display: block;
}

.pdd_b {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: 24px;
   font-weight: 300;
   padding-top: 20px;
   line-height: 35px;
}

.style87 {
   color: var(--black);
   font-family: var(--font-family-notosans_kr_regular-regular);
   font-size: 24px;
   font-weight: 300;
   padding-top: 20px;
   line-height: 35px;
}

.style142 {
   font-size: 18px;
   line-height: 26px;
}

.pdd_tbtn_a span {
   margin-left: 10px;
}

.pdd_tbtn_b span {
   margin-left: 10px;
}

.newswrap .main_wsn_i .main_wsn_i_tt {
   height: 130px;
}

.newswrap .main_wsn_i .main_wsn_ii {
   height: 310px;
}

.wcontent.pt150 {
   padding-top: 46px;
}

.pt100 {
   padding-top: 100px;
}

.h120 {
   height: 120px;
}

.brdd_tt_info.brdd_tt_info_i p.mbt20 {
   margin-bottom: 20px;
}

.brd_his_ff {
   margin-bottom: 75px;
}

.brd_his_wr {
   width: 100%;
   height: 91px;
   border-bottom: solid #707070 1px;
}

.brd_his_a {
   width: 190px;
   height: 91px;
   line-height: 91px;
   font-size: 20px;
   font-weight: 700;
   float: left;
}

.brd_his_b {
   width: calc(100% - 190px);
   height: 91px;
   line-height: 91px;
   font-size: 18px;
   padding-left: 10px;
   float: left;
}

.brd_his_a.tt {
   height: 114px;
   line-height: 25px;
   padding-top: 32px;
}

.brd_his_b.tt {
   height: 114px;
   line-height: 25px;
   padding-top: 32px;
}

.brd_his_wr.tt {
   height: 114px;
}

.octave .brd_his_wr {
   height: auto;
}

.octave .brd_his_a {
   height: auto;
   line-height: 25px;
   padding-top: 32px;
   padding-bottom: 32px;
}

.octave .brd_his_b {
   height: auto;
   line-height: 25px;
   padding-top: 32px;
   padding-bottom: 32px;
}

.brd_octa_mr {
   width: 100%;
   margin-bottom: 130px;
}

.brd_octa_i {
   width: calc(33% - 16px);
   float: left;
   margin-right: 23px;
}

.brd_octa_i:nth-child(3n) {
   margin-right: 0;
}

.brd_octa_ii {
   width: 100%;
   height: 339px;
   background: #f5f5f5;
   text-align: center;
   vertical-align: middle;
   line-height: 339px;
}

.brd_octa_ii img {
   vertical-align: middle;
}

.brd_octa_t {
   font-size: 16px;
   text-align: center;
   padding-top: 10px;
}

.brd_octa_t span {
   font-weight: 700;
}

.main_news_hide {
   display: none;
}

.dm_list_btn {
   width: 200px;
   cursor: pointer;
   margin-top: 13px;
   margin-right: 20px;
}

.mbbta {
   border-top: 0;
}

.mbbtb {
   border-top: 0;
}

.mbbrb {
   border-right: 0;
}

.dl_dm_img {
   width: 100%;
   padding-top: 20px;
   padding-bottom: 20px;
   border-bottom: solid #000 1px;
}

.dl_dm_img img {
   width: 316px;
   height: 192px;
   display: inline-block;
   margin-right: 16px;
}

.form_textarea {
   margin-top: 30px;
   padding-left: 220px;
}

.form_textarea textarea {
   font-size: 16px;
   width: 100%;
   height: 100px;
   border: 1px solid eee;
   padding: 8px;
}

.form_textarea_in {
   margin: 5px 0 0;
   text-align: right;
   font-size: 16px;
   margin-top: 15px;
   position: relative;
}

.form_textarea_in label {
   font-size: 16px;
   margin-right: 25px;
}

.form_textarea_in input {
   width: 16px;
   height: 16px;
   top: -5px;
   position: absolute;
   right: 0;
}

.form_textarea.zzz {
   padding-left: 220px;
}

.form_textarea.ttt {
   padding-left: 150px;
}

.stb_l span {
   color: #f00;
   font-weight: normal;
   position: absolute;
   margin-top: 1px;
   margin-left: 1px;
}

.topmn4 {
   top: -4px !important;
}

/* 반응형 */
@media (width <= 720px) {
   html {
      overflow-y: hidden;
   }

   input[type="checkbox"] {
      width: 16px;
      height: 16px;
   }

   .topmn4 {
      top: 0 !important;
   }

   .brdd_tt_info.brdd_tt_info_i {
      padding-right: 0;
   }

   .wwrt {
      float: none;
      width: 100%;
      padding: 0;
      margin-top: 0;
   }

   .lf_i {
      line-height: 10px;
   }

   .lf_i.on {
      line-height: 10px;
   }

   .form_textarea {
      padding-left: 132px;
      padding-right: 20px;
      margin-top: 0;
   }

   .form_textarea textarea {
      font-size: 12px;
   }

   .form_textarea_in {
      position: relative;
   }

   .form_textarea_in label {
      font-size: 12px;
      padding-right: 2px;
      position: relative;
      top: -3px;
      margin-right: 0;
   }

   .label_ios {
      top: 0 !important;
   }

   .form_textarea_in input {
      width: 16px;
      height: 16px;
   }

   .form_textarea_in input {
      right: 0;
      top: 1px;
      position: relative;
   }

   .form_textarea.zzz {
      padding-left: 72px;
      padding-right: 0;
   }

   .form_textarea.ttt {
      padding-left: 72px;
      padding-right: 0;
      margin-top: 0;
   }

   .cpn_d_i img {
      margin-bottom: 0;
   }

   .main_wsn_i_tt {
      padding-left: 10px !important;
      padding-right: 10px !important;
      font-size: 10px;
      text-align: center;
      line-height: 12px;
      padding-top: 10px;
      height: auto !important;
   }

   .main_wsn_i {
      margin-bottom: 38px !important;
      margin-left: 0;
      width: calc(50% - 5px);
      margin-right: 10px;
   }

   .main_new_more {
      padding-top: 0 !important;
      margin-top: 0 !important;
   }

   .main_wsn_swiper {
      margin-bottom: 34px !important;
      width: 100%;
      overflow: hidden;
   }

   .cpn_map_wrap {
      width: 100%;
      height: 400px;
      overflow: hidden;
   }

   :root {
      --bdazzled-blue: #316592;
      --black: #000;
      --black-haze: #f7f7f7;
      --cararra: #ebebeb;
      --cultured-pearl: #f5f5f5;
      --dove-gray: #707070;
      --eminence: #682282;
      --gray: #828282;
      --guardsman-red: #d00000;
      --jewel: #166933;
      --jewel-2: #156631;
      --pink-swan: #b9b9ba;
      --silver: #bfbfbf;
      --silver-sand: #c1c1c2;
      --tulip-tree: #e0b02e;
      --white: #fff;
      --font-size-l: 14px;
      --font-size-m: 12px;
      --font-size-s: 10px;
      --font-size-xl: 16px;
      --font-size-xs: 8px;
      --font-size-xxl: 18px;
      --font-size-xxxl: 24px;
      --font-family-arial: "Arial", helvetica;
      --font-family-arial-bold: "Arial-Bold", helvetica;
      --font-family-arial-regular: "Arial-Regular", helvetica;
      --font-family-baskerville: "Baskerville", helvetica;
      --font-family-baskerville-regular: "Baskerville-Regular", helvetica;
      --font-family-baskerville-semibold: "Baskerville-SemiBold", helvetica;
      --font-family-kopubworlddotum-light: "NotoSans KR Light-Regular", helvetica;
      --font-family-kopubworlddotum-medium: "Noto Sans KR Regular", helvetica;
      --font-family-noto_sans_kr: "Noto Sans KR", helvetica;
      --font-family-noto_sans_kr_bold: "Noto Sans KR Bold", helvetica;
      --font-family-noto_sans_kr_regular: "Noto Sans KR Regular", helvetica;
      --font-family-notosans_kr_bold-regular: "NotoSans KR Bold-Regular", helvetica;
      --font-family-notosans_kr_light-regular: "NotoSans KR Light-Regular", helvetica;
      --font-family-notosans_kr_medium-regular: "NotoSans KR Medium-Regular", helvetica;
      --font-family-notosans_kr_regular-regular: "NotoSans KR Regular-Regular", helvetica;
   }

   .notosanskrregular-regular-normal-black-12px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 400;
   }

   .notosanskrbold-regular-bold-black-16px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_bold-regular);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 700;
   }

   .arial-regular-normal-black-10px {
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-s);
      font-style: normal;
      font-weight: 400;
   }

   .arial-regular-normal-black-12px {
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 400;
   }

   .arial-regular-normal-black-18px {
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xxl);
      font-style: normal;
      font-weight: 400;
   }

   .arial-bold-black-16px {
      color: var(--black);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 700;
   }

   .kopubworlddotum-medium-black-12px {
      color: var(--black);
      font-family: var(--font-family-kopubworlddotum-medium);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 500;
   }

   .arial-bold-black-12px {
      color: var(--black);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .arial-regular-normal-black-16px {
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 400;
   }

   .arial-bold-white-24px {
      color: var(--white);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 700;
   }

   .notosanskrmedium-regular-medium-black-12px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_medium-regular);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 500;
   }

   .arial-regular-normal-black-14px {
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-l);
      font-style: normal;
      font-weight: 400;
   }

   .notosanskrregular-regular-normal-black-8px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-size: var(--font-size-xs);
      font-style: normal;
      font-weight: 400;
   }

   .notosanskrlight-regular-light-black-10px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_light-regular);
      font-size: var(--font-size-s);
      font-style: normal;
      font-weight: 300;
   }

   .arial-regular-normal-white-24px {
      color: var(--white);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 400;
   }

   .arial-bold-silver-sand-12px {
      color: var(--silver-sand);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-pink-swan-12px {
      color: var(--pink-swan);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-tulip-tree-12px {
      color: var(--tulip-tree);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-guardsman-red-12px {
      color: var(--guardsman-red);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .arial-regular-normal-black-24px {
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 400;
   }

   .arial-bold-black-18px {
      color: var(--black);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xxl);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-jewel-12px {
      color: var(--jewel);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-bdazzled-blue-12px {
      color: var(--bdazzled-blue);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-eminence-12px {
      color: var(--eminence);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-pink-swan-12px-2 {
      color: var(--pink-swan);
      font-family: var(--font-family-arial);
      font-size: var(--font-size-m);
   }

   .notosanskrregular-regular-normal-black-10px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-size: var(--font-size-s);
      font-style: normal;
      font-weight: 400;
   }

   .notosanskrregular-regular-normal-white-12px {
      color: var(--white);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 400;
   }

   .arial-bold-silver-12px {
      color: var(--silver);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-silver-sand-12px-2 {
      color: var(--silver-sand);
      font-family: var(--font-family-arial);
      font-size: var(--font-size-m);
   }

   .notosanskrregular-regular-normal-black-16px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 400;
   }

   .notosanskrmedium-regular-medium-black-10px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_medium-regular);
      font-size: var(--font-size-s);
      font-style: normal;
      font-weight: 500;
   }

   .arial-bold-black-24px {
      color: var(--black);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 700;
   }

   .notosanskrregular-regular-normal-white-8px {
      color: var(--white);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-size: var(--font-size-xs);
      font-style: normal;
      font-weight: 400;
   }

   .kopubworlddotum-medium-white-12px {
      color: var(--white);
      font-family: var(--font-family-kopubworlddotum-medium);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 500;
   }

   .notosanskr-normal-black-16px {
      color: var(--black);
      font-family: var(--font-family-noto_sans_kr_bold);
      font-size: var(--font-size-xl);
   }

   .notosanskrbold-regular-bold-black-8px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_bold-regular);
      font-size: var(--font-size-xs);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-white-35px {
      color: var(--white);
      font-family: var(--font-family-arial-bold);
      font-size: 35px;
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-white-16px {
      color: var(--white);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-jewel-12px-2 {
      color: var(--jewel-2);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .arial-bold-gray-12px {
      color: var(--gray);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .notosanskrbold-regular-bold-black-12px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_bold-regular);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .notosanskrlight-regular-light-white-16px {
      color: var(--white);
      font-family: var(--font-family-notosans_kr_light-regular);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 300;
   }

   .notosanskrmedium-regular-medium-black-8px {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_medium-regular);
      font-size: var(--font-size-xs);
      font-style: normal;
      font-weight: 500;
   }

   .arial-bold-white-12px {
      color: var(--white);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
   }

   .border-0-5px-black {
      border: 0.5px solid var(--black);
   }

   .border-1px-jewel {
      border: 1px solid var(--jewel);
   }

   .border-0-5px-dove-gray {
      border: 0.5px solid var(--dove-gray);
   }

   .border-1px-tulip-tree {
      border: 1px solid var(--tulip-tree);
   }

   .border-1px-guardsman-red {
      border: 1px solid var(--guardsman-red);
   }

   .border-1px-bdazzled-blue {
      border: 1px solid var(--bdazzled-blue);
   }

   .border-1px-eminence {
      border: 1px solid var(--eminence);
   }

   .gnb {
      height: 60px;
   }

   .gnb_wrap {
      height: 60px;
   }

   .gnb_logo {
      height: 60px;
      margin: 0 auto;
      position: relative;
      display: block;
      left: auto;
      line-height: 60px;
   }

   .gnb_rt_mn {
      display: none;
   }

   .gnb_menu {
      display: none;
   }

   .main_swiper {
      height: 220px;
   }

   #content {
      padding-top: 60px;
   }

   .swiper-pagination-bullet {
      width: 7px !important;
      height: 7px !important;
      margin-left: 2px !important;
      margin-right: 2px !important;
   }

   .main_brand_i {
      height: 45px;
      line-height: 45px;
      border: solid #fff 0.5px;
      border-left: 0;
      width: 33.3%;
   }

   .main_a {
      height: 121px;
   }

   .main_b_in {
      width: 100%;
      height: 100%;
   }

   .main_b_in_layer {
      display: block;
      position: absolute;
      left: 0 !important;
      top: 0 !important;
      background: rgb(0 0 0 / 35%);
      width: 100%;
      height: 100%;
   }

   .main_b_tt {
      /* color: var(--black); */
      color: #fff;
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 700;
      padding-top: 20px;
      width: 100%;
      text-align: left;
      padding-left: 20px;
      padding-bottom: 10px;
   }

   .main_b_st {
      color: #fff;
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-size: var(--font-size-xs);
      font-style: normal;
      font-weight: 400;
      width: 100%;
      text-align: left;
      padding-left: 20px;
   }

   .main_b_tt.w {
      color: #fff;
   }

   .main_b_st.w {
      color: #fff;
   }

   .m_gnb_sch {
      width: 16px;
      height: 16px;
      background: url("/m/img/file----50@1x.png");
      background-size: 16px 16px;
      background-position: 50% 50%;
      position: absolute;
      right: 20px;
      top: 21px;
   }

   .main_b .left_wrap {
      height: 121px;
   }

   .main_b .right_wrap {
      height: 121px;
   }

   .wsn_slider {
      width: 100%;
      margin-top: 30px;
   }

   .wsn_slider_img img {
      width: 100%;
   }

   .main_wsn_i:nth-child(3n) {
      width: calc(50% - 5px);
      margin-right: 10px;
   }

   .main_wsn_i:nth-child(2n) {
      margin-left: 10px;
      margin-right: 0;
   }

   .main_wsn_ii {
      width: 100%;
      height: 140px;
      border: solid #000 1px;
      border-radius: 14px;
   }

   .wsn_slider_tt {
      font-size: 14px !important;
      text-align: center;
      line-height: 17px;
      margin-top: 10px !important;
      padding-top: 0 !important;
   }

   .main_fmore {
      display: none;
   }

   .main_ftt {
      font-size: 24px;
      margin-top: 88px;
   }

   .main_fstt {
      font-size: 14px;
      margin-top: 10px;
      padding-bottom: 0;
   }

   .ft_lf {
      float: none;
      width: 100%;
   }

   .ft_rt {
      float: none;
      width: 100%;
      font-size: 11px;
      font-weight: 400;
      padding-top: 50px;
      line-height: 18px;
   }

   .gnb_mo_menu {
      width: 100%;
      height: 100%;
      background: #156631;
      opacity: 0.1;
      position: fixed;
      left: -100%;
      top: 0;
      z-index: 999;
      color: #fff;
   }

   .m_gnb_btn {
      background: url("/res/img/m_gnb_btn@2x.png");
      width: 19px;
      height: 13px;
      background-size: 19px 13px;
      cursor: pointer;
      position: absolute;
      top: 22px;
   }

   .gnb_mo_close {
      width: 23px;
      height: 23px;
      cursor: pointer;
      margin-left: 20px;
      margin-top: 20px;
      margin-bottom: 60px;
   }

   .gnb_mo_close img {
      width: 23px;
      height: 23px;
   }

   .gnb_mo_mn_i {
      color: var(--white);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 700;
      display: block;
      width: calc(100% - 40px);
      margin: 0 auto;
      position: relative;
      line-height: 24px;
      margin-bottom: 25px;
      height: 24px;
   }

   .gnb_mo_mn_i span {
      color: var(--white);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 400;
      position: absolute;
      right: 40px;
      top: 0;
      line-height: 19px;
      display: block;
      height: 23px;
   }

   .gnb_mo_mn_i em {
      color: var(--white);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 400;
      position: absolute;
      right: 40px;
      top: 0;
      line-height: 19px;
      display: block;
      height: 23px;
   }

   .gnb_mo_mn_ii {
      background: url("/m/img/file---201@1x.png") no-repeat;
      width: 130px;
      height: 25px;
      color: var(--white);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 400;
      background-size: 131px 8px;
      background-position: 0 100%;
      display: block;
      position: absolute;
   }

   .gnb_mo_mn_ii.a {
      left: 20px;
      bottom: 150px;
   }

   .gnb_mo_mn_ii.b {
      left: 20px;
      bottom: 100px;
   }

   .gnb_mo_mn_ii.c {
      left: 20px;
      bottom: 50px;
   }

   .main_brand_i img {
      max-width: calc(100% - 30px);
      width: auto;
      max-height: 28px;
      margin-top: -2px;
   }

   .main_brand_i:nth-child(3n) {
      /* border-right: 0px; */
   }

   .wlf {
      float: none;
      display: none;
   }

   .wrt {
      float: none;
      padding-left: 0;
      width: 100%;
   }

   .wrt.pll {
      padding-left: 0;
   }

   .wcontent {
      width: 100%;
      max-width: 100%;
      padding-top: 0;
      padding-left: 20px;
      padding-right: 20px;
   }

   .prd_i {
      width: calc(50% - 13px);
      margin-right: 20px;
      margin-bottom: 30px;
   }

   .prd_ii {
      height: 215px;
      line-height: 215px;
   }

   .prd_i:nth-child(3n) {
      margin-right: 20px;
   }

   .prd_i:nth-child(6n) {
      margin-right: 20px;
   }

   .prd_i:nth-child(2n) {
      margin-right: 0 !important;
   }

   .prd_ltt {
      text-align: center;
   }

   .prd_lst {
      text-align: center;
      display: none;
   }

   .prd_lno {
      padding-top: 10px;
      padding-bottom: 50px;
      font-size: 12px;
      font-weight: 400;
   }

   .w_top_tab {
      display: none;
   }

   .w_top_tt {
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 400;
      padding-top: 10px;
      padding-bottom: 20px;
   }

   .brd_list {
      padding: 0;
   }

   .brd_item {
      width: calc(50% - 4px);
      height: 80px;
      margin-bottom: 10px;
   }

   .mo_brd_tab {
      width: calc(100% - 20px);
      margin: 0 auto;
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 400;
      margin-bottom: 50px;
   }

   .mo_brd_tab_i {
      height: 30px;
      line-height: 30px;
      padding-left: 20px;
      border-bottom: solid 0.5px #000;
      position: relative;
   }

   .mo_brd_tab_i span {
      position: absolute;
      right: 34px;
   }

   .wmmbn {
      height: 142px;
   }

   .wmmbn_tt {
      padding: 0;
      color: var(--white);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 700;
      width: 100%;
      padding-left: 17px;
      padding-top: 0 !important;
   }

   .wmmbn_st {
      color: var(--white);
      font-family: var(--font-family-kopubworlddotum-medium);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 500;
      padding-top: 10px;
      width: 100%;
      padding-left: 20px;
   }

   .wwlf {
      display: none;
      margin-top: 30px;
   }

   .wwrt .main_wsn_ii {
      height: 120px;
   }

   .wwrt .main_wsn_i_tt {
      font-weight: 400;
      font-size: 10px;
      line-height: 12px;
   }

   .news .rt_tt {
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xxl);
      font-style: normal;
      font-weight: 400;
      text-align: center;
      padding-top: 30px;
      padding-bottom: 10px;
   }

   .mo_mn_wrap {
      width: 100%;
      text-align: center;
   }

   .mo_mn_wrap .mlf_i {
      color: var(--pink-swan);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 700;
      text-align: center;
      padding-left: 5px;
      padding-right: 5px;
      display: inline-block;
      border-right: solid #b9b9ba 1px;
   }

   .mo_mn_wrap .mlf_i.on {
      color: #000;
   }

   .wsn_slider:nth-child(2) {
      margin-top: 30px;
   }

   .company_bn {
      height: 142px;
      background: url("/m/img/file-----------2022-05-18------2-12-58@1x.png") !important;
      background-size: cover !important;
      background-position: 50% 50% !important;
   }

   .company_bn img {
      margin-top: 65px;
      margin-left: 20px;
      width: 130px;
   }

   .cpn_lf img {
      width: 100%;
   }

   .cpn_rt img {
      width: 100%;
   }

   .cpn_tt {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_bold-regular);
      font-style: normal;
      padding-bottom: 10px;
      border-bottom: solid #000 1px;
      width: calc(100% - 40px);
      margin: 0 auto;
      letter-spacing: -0.6px;
      font-size: 16px;
      line-height: 19px;
      font-weight: 500 !important;
   }

   .cpn_st {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      width: calc(100% - 40px);
      margin: 0 auto;
      padding-top: 10px;
      letter-spacing: -0.55px;
      font-size: 12px;
   }

   .cpn_st_b {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      width: calc(100% - 40px);
      margin: 0 auto;
      letter-spacing: -0.4px;
      font-size: 12px;
   }

   .cpn_rt {
      float: none;
      width: 100%;
   }

   .cpn_rt.mmm {
      padding-top: 80px;
   }

   .cpn_lf.mmm {
      padding-top: 80px;
   }

   .cpn_lf {
      float: none;
      width: 100%;
      padding: 0;
   }

   .cpn_ccbn {
      height: 206px;
      background: url("/m/img/file-----------2022-05-18------6-26-00-1x-png@1x.png");
      background-size: cover;
      background-position: 50% 50%;
   }

   .cpn_cctt {
      padding-top: 50px;
      color: var(--white);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 700;
      margin-left: 20px;
   }

   .cpn_ccst {
      color: var(--white);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 400;
      margin-left: 20px;
      top: 75px !important;
   }

   .cpn_ccmore {
      width: 137px;
      height: 27px;
      line-height: 25px;
      margin-left: 20px;
      top: 120px !important;
   }

   .cpn_d_i {
      width: calc(100% - 40px);
      margin: 0 auto;
      margin-top: 20px;
   }

   .cpn_d_i b {
      color: var(--black);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 700;
   }

   .cpn_d_ii img {
      height: 14px;
      width: auto !important;
   }

   .cpn_d_ii span {
      margin-right: 10px;
   }

   .clear.xx {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
   }

   .cpn_map {
      width: calc(100% - 40px);
      margin: 0 auto;
      margin-top: 30px;
   }

   .cpn_info {
      padding-left: 0 !important;
      text-align: center;
   }

   .cpn_ci_img {
      width: 130px !important;
      margin-top: 34px;
   }

   .cpn_info_a {
      color: var(--black);
      font-style: normal;
      width: calc(100% - 40px);
      margin: 0 auto;
      border-bottom: solid #000 1px;
      text-align: left;
      margin-top: 40px;
      font-size: 16px;
      font-family: "NotoSans KR Bold-Regular";
      font-weight: 500;
   }

   .cpn_info_b {
      color: var(--black);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-style: normal;
      width: calc(100% - 40px);
      margin: 0 auto;
      font-weight: 400;
      text-align: left;
      font-size: 12px;
      line-height: 20px;
      padding-top: 5px;
   }

   .cpn_wrap {
      padding-bottom: 80px;
   }

   .srrt_tt {
      float: none;
      width: 100%;
      padding: 0;
      border-bottom: solid #000 1px;
      color: var(--black);
      font-family: var(--font-family-notosans_kr_bold-regular);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 700;
      padding-bottom: 5px;
      margin-bottom: 7px;
   }

   .srrt_st {
      float: none;
      width: 100%;
      padding: 0;
      color: var(--black);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
   }
	
	
	
   .srrt_sttt {
      float: none;
      width: 100%;
      padding-left: 20px;
      color: var(--black);
      font-family: var(--font-family-notosans_kr_regular-regular);
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
	
   }


	
	
	
   .srrt_st span {
      position: absolute;
      right: 0;
      margin-top: -31px;
   }

   .wwrt.mmm {
      margin-top: 50px;
   }

   .xxmb30 {
      margin-bottom: 30px !important;
   }

   .srrt_img {
      float: none;
      width: 100%;
   }

   .srrt_img img {
      width: 100%;
   }

   .srrt_mt {
      color: var(--black);
      font-size: var(--font-size-xxxl);
      font-weight: 400;
      width: 100%;
      line-height: 30px;
      padding: 0;
      margin: 0;
      min-width: auto;
      min-height: auto;
      max-width: 100% !important;
      padding-top: 20px;
      padding-bottom: 30px;
      font-family: var(--font-family-baskerville-regular) !important;
   }

   .srrt_mt2 {
      height: 10px;
   }
	
    .srrt_mtshowroom  {
      height: 10px;
   }
	

   .srrt_img_l {
      width: 100%;
      padding: 0;
      float: none;
   }

   .srrt_img_l img {
      width: 100%;
   }

   .srrt_img_r {
      width: 100%;
      float: none;
   }

   .srrt_img_r img {
      width: 100%;
   }

   .srrt_slider {
      width: 100%;
      height: 294px;
      margin-bottom: 50px;
   }

   .srrt_slide {
      width: 100%;
      height: 272px;
   }

   .srrt_rr {
      float: none;
      width: 100%;
   }

   .srrt_lll {
      float: none;
      width: 100%;
   }

   .srrt_rrr {
      float: none;
      width: 100%;
      padding-left: 0;
      text-align: left;
      line-height: 20px;
      margin-top: 7px;
   }
   .srrt_rrrr {
      float: none;
      width: 100%;
      padding-left: 20px;
      text-align: left;
      line-height: 20px;
      margin-top: 7px;
   }
   .srrt_img_i {
      width: 100%;
   }

   .srrt_img_i img {
      width: 100%;
   }

   .srrt_ll {
      float: none;
      width: 100%;
      font-style: normal;
      color: var(--black);
      font-family: var(--font-family-notosans_kr_bold-regular);
      font-size: var(--font-size-xxxl);
      font-weight: 700;
      letter-spacing: 0;
      line-height: 23px;
      min-height: 31px;
      padding-bottom: 30px;
      white-space: nowrap;
   }

   .srrt_lll.vv {
      text-align: right;
      width: 100%;
      border-bottom: solid #000 1px;
      position: relative;
      padding-bottom: 5px;
   }

   .srrt_lll.vv span {
      position: absolute;
      left: 0;
      margin-top: -3px;
   }

   .srrt_lll.vv.z span {
      position: absolute;
      left: 0;
      margin-top: 8px;
   }

   .srrt_rrr_a {
      width: 150px;
      line-height: 21px;
      margin-bottom: 10px;
   }
   .srrt_rrrr_a {
      width: 130px;
      line-height: 21px;
      margin-bottom: 10px;
   }
   .srrt_rrr_b {
      width: calc(100% - 150px);
      line-height: 21px;
      margin-bottom: 10px;
      text-align: left;
   }
   .srrt_rrrr_b {
      width: calc(95% - 130px);
      line-height: 21px;
      margin-bottom: 10px;
      text-align: left;
   }
   .srrt_lll.tl {
      text-align: left;
      line-height: 20px;
      color: var(--black);
      font-family: var(--font-family-notosans_kr_bold-regular);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 700;
   }

   .srrt_tt.sv {
      width: 100%;
      color: var(--black);
      font-family: var(--font-family-notosans_kr_bold-regular);
      font-style: normal;
      font-size: 16px;
      line-height: 19px;
      font-weight: 500 !important;
      border-bottom: solid #000 1px;
      margin-bottom: 7px;
      padding-bottom: 7px;
   }

   .srrt_st.sv {
      width: 100%;
      padding: 0;
   }

   .srrt_tt.svsv {
      width: 100%;
      color: var(--black);
      font-family: var(--font-family-notosans_kr_bold-regular);
      font-style: normal;
      font-size: 16px;
      line-height: 19px;
      font-weight: 500 !important;
      border-bottom: solid #000 1px;
      margin-bottom: 7px;
      padding-bottom: 7px;
   }

   .srrt_st.svsv {
      width: 100%;
      padding: 0;
   }

   .sv_i {
      width: 100%;
      height: 100px;
      float: none;
      margin-bottom: 1px;
   }

   .sv_i_t {
      padding-top: 25px;
      padding-bottom: 5px;
      color: var(--white);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xxxl);
      font-style: normal;
      font-weight: 400;
   }

   .sv_i_s {
      color: var(--white);
      font-family: var(--font-family-notosans_kr_light-regular);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 300;
   }

   .mb60 {
      margin-bottom: 40px;
   }

	
	   .mb61 {
      margin-bottom: 30px;
   }
	
	  .showroomline{
    border:0;
    border-top:1px solid #e7e7e7;
    margin-top: 30px;
margin-bottom: 30px;
		  display: none;
		 
  }

	
   .service_top_mn {
      display: none;
   }

   .srrt_title {
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-xxl);
      font-style: normal;
      font-weight: 400;
      text-align: center;
      padding-top: 30px;
      padding-bottom: 10px;
      padding-left: 0;
   }

   .mo_mn_wrap.mmm {
      margin-bottom: 50px;
   }

   .wmmbn.dl .wmmbn_tt {
      padding-top: 25px !important;
      color: var(--white);
      font-family: var(--font-family-arial-bold);
      font-size: 35px;
      font-style: normal;
      font-weight: 700;
   }

   .wmmbn.dl .wmmbn_st {
      display: none;
   }

   .wmmbn.dl .wmmbn_btn {
      width: 134px;
      height: 22px;
      line-height: 24px;
      border: solid #fff 1px;
      font-size: 12px;
      margin-left: 0;
      margin-top: 0;
   }

   .dl_cate_wrap {
      position: relative;
      right: auto;
      width: calc(100% - 10px);
      text-align: center;
      height: auto;
      margin: 0 auto;
      border: solid #000 1px;
      padding-top: 10px;
      line-height: 30px;
      padding-bottom: 10px;
      margin-top: 30px;
      margin-bottom: 30px;
   }

   .mo_only .dl_cate_wrap .dl_hf {
      font-size: 8px;
      letter-spacing: -0.85px;
   }

   .mo_only .dl_cate_wrap .dl_l {
      font-size: 8px;
      letter-spacing: -0.85px;
   }

   .mo_only .dl_cate_wrap .dl_h {
      font-size: 8px;
      letter-spacing: -0.85px;
   }

   .mo_only .dl_cate_wrap .dl_c {
      font-size: 8px;
      letter-spacing: -0.85px;
   }

   .mo_only .dl_cate_wrap .dl_o {
      font-size: 8px;
      letter-spacing: -0.85px;
   }

   .mo_only .dl_cate_wrap .dl_hf span {
      width: 15px;
      height: 15px;
      margin-right: 0.5px;
      line-height: 11px;
      font-size: 10px;
      letter-spacing: 0;
      background-size: 15px 15px;
      border: 0;
      margin-top: 8.5px;
      vertical-align: top;
   }

   .mo_only .dl_cate_wrap .dl_l span {
      width: 15px;
      height: 15px;
      margin-right: 0.5px;
      line-height: 11px;
      font-size: 10px;
      letter-spacing: 0;
      background-size: 15px 15px;
      border: 0;
      margin-top: 8.5px;
      vertical-align: top;
   }

   .mo_only .dl_cate_wrap .dl_h span {
      width: 15px;
      height: 15px;
      margin-right: 0.5px;
      line-height: 11px;
      font-size: 10px;
      letter-spacing: 0;
      background-size: 15px 15px;
      border: 0;
      margin-top: 8.5px;
      vertical-align: top;
   }

   .mo_only .dl_cate_wrap .dl_c span {
      width: 15px;
      height: 15px;
      margin-right: 0.5px;
      line-height: 10px;
      font-size: 10px;
      letter-spacing: 0;
      background-size: 15px 15px;
      border: 0;
      margin-top: 8.5px;
      vertical-align: top;
   }

   .mo_only .dl_cate_wrap .dl_o span {
      width: 15px;
      height: 15px;
      margin-right: 0.5px;
      line-height: 11px;
      font-size: 10px;
      letter-spacing: 0;
      background-size: 15px 15px;
      border: 0;
      margin-top: 8.5px;
      vertical-align: top;
   }

   .mo_only .dl_cate_wrap .ml20 {
      margin-left: 0.5px;
   }

   .dl_hf span {
      width: 20px;
      height: 20px;
      line-height: 15px;
      background-size: 20px 20px;
      border: 0;
      margin-top: -2px;
      vertical-align: top;
   }

   .dl_l span {
      width: 20px;
      height: 20px;
      line-height: 15px;
      background-size: 20px 20px;
      border: 0;
      margin-top: -2px;
      vertical-align: top;
   }

   .dl_h span {
      width: 20px;
      height: 20px;
      line-height: 15px;
      background-size: 20px 20px;
      border: 0;
      margin-top: -2px;
      vertical-align: top;
   }

   .dl_c span {
      width: 20px;
      height: 20px;
      line-height: 15px;
      background-size: 20px 20px;
      border: 0;
      margin-top: -2px;
      vertical-align: top;
   }

   .dl_o span {
      width: 20px;
      height: 20px;
      line-height: 15px;
      background-size: 20px 20px;
      border: 0;
      margin-top: -2px;
      vertical-align: top;
   }

   .mo_only {
      display: block;
   }

   .pc_only {
      display: none;
   }

   .dl_a {
      font-size: 12px;
      padding-right: 40px;
   }

   .srrt_st .dl_a span {
      position: relative;
      margin-top: 0;
      right: auto;
      display: inline-block;
      width: calc(50% - 5px);
   }

   .dl_b img {
      width: 20px;
      height: 20px;
   }

   .mfilter {
      width: 70px;
      height: 22px;
      border: solid #000 1px;
      text-align: center;
      line-height: 22px;
      cursor: pointer;
      border-radius: 11px;
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 400;
      position: absolute;
      margin-top: 5px;
      background: #fff;
   }

   .dl_title {
      color: var(--black);
      font-family: var(--font-family-arial-bold);
      font-size: var(--font-size-xl);
      font-style: normal;
      font-weight: 700;
      position: relative;
      width: calc(100% - 20px);
      margin: 0 auto;
      margin-bottom: 20px;
   }

   .dl_cate_sel {
      border: solid #000 1px;
      position: absolute;
      right: 0;
      top: 0;
      width: 193px;
      height: 25px;
      line-height: 25px;
      background: url("/m/img/file----5@1x.png") no-repeat;
      background-size: 13px 11px;
      background-position: 173px 5px;
      color: var(--black);
      font-family: "notosans kr regular-regular";
      font-size: var(--font-size-m);
      font-style: normal;
      font-weight: 400;
      padding-left: 10px;
   }

   .showr_i {
      width: 100%;
      float: none;
      padding-bottom: 50px;
   }

   .showr_info {
      margin-top: 20px;
   }

   .wmmbn_tt.nne {
      padding-left: 17px;
   }

   .wmmbn_st.nne {
      padding-left: 17px;
   }

   .srrt_lll.vv {
      line-height: 20px;
   }

   .srrt_lll.vv span {
      bottom: -3px;
   }

   .sv_map {
      width: 100%;
   }

   .sv_map_info {
      margin-left: 0;
      width: 100%;
      padding-top: 80px !important;
   }

   .mb80 {
      margin-bottom: 40px;
   }
  .mb81 {
      margin-bottom: 1px;
   }

   .mb150 {
      margin-bottom: 75px;
   }

	
	
	
   .stb_l {
      text-align: right;
      padding-right: 12px;
      height: 25px;
      line-height: 25px;
      font-weight: 400 !important;
      font-size: 12px;
      padding-top: 5px;
      min-height: auto;
      width: 92px;
   }

   .stb_w2 .stb_l {
      margin-top: 0 !important;
      padding-top: 5px !important;
      margin-bottom: 8px !important;
      text-align: right;
      font-size: 12px;
      font-weight: 500;
      padding-right: 12px;
      width: 72px;
   }

   .stb_r {
      width: calc(100% - 72px);
      height: 25px;
      margin-bottom: 8px;
      margin-top: 5px;
   }

   .stb_wrap {
      width: 100%;
   }

   .stb_w2 .stb_r {
      width: calc(100% - 72px);
   }

   .tb_file_info {
      margin-left: 0;
      font-size: 12px;
   }

   .stb_ok_btn_wrap {
      margin-top: 24px;
   }

   .svstt {
      margin-top: 0;
      line-height: 20px;
      font-size: 12px;
   }

   .newswrap .main_wsn_i {
      width: calc(50% - 5px);
      margin-right: 10px;
   }

   .newswrap .main_wsn_i:nth-child(2n) {
      width: calc(50% - 5px);
      margin-left: 0;
      margin-right: 0;
   }

   .newswrap .main_wsn_i:nth-child(3n) {
      width: calc(50% - 5px);
      margin-right: 10px;
   }

   .main_wsn_i:nth-child(6n) {
      width: calc(50% - 5px);
      margin-right: 0;
   }

   .main_wsn_i:nth-child(2n) {
      width: calc(50% - 5px);
      margin-left: 0;
      margin-right: 0 !important;
   }

   .main_wsn_ii {
      border: solid #707070 0.5px;
   }

   .new_viewer {
      margin-top: 50px;
   }

   .new_viewer .rvv_tt {
      padding-bottom: 2px;
   }

   .new_viewer .rvv_ttr {
      position: relative;
      padding-bottom: 10px;
      font-size: 12px;
   }

   .rvv_ct_btn.mo_only {
      position: relative;
      font-size: 13px;
      width: 200px;
      height: 27px;
      line-height: 27px;
      z-index: 999999;
   }

   .rvv_ct_ctt {
      padding-top: 20px;
      padding-bottom: 10px;
      font-size: 12px;
      line-height: 20px;
   }

   .bdnv_wrap {
      padding-bottom: 50px;
      padding-top: 70px !important;
   }

   .rc_table th {
      font-size: 12px;
      font-weight: 500;
      line-height: 18px;
      padding-left: 5px;
      padding-right: 10px;
   }

   .rc_table tbody td {
      font-size: 12px;
   }

   .srrt_title_s {
      line-height: 20px;
   }

   .srrt_ttt {
      line-height: 18px;
   }

   body {
      overflow-x: hidden;
   }

   .stb_input.zipcode {
      width: calc(100% - 130px);
   }

   .main_brand_i:nth-child(7n) {
      border-right: solid #fff 0.5px;
   }

   .mo_brand_close {
      width: 100%;
      height: 45px;
      background: #166933;
      border-top: solid 0.5px #fff;
      text-align: center;
      line-height: 45px;
   }

   .mo_brand_close img {
      vertical-align: middle;
   }

   .main_brand_wrap {
      height: auto;
   }

   .brd_more_hide {
      display: none;
   }

   .brd_mo_hide {
      display: none;
   }

   .wmmbn.dl .wmmbn_st {
      display: block;
   }

   .wmmbn_st span {
      display: none;
   }

   .dl_cert_info {
      font-size: 12px;
      color: #000;
      line-height: 18px;
      padding: 10px 20px 20px;
   }

   .wmmbn.dl .wmmbn_tt.dealder {
      padding-top: 35px !important;
   }

   .dl_cert_layer img {
      width: calc(100% - 40px);
      display: block;
      margin: 0 auto;
   }

   .dl_cert_close {
      width: 15px;
      height: 15px;
      right: 20px;
      top: -5px;
   }

   .dl_cert_close img {
      width: 15px;
      height: 15px;
   }

   .dl_cert_mtt {
      font-size: 16px;
      font-weight: 600;
      border-bottom: solid #000 1px;
      padding-bottom: 7px;
      width: calc(100% - 40px);
      margin: 0 auto;
   }

   .dl_select {
      width: 223px;
      height: 25px;
      line-height: 22px;
      background-size: 13px 11px;
      background-position: calc(100% - 7px) 7px;
      margin-top: -5px;
   }

   .dl_sel_in {
      width: 223px;
   }

   .dl_sel_i {
      height: 25px;
      line-height: 25px;
      font-size: 12px;
   }

   .mo_brd_tab {
      width: 100%;
   }

   .dl_title {
      width: calc(100% - 40px);
   }

   .search_layer_wrap {
      width: 100%;
      height: 100%;
      background: #fff;
   }

   .search_wrap_in {
      width: 100%;
      padding: 20px;
      padding-left: 20px;
      padding-top: 50px;
   }

   .search_input {
      border-bottom: solid #000 2px;
   }

   .search_ico {
   }

   .search_ttt {
      color: #000;
      font-size: 20px;
   }

   .search_recent_i {
      color: #000;
   }

   .search_ttt span {
      font-size: 12px;
   }

   .mo_brd_tab_ct.on {
      border-bottom: solid #000 1px;
      padding-top: 15px;
      padding-bottom: 25px;
   }

   .moll_wrap {
      padding-left: 20px;
      padding-right: 20px;
   }

   .d_loc {
      display: none;
   }

   .d_loc[data="1"] {
      display: none;
   }

   .dl_stt {
      font-size: 16px;
      border-bottom: solid #000 1px;
      font-weight: 500;
      padding-bottom: 10px;
      margin-bottom: 10px;
      margin-top: 10px;
   }

   .dl_cert_layer {
      background: #fff;
      height: 150%;
      width: 100%;
      left: 0;
      top: 210px;
      position: absolute;
      display: none;
      z-index: 99;
      padding-top: 30px;
   }

   .mo_brd_tab_i.on span {
      background: url("/res/ic/02_arrow_up.png") no-repeat;
      background-size: 100% auto;
      background-position: 0 11px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      width: 9px;
   }

   .search_ico {
      background: url("/res/img/gnbb_sch_btn_b@2x.png") no-repeat;
      width: 26px;
      height: 26px;
      background-position: 0 0;
      position: absolute !important;
      top: auto !important;
      bottom: 12px !important;
   }

   .search_layer_wrap .m_gnb_close {
      cursor: pointer;
      z-index: 99999;
   }

   .search_recent {
      width: calc(50% - 30px);
   }

   .search_pop {
      width: calc(50% - 30px);
      margin-left: 55px;
   }

   .recent_close {
      background: url("/res/img/mrecent_close.png") no-repeat;
   }

   .search_pop_i {
      color: #000;
   }

   .search_input_wrap {
      margin-bottom: 48px;
   }

   .brd_more_btn {
      display: block;
   }

   .mbbta {
      border-top: 0;
   }

   .mbbtb {
      border-top: solid #fff 1px;
   }

   .mbbra {
      border-right: 0;
   }

   .mbbrb {
      border-right: solid #fff 1px;
   }

   .prd_ftwrap {
      width: calc(100% - 40px);
      height: 100%;
      position: absolute;
      background: #fff;
      z-index: 3;
   }

   .mo_fft_hf {
      width: 50%;
      float: left;
   }

   .m_gnb_close {
      background: url("/res/img/mft_close_b.png");
      background-size: 23px 23px;
      cursor: pointer;
      position: absolute;
      right: 20px;
      top: 17px;
      width: 23px;
      height: 23px;
      display: none;
   }

   .fft_ttt {
      font-size: 16px;
   }

   .fft_ttt span {
      font-size: 12px;
   }

   .fft_i {
      font-size: 18px;
   }

   .fft_tt {
      font-size: 16px;
      font-weight: 400;
   }

   .pdd_a {
      height: 250px;
   }

   .pdd_tbtn_a {
      font-size: 14px;
      margin-right: 20px;
   }

   .pdd_tbtn_a span img {
      width: 9px;
   }

   .pdd_tbtn_b {
      font-size: 14px;
      margin-right: 30px;
   }

   .pdd_tbtn_b span img {
      width: 8px;
      margin-right: 0;
   }

   .wsn_slider_img {
      border-radius: 14px !important;
      height: 190px;
   }

   .newswrap .main_wsn_i .main_wsn_ii {
      height: 119px;
   }

   .newswrap .main_wsn_i .main_wsn_i_tt {
      height: 45px;
   }

   .wcontent.pt150 {
      padding-top: 20px;
   }

   .brd_prd_i {
      width: calc(50% - 14px);
      margin-right: 27px;
      display: block;
      float: left;
   }

   .brd_prd_i:nth-child(2) {
      margin-right: 0;
   }

   .pradigm_ii {
      padding-left: 20px;
      padding-right: 20px;
      height: 233px;
   }

   .brd_prd_ii {
      padding-left: 20px !important;
      padding-right: 20px !important;
      height: 233px;
   }

   .brd_prd_tt {
      margin-bottom: 40px;
   }

   .dd_lf {
      width: 100% !important;
      float: none;
   }

   .dd_rf {
      width: 100% !important;
      float: none;
   }

   .brdd_tt_info img {
      width: calc(100% + 40px) !important;
      margin-left: -20px;
   }

   .brd_dd_ttlink {
      width: 128px;
      height: 23px;
      font-size: 12px;
      line-height: 23px;
      margin-top: 10px;
   }

   .wmtt_mcin_layer.ccc .brd_dd_ttlink {
      margin-top: 10px;
      margin-left: 0 !important;
   }

   .wmtt_mcin_layer.ccc .wmmbn_tt {
      padding-top: 0 !important;
      margin-top: -15px !important;
      padding-left: 20px !important;
   }

   .wmtt_mcin_img img {
      max-height: 70px !important;
      max-width: 183px;
   }

   .wmtt_mcin_img img {
      max-height: 70px !important;
      max-width: 183px;
   }

   .jeff_l {
      float: none;
      padding-bottom: 40px;
   }

   .jeff_r {
      float: none;
      width: 100%;
   }

   .dl_sels {
      font-size: 12px;
   }

   .dl_dm_layer {
      left: 0 !important;
      top: 0 !important;
      width: 100% !important;
      padding-top: 30px !important;
   }

   .dl_dm_close {
      width: 24px;
      margin-right: 20px;
      margin-top: 5px;
   }

   .dl_dm_tt {
      font-size: 20px;
      padding-left: 20px;
   }

   .dl_dm_l {
      float: none;
      width: 100%;
      font-size: 14px;
      padding-left: 20px;
      padding-right: 20px;
   }

   .dl_dm_r {
      float: none;
      width: 100%;
      font-size: 12px;
      padding-left: 20px;
      padding-right: 20px;
   }

   .dl_dm_img img {
      width: 116px;
      height: auto;
   }

   .bdnv_wrap img {
      height: 10px;
      width: auto;
   }

   .rvv_ct_ctt table td {
      padding: 0 !important;
   }

   .mo_mn_wrap .mlf_i {
      padding-right: 7px;
   }

   .prd_ii img {
      max-width: calc(100% - 30px);
   }

   .dm_list_btn {
      width: 100%;
   }

   .dm_list_home_btn {
      width: 100%;
   }

   .cpn_st_b.mb150 {
      margin-bottom: 36px;
      padding-bottom: 0;
   }

   .cpn_rt.mmm {
      margin-top: 0;
      padding-top: 0;
   }

   .mm_only_tt_right {
      display: block !important;
      position: absolute;
      right: 0;
      font-size: 12px;
      bottom: 8px;
   }

   .mpb46 {
      padding-bottom: 46px;
   }

   .mmb40 {
      margin-bottom: 40px !important;
   }

   .mmt40 {
      margin-top: 40px !important;
   }

   .cpn_map {
      margin-top: 44px;
   }

   .mmttwrap {
      display: inline-block;
      background-color: black;
      background-clip: text;
      color: transparent;
   }

   .svttt {
      font-size: 16px;
      line-height: 19px;

      /* font-family: "NotoSans KR Regular" !important; */
      font-weight: 500 !important;
      border-bottom: solid #000 1px;
      margin-bottom: 7px;
      padding-bottom: 7px;
   }

   .stb_input {
      height: 25px;
   }

   .sv_map_info_i span {
      font-size: 16px;
      line-height: 19px;

      /* font-family: "NotoSans KR Regular" !important; */
      font-weight: 500 !important;
      border-bottom: solid #000 1px;
      margin-bottom: 7px;
      padding-bottom: 7px;
      display: block;
   }

   .sv_map_info_i {
      font-size: 12px;
      line-height: 20px;
   }

   .stb_l.h120 {
      height: 25px;
   }

   .stb_r.h120 {
      height: 50px;
   }

   .zipcode_btn {
      height: 25px;
      font-size: 12px;
      line-height: 25px;
   }

   .stb_ok_btn {
      width: 161px;
      height: 27px;
      font-size: 12px;
      line-height: 25px;
      border: solid #000 1px;
      background: #fff;
      color: #000;
   }

   .inputfile_btn {
      height: 25px;
      font-size: 12px;
      line-height: 25px;
   }

   .tb_checkbox {
      margin-top: 0;
   }

   .tb_checkbox_wrap {
      font-size: 12px;
      line-height: 20px;
      margin-top: 1px;
   }

   .search_ico {
      width: 24px;
      height: 24px;
      background: url("/res/img/gnbb_sch_btn_b@2x.png") no-repeat;
      background-size: 24px 24px;
      top: 11px;
   }

   .search_input {
      height: 40px;
      font-size: 36px;
      margin-top: 0;
      color: #000;
   }

   .main_brand_i.brd_more_btn {
      border-top: 0;
   }

   .stb_r input {
      appearance: none;
      border-radius: 0;
   }

   .stb_r input[type="checkbox"] {
      margin-top: 2px;
   }

   .stb_r textarea {
      appearance: none;
      border-radius: 0;
      height: 50px !important;
   }

   .srrt_sub {
      font-size: var(--font-size-m);
      line-height: 20px;
      margin-bottom: 20px !important;
   }
}

/* 모바일 */

.sss_sss.pt200 {
   padding-top: 0;
   padding-bottom: 0;
}

.psrel {
   position: relative;
}

.mm_only_tt_right {
   display: none;
}