/* common */
main div[id]{ margin-top: calc( var(--header_height) * -1 ); padding-top: var(--header_height); }
.common__small{ max-width: 100%; }
.common__h2{ font-size: var(--font_size60); }
.color_red{ color: #bc0000; }
.color_yellow{ color: #ffc11a; }
section:not(.main_competition) [aria-hidden='true']{ height: 0; opacity: 0; visibility: hidden; }
@supports (-webkit-background-clip: text) {
    .color_gradient_yellow{ background: linear-gradient(0deg, #cdac55, #efe19d, #c19a31); -webkit-background-clip: text; color: transparent; }
    .color_gradient_gray{ background: linear-gradient(0deg, #e2e2e2, #fafafa, #d2d2d2); -webkit-background-clip: text; color: transparent; }
}
@media(max-width:1279px) and (min-width: 768px){
    #wrap .common_padding_y{ padding: 80px 0; }
}
@media(max-width:767px){
    #wrap .common_padding_y{ padding: 60px 0; }
}

/* visual */
.main_visual{ width: 100%; height: calc( 126.25em * .5 ); background: #1d1613; color: #fff; }
.main_visual__inr{ display: flex; align-items: center; padding-top: calc( var(--header_height) * .54); box-sizing: border-box; }
.main_visual .swiper-slide{ overflow: hidden; position: relative; }
.main_visual .swiper-slide::before{ content: ''; position: absolute; inset: 0; background: no-repeat 50% / cover; }
.main_visual__text-small{ display: block; margin-bottom: .6875em; font-size: var(--font_size32); }
.main_visual__text-h2{ font-size: var(--font_size65); letter-spacing: -.025em; }
.main_visual__text-h3{ margin-top: -.10769231em; padding-right: .15384615em; font-size: var(--font_size65); letter-spacing: -.025em; }
.main_visual__text-p{ margin-top: .35em; font-size: var(--font_size20); letter-spacing: -.015em; }
@supports not (-webkit-background-clip: text) {
	.main_visual__text-h2{ color: #c19a31; }
    .main_visual__text-h3{ color: #d2d2d2; }
}
@media(prefers-reduced-motion:no-preference){
    .main_visual .swiper-slide-active::before{ animation: slide_bg 3s both; }
    @keyframes slide_bg {
        0%{ transform: scale(1.05); }
        100%{ transform: scale(1); }
    }
    .main_visual__text-small{ opacity: 0; }
    .main_visual__text-h2{ opacity: 0; }
    .main_visual__text-h3{ opacity: 0; }
    .main_visual__text-p{ opacity: 0; }
    .main_visual .swiper-slide-active .main_visual__text-small{ animation: visual_text .6s .3s both; }
    .main_visual .swiper-slide-active .main_visual__text-h2{ animation: visual_text .6s .5s both; }
    .main_visual .swiper-slide-active .main_visual__text-h3{ animation: visual_text .6s .7s both; }
    .main_visual .swiper-slide-active .main_visual__text-p{ animation: visual_slide_up .8s 1s both; }
    @keyframes visual_text {
        0%{ transform: translateX(20px); letter-spacing: .05em; opacity: 0; }
        100%{ transform: translateX(0); letter-spacing: var(--letter-spacing); opacity: 1; }
    }
    @keyframes visual_slide_up {
        0%{ transform: translateY(20px); opacity: 0; }
        100%{ transform: translateY(0); opacity: 1; }
    }
}
@media(min-width:769px){
    .main_visual .slide1::before{ background-image: url(/images/main/img_visual_slide1_pc.jpg); background-position-x: 60%; }
    .main_visual .slide2::before{ background-image: url(/images/main/img_visual_slide2_pc.jpg); }
}
@media(max-width:1279px) and (min-width:768px){
    .main_visual__text-p{ max-width: 65%; }
}
@media(max-width:768px){
    .main_visual{ aspect-ratio: 768/1010; max-height: 100vh; }
    .main_visual .slide1::before{ background-image: url(/images/main/img_visual_slide1_mo.jpg); }
    .main_visual .slide2::before{ background-image: url(/images/main/img_visual_slide2_mo.jpg); }
}

/* about */
.main_about{ padding: 130px 0; text-align: center; }
.main_about .common__small{ margin-bottom: 2em; height: 1.875em; }
.main_about-p{ margin-top: .72222222em; font-size: var(--font_size18); line-height: 1.77777778; letter-spacing: -.01em; color: #444; }
.main_about-p + .main_about-p{ margin-top: .61111111em; }
.main_about__link{ overflow: hidden; display: inline-flex; justify-content: center; align-items: center; gap: 12px; position: relative; margin-top: 48px; width: 250px; height: 65px; padding: 0px 48px 0 47px; border: 1px solid var(--black); box-sizing: border-box; }
.main_about__link-text{ position: relative; mix-blend-mode: difference; }
.main_about__link-svg{ width: 17px; height: 8px; mix-blend-mode: difference; }
.main_about__link-svg path{ fill: currentColor; }
@media(prefers-reduced-motion:no-preference){
    .main_about__link{ transition: .5s; }
    .main_about__link::before{ transition: .5s; }
}
@media(hover:hover){
    .main_about__link::before{ content: ''; position: absolute; top: 0; right: -15%; bottom: 0; left: auto; width: 0; background: var(--black); transform: skewX(-45deg); }
    .main_about__link:hover{ color: var(--white); }
    .main_about__link:hover::before{ right: auto; left: -15%; width: 130%; }
}
@media(min-width:768px){
    .main_about-p{ font-size: var(--font_size18); }
}
@media(max-width:767px){
    .main_about-p{ font-size: 1rem; }
}

/* menu */
.main_menu{ position: relative; padding-top: 119px; background: #e9e0d3 url(/images/main/img_menu_bg_top.jpg) no-repeat 50% 0 / cover; text-align: center; }
.main_menu::before{ content: ''; position: absolute; right: 0; bottom: 0; left: 0;; background: #1c100d url(/images/main/img_menu_bg_bottom.jpg) 50% 0% / cover; }
.main_menu .common__small{ margin-bottom: 2.375em; height: 1.9375em; }
.main_menu [aria-role='tablist']{ display: flex; justify-content: center; margin-top: 1.35em; font-size: var(--font_size20); font-weight: 500; color: #fff; }
.main_menu [aria-role='tab']{ display: flex; justify-content: center; align-items: center; height: 2.5em; background: #cac6bd; border-radius: 3em; cursor: pointer; }
.main_menu [aria-selected='true']{ background-color: #552c1c; }
.main_menu [aria-hidden='false'] .main_menu__swiper{ margin-top: 6.4375em; }
.main_menu__swiper .swiper-slide{ display: flex; flex-direction: column; align-items: center; }
.main_menu__swiper-img{ aspect-ratio: 1/1; max-width: 395px; border-radius: 50%; object-fit: cover; }
.main_menu__swiper-img[src="/images/board/no_image.gif"]{ background: #fff; object-fit: none; }
.main_menu__swiper-txt{ display: block; margin-top: 1.72em; font-size: var(--font_size25); color: #fff; }
.main_menu__control{ display: flex; align-items: center; gap: 1.0625em; margin-top: 5.375em; }
#wrap .main_menu__control-progressbar{ overflow: hidden; position: relative; margin-right: 5px; height: 5px; background: rgba(211, 201, 183, .1); border-radius: 3em; }
#wrap .swiper-pagination-progressbar-fill{ background: #d3c9b7; border-radius: inherit; }
.main_menu__control-btn{ position: relative; background: 0; font-size: 1rem; }
.main_menu__control-btn::before{ content: ''; position: absolute; inset: -1em; }
@media(min-width:768px){
    .main_menu{ padding-top: 80px; }
    .main_menu::before{ height: 427px; }
    .main_menu [aria-role='tablist']{gap: 1em;}
    .main_menu [aria-role='tab']{ padding: 0 2em; }
    .main_menu [aria-hidden='false']{ padding-bottom: 80px; }
    .main_menu__swiper-img{ width: 100%; height: 100%; }
}
@media(min-width:1280px){
    .main_menu{ padding-top: 119px; }
    .main_menu::before{ height: 486px; }
    .main_menu [aria-hidden='false']{ padding-bottom: 116px; }
    .main_menu__swiper{ padding-right: 5.20833333vw; padding-left: 5.20833333vw; }
}
@media(max-width:1279px){
    .main_menu__swiper{ padding-right: 4%; padding-left: 4%; }
}
@media(max-width:767px){
    .main_menu{ padding-top: 60px; }
    .main_menu::before{ height: 323px; }
    .main_menu [aria-role='tablist']{ gap: .5em; }
    .main_menu [aria-role='tab']{ padding: 0 1em; }
    .main_menu [aria-hidden='false']{ padding-bottom: 60px; }
    .main_menu__swiper-img{ width: 80%; height: 80%; }
}

/* background decoration */
.background_decoration{ position: relative; background: url(/images/main/img_background_decoration.jpg) no-repeat 50% 100% / 100% auto; }
.background_decoration__deco{ position: absolute; }
.background_decoration__deco1{ top: 3.03269004%; width: min(99px, 20%); z-index: 3; }
.background_decoration__deco2{ top: -2.20559275%; right: 0; width: min(354px, 33%); z-index: 3; }
.background_decoration__deco3{ top: 27.92437968%; width: min(81px, 18%); z-index: 3; }
.background_decoration__deco4{ top: 25.87632926%; width: min(219px, 20%); right: 0; }
.background_decoration__deco5{ top: 37.06183537%; width: min(500px, 60%); left: 0; }
.background_decoration__deco6{ top: 50.49231981%; right: 0; width: min(218px, 18%); }
.background_decoration__deco1-img{ --weighting: 1.5; -webkit-mask: url(/images/main/deco/img_deco_mask1.png) no-repeat 50% / contain; }
.background_decoration__deco2-img{ --weighting: .5; -webkit-mask: url(/images/main/deco/img_deco_mask2.png) no-repeat 50% / contain; }
.background_decoration__deco3-img{ --weighting: 1.6; -webkit-mask: url(/images/main/deco/img_deco_mask3.png) no-repeat 50% / contain; }
.background_decoration__deco4-img{ --weighting: .6; -webkit-mask: url(/images/main/deco/img_deco_mask4.png) no-repeat 50% / contain; }
.background_decoration__deco5-img{ --weighting: .2; -webkit-mask: url(/images/main/deco/img_deco_mask5.png) no-repeat 50% / contain; }
.background_decoration__deco6-img{ --weighting: 1; -webkit-mask: url(/images/main/deco/img_deco_mask6.png) no-repeat 50% / contain; }
@media(prefers-reduced-motion:no-preference){
    .background_decoration__deco-img{ position: relative; max-width: 100%; transform: translateY( calc( var(--translateY) * var(--weighting, 1))); transition: .2s cubic-bezier(.48,.65,.7,1.07); will-change: transform; }
}
@media(min-width:1280px){
    .background_decoration__deco1{ left: 20.41666667%; }
    .background_decoration__deco3{ left: 5.83333333%; }
}
@media(max-width:1279px){
    .background_decoration__deco1{ left: 5%; }
    .background_decoration__deco3{ left: 3%; }
    .background_decoration__deco4{ z-index: 3; }
    .background_decoration__deco6{ z-index: 3; }
}

/* cost */
.main_cost{ padding: 119px 0 120px; background: #0f0d0a url(/images/main/img_cost_bg.jpg) no-repeat 50% / cover; text-align: center; }
.main_cost .common__small{ margin-bottom: 2.1875em; height: 1.9375em; }
.main_cost__table{ margin-top: 36px; }
.main_cost__table col:is(:nth-child(1), :nth-child(3)){ width: 28.57142857%; }
.main_cost__table thead{ --border_color: #333; background: #000; }
.main_cost__table tbody{ --border_color: #cfcfcf; background: #fff; }
.main_cost__table tbody tr + tr{ border-top: 1px solid var(--border_color); }
.main_cost__table tbody td{ height: 3.365em; font-weight: 400; }
.main_cost__table tfoot{ --border_color: #47271a; background: #552c1c;  }
.main_cost__table tr > * + *{ border-left: 1px solid var(--border_color); }
.main_cost__table :is(thead, tfoot) :is(th, td){ height: 2.64em; padding: .5em; box-sizing: border-box; font-weight: 700; color: #fff; }
.main_cost__table tbody :is(th, td){ padding: .5em; box-sizing: border-box; }
.main_cost__table-ul{ margin-top: 1.05555556em; text-align: left; font-size: var(--font_size18); color: #efece7; }
.main_cost__table-li + .main_cost__table-li{ margin-top: 0.05555556em; }
.main_cost__table .x{ position: relative; }
.main_cost__table .x::before{ content: ''; position: absolute; inset: 0; background: #fff; opacity: .5; }
.main_cost__table .x::after{ --thickness: 2px; content: ''; position: absolute; inset: 0; margin: auto; width: 2em; aspect-ratio: 1; background: #bc0000; clip-path: polygon(0 calc(50% - var(--thickness)), 0 calc(50% + var(--thickness)), calc(50% - var(--thickness)) calc(50% + var(--thickness)), calc(50% - var(--thickness)) 100%, calc(50% + var(--thickness)) 100%, calc(50% + var(--thickness)) calc(50% + var(--thickness)), 100% calc(50% + var(--thickness)), 100% calc(50% - var(--thickness)), calc(50% + var(--thickness)) calc(50% - var(--thickness)), calc(50% + var(--thickness)) 0, calc(50% - var(--thickness)) 0, calc(50% - var(--thickness)) calc(50% - var(--thickness))); rotate: 45deg; }
@media(min-width:767px){
    .main_cost__table tbody td{ font-size: var(--font_size20); }
    .main_cost__table :is(thead, tfoot) :is(th, td){ font-size: var(--font_size25); }
}

/* progress */
.main_process{ padding: 149px 0 120px; text-align: center; }
.main_process .common__small{ margin-bottom: 2em; }
.main_process__list{ display: grid; gap: clamp(1em, 6.40625vw, 123px) clamp(1em, 5.26041667vw, 101px); margin-top: 66px; }
.main_process__list-li{ position: relative; padding: 51px 1em 36px; background: #fff; border-radius: 1.25em; box-shadow: 0 .125em 1.8375em .0375em rgba(0, 0, 0, 0.05) }
.main_process__list-step{ display: flex; justify-content: center; align-items: center; position: absolute; margin: auto; inset: -1em 0 auto; width: 5em; height: 2em; background: var(--primary); border-radius: 3em; font-size: var(--font_size20); font-weight: 500; color: #fff; }
.main_process__list-img{ border-radius: 50%; }
.main_process__list-title{ margin-top: 1.16666667em; font-size: var(--font_size24); }
.main_process__list-comment{ margin-top: .55555556em; font-size: var(--font_size18); color: var(--goshawk_gray); }
@media(min-width:768px){
    .main_process__list{ grid-template-columns: repeat(2, 1fr); }
}
@media(min-width:1280px){
    .main_process__list{ grid-template-columns: repeat(3, 1fr); }
}
@media(max-width:767px){
    .main_process__list{ grid-template-columns: repeat(1, 1fr); }
}

/* strategic */
.main_strategic{ padding: 115px 0 160px; text-align: center; }
.main_strategic .common__small{ margin-bottom: 1.75em; }
.main_strategic__list{ display: grid; gap: 1em clamp(1em, 2.08333333vw, 40px); margin-top: 3.5625em; }
.main_strategic__list-li{ padding: 3.0625em clamp(1em, 5.73529412%, 39px) 2.6875em; background: #fff; border: 1px solid #e8e8e8; }
.main_strategic__list-img{ max-width: 100%; }
.main_strategic__list-title{ display: flex; justify-content: center; align-items: center; gap: 0.33333333em; margin-top: 1.16666667em; font-size: var(--font_size30); }
.main_strategic__list-title::before{ content: ''; display: inline-block; position: relative; top: -.13333333em; width: 1.1em; height: 0.83333333em; background: url(/images/main/icon_strategic_check.png) no-repeat 50% / contain; }
.main_strategic__list-subtitle{ display: inline-block; margin-top: .2em; font-size: var(--font_size20); line-height: 2; }
.main_strategic__list-underline{ padding-bottom: .35em; background: linear-gradient(0deg, currentColor 1px, transparent 1px) no-repeat 0 50% / 100% 100%; }
.main_strategic__list-comment{ margin-top: .9em; font-size: var(--font_size20); }
.main_strategic__list-li:nth-child(1) .main_strategic__list-comment{ line-height: 1.75; }
.main_strategic__list-li:nth-child(2) .main_strategic__list-comment{ line-height: 1.8; }
@media(prefers-reduced-motion:no-preference){
    .main_strategic__list-underline{ background-size: 0% 100%; transition: .6s; }
    .main_strategic__list-underline.effect_active{ background-size: 100% 100%; }
}
@media(min-width:1280px){
    .main_strategic__list{ grid-template-columns: 1fr 1fr; }
    .main_strategic__list-li:nth-child(2) .main_strategic__list-underline{ transition-delay: .6s; }
}
@media(max-width:1279px){
    .main_strategic__list{ grid-template-columns: 1fr; }
}
@media(max-width:767px){
    .main_strategic__list-comment .color_red{ display: block; }
}

/* competition */
.main_competition{ padding: 119px 0 140px; background: url(/images/main/img_competition_bg4.png) no-repeat 100% 100% / min(587px, 65%) auto, url(/images/main/img_competition_bg3.png) no-repeat 0 91.6% / min(285px, 14.84%) auto, url(/images/main/img_competition_bg2.png) no-repeat 0 11.2% / min(339px, 36%) auto, url(/images/main/img_competition_bg1.jpg) no-repeat 50% / cover; background-color: #1c100c; box-sizing: border-box; text-align: center; color: #fff; }
.main_competition{ min-height: 1071px; background-color: teal;}
.main_competition .common__small{ margin-bottom: 1.25em; height: 2.8125em; }
.main_competition__wrap_tab{ display: flex; justify-content: space-between; row-gap: 4em; margin-top: 3.1875em; }
.main_competition__wrap_img{ position: relative; margin: 0 auto; max-width: 580px; aspect-ratio: 1; }
.main_competition__wrap_img::before{ content: ''; position: absolute; inset: -3.87931035%; background: url(/images/main/img_competition_border_dotted.png) no-repeat 50% / contain; }
.main_competition__wrap_img-img{ max-width: 100%; border-radius: 50%; }
.main_competition [aria-role="tabpanel"]{ position: absolute; top: 0; }
.main_competition__list{ flex: 1 51.35714286; text-align: left; }
.main_competition__list-li{ display: grid; grid-template: 'number title' 'number comment'; justify-content: start; gap: .375em 1.0625em; padding: 1.625em 1em 1.875em clamp(1em, 5.28511822%, 38px); border-top: 1px solid rgba(255, 255, 255, .15); cursor: pointer; }
.main_competition__list-li:last-child{ border-bottom: 1px solid rgba(255, 255, 255, .15); }
.main_competition__list-li:not([aria-selected="true"]):hover  {color: var(--primary);}
.main_competition__list-li[aria-selected="true"]{ background: var(--primary); color: #2f1d19; }
.main_competition__list-number{ grid-area: number; font-size: var(--font_size25); font-weight: 700; }
.main_competition__list-title{ grid-area: title; font-size: var(--font_size25); font-weight: 700; }
.main_competition__list-comment{ grid-area: comment; font-size: var(--font_size20); font-weight: 500; letter-spacing: -0.01em; }
@media(prefers-reduced-motion:no-preference){
    .main_competition [aria-hidden="false"] .main_competition__wrap_img-img{ animation: img_fade_in .4s both; z-index: 2; }
    .main_competition [aria-hidden="true"]{ animation: img_fade_in .4s reverse both; }
    @keyframes img_fade_in {
        0%{ opacity: 0; }
        100%{ opacity: 1; }
    }
}
@media(min-width:1280px){
    .main_competition__wrap_tab{ align-items: center; }
    .main_competition__wrap_img{ right: 2.85714286%; width: 41.42857143%; }
    .main_competition__list{ max-width: 719px; }
}
@media(max-width:1279px){
    .main_competition{ background-position-y: 100%, -300%, 3%, 50%; }
    .main_competition__wrap_tab{ flex-direction: column; }
    .main_competition__wrap_img{ width: 70%; }
}

/* shop */
.main_shop{ padding: 126px 0 120px; background: #f5f5f5; text-align: center; }
.main_shop .common__small{ margin-bottom: 1.8125em; height: 1.875em; }
.main_shop__swiper{ margin-top: 3.5625em; }
.main_shop__swiper .swiper-slide{ background: #111; color: #fff; }
.main_shop__swiper-img{ display: block; aspect-ratio: 800/460; width: 100%; object-fit: cover; }
.main_shop__swiper-text{ display: flex; justify-content: space-between; align-items: center; gap: .5em; height: 2.96em; padding: 0 1.52em; }
.main_shop__swiper-link{ display: inline-flex; gap: .5rem; }
.main_shop__swiper-dot{ display: inline-block; width: .4375rem; height: .4375rem; background: currentColor; border-radius: 50%; }
.main_shop__swiper-title{ letter-spacing: -.01em; }
@media(min-width:768px){
    .main_shop__swiper-text{ font-size: var(--font_size25); }
}
@media(max-width:767px){
    .main_shop__swiper-text{ font-size: 1rem; }
}

/* inquiry */
.main_inquiry{ padding: 120px 0 120px; background: #f0eeec url(/images/main/img_inquiry_bg.jpg) no-repeat 50% / cover; text-align: center; }
.main_inquiry .common__small{ margin-bottom: 2.125em; }
.main_inquiry__form{ margin: 1.8125em auto 0; max-width: 75rem; text-align: left; }
.main_inquiry__wrap_comments-title{ margin-bottom: .90909091em; font-size: var(--font_size22); font-weight: 500; }
.main_inquiry__form textarea{font-family: 'Noto Sans KR', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif; }
#comments{ margin: 0; width: 100%; height: 354px; padding: 33px 36px; background: #fff; box-sizing: border-box; border: 1px solid #ddd; font-size: 1rem; line-height: 1.625; color: #888; }
.main_inquiry__wrap_checkbox{ display: flex; align-items: center; gap: .6875em; margin-top: 1.375em; }
#checkbox{ margin: 0; width: 1rem; height: 1rem; }
.main_inquiry [for="checkbox"]{ color: #444; }
.main_inquiry__list{ display: grid; gap: 18px 38px; margin-top: 50px; padding-top: 30px; border-top: 1px solid #ccc; font-size: var(--font_size18); }
.main_inquiry__list-li{ display: flex; flex-direction: column; gap: 11px; }
.main_inquiry__list label{ font-weight: 500; }
.main_inquiry__list input,
.main_inquiry__list-wrap_radio label{ height: 3.66666667em; }
.main_inquiry__list :is(input, select, textarea){ margin: 0; height: auto; padding: 20px 21px; background: #fff; border: 0; font-size: inherit; }
.main_inquiry__list input::placeholder{ color: #888; }
.main_inquiry__list-wrap_input{ display: flex; align-items: center; background: #fff; }
.main_inquiry__list-wrap_input input{ flex: 1; width: 1px; }
.main_inquiry__list-wrap_input input:not(:first-child){ border-left: 0; }
.main_inquiry__list-wrap_input input:not(:last-child){ border-right: 0; }
.main_inquiry__list-wrap_radio{ display: flex; height: 100%; }
.main_inquiry__list-wrap_radio input{ display: none; }
.main_inquiry__list-wrap_radio label{ display: flex; justify-content: center; align-items: center; width: 50%; background: #fff; }
.main_inquiry__list-wrap_radio input + label{ margin: 0; }
.main_inquiry__list-wrap_radio input:checked + label{ background: #361e14; color: #fff; }
.main_inquiry__list-li textarea{ min-height: 8.33333333em; }
#online_btn{ margin-top: 30px; width: 100%; height: 2.96em; background: #111; font-size: var(--font_size25); font-weight: 700; color: #fff; }
@media(min-width:768px){
    .main_inquiry__list{ grid-template-columns: 1fr 1fr; }
    .main_inquiry__list-li:last-child{ grid-column: 1 / 3; }
}
@media(max-width:767px){
    .main_inquiry__list{ grid-template-columns: 1fr; }
}