@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('aos.css');

:root {
    --color:#d2a37d;
    --subBgBlack:#111;
    --mainBgBlack:#030303;
    --en:"DM Serif Text", serif;
    --kr:'Noto Sans KR';
    --grad:#674c39 0%, #e4b08a 50%, #674c39 100%;
    --gd:linear-gradient(90deg, var(--grad));
}

.en { font-family: var(--en);}

html { background-color: var(--subBgBlack); }
body { background: none; color:#fff;  font-family: 'DM Serif Text', 'Noto Sans KR';}

body, h1, h2, h3, h4, h5, h6, label, input, button, textarea, select, img { font-family: 'DM Serif Text', 'Noto Sans KR';}

.inner1 { max-width:1810px; margin:0 auto; padding:0 20px; }
.container { max-width:1810px; margin:0 auto; padding:0 20px; }
.inner2 { max-width:1476px; margin:0 auto; padding:0 20px; }

.top-header { display: none;}
.header-wrap { background: none; position:relative; z-index:10; }

.header-new .inner1 { display: flex; justify-content: space-between; align-items: center; height: 110px;}
.header-new h1 a { display: block; width:210px; height: 56px; background: url(../img/common/logo.png) no-repeat 0 0;}
.header-new .right { display: flex; gap:10px; ;}
.header-new .right a { width:45px; height: 45px; background-position: 50% 50%; background-repeat: no-repeat;}
.header-new .right .btn-srch { background-image: url(../img/common/ico_srch.png);}
.header-new .right .btn-user { background-image: url(../img/common/ico_user.png);}
.header-new .right .btn-cart { background-image: url(../img/common/ico_cart.png); display: flex; align-items: flex-end; justify-content: center;}
.header-new .right .btn-cart span { display: flex; width:16px; height: 16px; border-radius:100%;  align-items: center; justify-content: center; background-color: #d2a37d; font-size:10px; color:#fff; font-weight:300;  transform: translateY(-10px);}
.header-new .right .btn-menu { background-image: url(../img/common/ico_menu.svg); background-size: 25px auto; display: none;}
.header-new .right .btn-logout { background-image: url(../img/common/ico_logout.svg);}
.header-new .navbar-nav .dropdown-toggle::after { display: none;}
.navbar-nav { max-height: unset !important;}
.navbar-nav>li { height: 110px;}
.navbar-nav>li>.nav-link { font-size:20px; color:#fff; padding:0 30px !important; line-height: 110px;}
.navbar-nav>li>.nav-link:hover { color:#d2a37d; }
.navbar-nav .dropdown-menu { max-width:100%; width:290px; background:#000; border-radius:15px 15px 15px 15px;  box-shadow:0 0 20px rgba(109,113,114,1); padding:25px 30px; }
/*.navbar-nav .dropdown-menu { max-width:100%; width:290px; background:#000; border-radius:30px 0 30px 30px; box-shadow:0 0 30px rgba(109,113,114,1); padding:25px 30px; }*/
.navbar-nav .dropdown-item { font-size:18px; color:#fff; padding:0 !important; line-height: 35px; ; text-align: center;}
.navbar-nav .dropdown:hover>.dropdown-menu { top:90% !important;  width:calc(100% + 100px); max-width: unset;}
.dropdown-menu { left: -50px; right:-50px; ;}
.navbar-nav .dropdown-menu { transition:  opacity 0.2s ease;}
.navbar-nav .dropdown-menu li a.active, .navbar-nav .dropdown-menu li a:hover, .navbar-nav .dropdown-menu>ul>.mega-menu-col ul>li:hover>a, .navbar-nav .dropdown-menu>ul>li:hover>a { color:var(--color);}

.search-box { display: none; position: absolute; left: 0; right:0; top:0; background-color: #000; padding:50px 0; z-index:9999; height:170px;}
.search-box .box { max-width:800px; margin:0 auto; position: relative; }
.search-box .box .sch_stx { width:100%; height: 70px; padding-left: 80px; border:0; background:none; border-bottom: 1px solid #757474; font-size:25px; color:#acacac; outline:none;}
.search-box .box .btn-submit { position: absolute; left: 0; top:0; width:80px; height: 70px; background: url(../img/common/ico_search.png) no-repeat 50% 50%; border:0;  font-size:0;;}
.bg-search { display:none; position:fixed; left:0; right:0; bottom:0; z-index:100; top:170px; background:rgba(0,0,0,0.3); }

/* 모바일메뉴 */

.m-gnb { display:none; position: fixed; left: 0; right:0; top:0; bottom:0; background: #000; z-index:2000; padding-bottom: 50px; }
.m-gnb .btn-close { position: absolute; right:20px; top:20px; width:45px; height: 45px; border: 1px solid rgba(255,255,255,0.6); display:flex; align-items:center; justify-content:center; z-index:100; }
.m-gnb .btn-close svg { width:25px; height:auto; }
.m-gnb .scroll { overflow: auto; text-align: center; position: absolute; left: 0; right:0; bottom:0; top:0; display: flex; justify-content: center; align-items: center; padding:20px 0;}
.m-gnb .scroll > ul > li { margin-bottom:10px;}
.m-gnb .dep2 { display: none; padding-top:10px;}
.m-gnb .dep3 { display: none;}
.m-gnb .btn-dep1 { display: block; font-size:24px;color: #fff;  }
.m-gnb .btn-dep2 { display: block; font-size:16px;color: #fff; opacity:0.7; line-height: 1.8; }
.m-gnb .btn-dep3 { display: block; font-size:12px;color: #fff; opacity:0.5; line-height: 1.8; }


.main-visual { margin-top:-110px; position: relative; }
.main-visual .swiper-slide { position: relative; overflow:hidden; }
.main-visual .swiper-slide img { width:100%; /*aspect-ratio: 2/1;*/ }
.main-visual .txt-box { position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); max-width:1430px; margin:0 auto; padding:0 20px; width:100%;  }
.main-visual .txt-box .t1 { display: inline-block; font-size:64px; background: var(--gd);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent;  transform: translateY(20px); opacity:0; transition: all 0.7s ease;transition-delay: 0.2s;} 
.main-visual .txt-box .t2 { font-size:20px; line-height: 1.55; color:#acacac; margin-bottom: 50px; max-width:465px; word-break: keep-all;  transform: translateY(20px); opacity:0; transition: all 0.7s ease; transition-delay: 0.4s;}
.main-visual .txt-box .t3 { transform: translateY(20px); opacity:0; transition: all 0.7s ease; transition-delay: 0.6s; }
.main-visual .txt-box .t3 a { display: inline-block; padding:0 50px; line-height: 55px; border-radius:60px 0 60px 60px; font-size:18px; font-weight:300; ;   }
.main-visual .txt-box .t3 a {  overflow: hidden; position: relative; color:#fff; font-family: var(--kr);}
.main-visual .txt-box .t3 a:after {  content: "";  position: absolute;  top: -2px;  left: -2px;  right: -2px;  bottom: -2px;  background: linear-gradient(90deg, var(--grad));    border-radius: inherit;  transition: background-position 0.5s ease;  mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0); /* 마스크로 내부 채우기 제거 */  -webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);  mask-composite: exclude;  -webkit-mask-composite: xor;  padding: 4px; /* 테두리 두께 */ transition: all 0.5s ease;}
.main-visual .txt-box .t3 a::before {  content: "";  position: absolute;  top: -2px;  left: -2px;  right: -2px;  bottom: -2px;  z-index: -1;  background: linear-gradient(90deg, var(--grad));    border-radius: inherit;  transition: background-position 0.5s ease; opacity:0; transform: translateX(90%); transition: all 0.5s ease;}
.main-visual .txt-box .t3 a:hover::before {  opacity:1; transform: translateX(0); }
.main-visual .txt-box .t3 a:hover:after { opacity:0; }
.main-visual .swiper-button-next { position: absolute; right:0; top:50%; width:180px; padding-left: 30px; line-height: 40px; font-size:16px; color:#fff; border-bottom: 1px solid rgba(255,255,255,0.5); text-align: left; display: block;}
.main-visual .swiper-button-next:after { content: '';  position: absolute; left:0; bottom:-1px; height: 1px; background-color: #fff; width: 50%; transition: all 0.5s ease}
.main-visual .swiper-button-prev { position: absolute; right:unset; left: 0; top:50%; width:180px; padding-right: 30px; line-height: 40px; font-size:16px; color:#fff; border-bottom: 1px solid rgba(255,255,255,0.5); text-align: right; display: block;}
.main-visual .swiper-button-prev:after { content: '';  position: absolute; right:0; bottom:-1px; height: 1px; background-color: #fff; width: 50%; transition: all 0.5s ease;}
.main-visual .swiper-button-prev:hover:after,
.main-visual .swiper-button-next:hover:after { width:100%; }
.main-visual .swiper-slide-active { }
.main-visual .swiper-slide-active .txt-box .t1 { transform:unset; opacity:1; }
.main-visual .swiper-slide-active .txt-box .t2 { transform:unset; opacity:1; }
.main-visual .swiper-slide-active .txt-box .t3 { transform:unset; opacity:1; }

.main-visual .swiper-slide picture { display:block; transform:scale(1.3); transition:all 3s cubic-bezier(0.76, 0, 0.24, 1); }
.main-visual .swiper-slide-active picture{ transform:scale(1); }

.main-visual .swiper-pagination  { display: none;}
.main-visual .swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity:0.4; transition: all 0.5s ease; }
.main-visual .swiper-pagination .swiper-pagination-bullet-active { opacity:1; }


.main1 { background: url(../img/common/bg1.png) no-repeat 50% 50%; background-size: cover; padding: 130px 0 100px; text-align: center; ; }
.main1 .t1 { font-size:60px; background: var(--gd);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent; display: inline-block; background-size: 600% 600%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientMove 8s ease infinite; }
.main1 .t2 { font-size:20px; line-height: 1.5; color:#acacac; margin-top:75px;;}
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.main2 { padding: 100px 0; overflow: hidden; }
.main2 h2 { text-align: center; margin-bottom: 90px; ;}
.main2 h2 small { font-size:25px; background: var(--gd);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent; display: inline-block; }
.main2 h2 p { font-size:60px; background: var(--gd);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent; display: inline-block; }

.main2 .swiper { overflow: visible; transform:translateX(100px);; transform-origin:right; opacity:0; transition:all 1s ease }
.main2 .swiper.active { transform:unset; opacity:1; }
.main2 .controls { display: flex; justify-content: flex-end; margin-bottom: 10px;}
.main2 .controls .swiper-button-next,
.main2 .controls .swiper-button-prev { position: static; margin:0; padding:5px; margin-left: 10px; }
.main2 .controls .swiper-button-prev:after,
.main2 .controls .swiper-button-next:after { display: none;}
.main2 .controls .swiper-button-prev:before {content: ''; display: inline-block; vertical-align: middle; width:17px; height: 17px; border-left: 2px solid #d2a37d; border-bottom: 2px solid #d2a37d; transform: rotate(45deg);}
.main2 .controls .swiper-button-next:before {content: ''; display: inline-block; vertical-align: middle; width:17px; height: 17px; border-left: 2px solid #d2a37d; border-bottom: 2px solid #d2a37d; transform: rotate(-135deg);}
.main2 .swiper-slide a { display: block; font-size:16px; }
.main2 .swiper-slide a .t1 { font-size:38px; line-height: 1.2; color:#fff; margin-top:30px;}
.main2 .swiper-slide a .date {  color:#acacac; margin:5px 0 30px; font-family: var(--kr); }
.main2 .swiper-slide a .t2 {  color:#acacac; font-family: var(--kr); overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}
.main2 .swiper-slide a img {width:100%; aspect-ratio:  5/3; height:auto; object-fit: cover; transition:all 1s ease; }
.main2 .swiper-slide a .img { overflow:hidden; transition:all 1s ease;}
/*
.main2 .swiper-slide a:hover .img { border-radius:50px; }
.main2 .swiper-slide a:hover .img img { transform:scale(1.15); }
*/

.main2 .swiper:hover .swiper-slide a { opacity:0.5; }
.main2 .swiper .swiper-slide a:hover { opacity:1; }
.main2 .swiper-slide a:hover .img { border-radius:50px; }
.main2 .swiper-slide a:hover .img img { transform:scale(1.15); }


.slick-track .slick-slide .thumb-img { transition:all 0.5s ease; }
.slick-track:hover .slick-slide .thumb-img { opacity:0.5; }
.slick-track .slick-slide .thumb-img:hover { opacity:1; }


.product-list-10 .item-list-wrap { transition:all 0.5s ease; }
.product-list-10:hover .item-list-wrap { opacity:0.5 !important;  }
.product-list-10 .item-list-wrap:hover { opacity:1 !important; }

.footer-new { padding: 50px 0 110px; background:#fff; margin-top:150px; }
.footer-new .inner2 { display: flex; justify-content: space-between; font-size:16px; color:#000}
.footer-new .right { text-align: right;}
.footer-new .right .etc a {  margin-left: 40px; ;}
.footer-new .right .info { margin-top:10px; font-family: var(--kr); }
.footer-new .right .copy {font-size:15px; margin-top:24px; font-family: var(--kr); }

.btn-gr { display: inline-block; padding:0 50px; line-height: 55px; border-radius:60px 0 60px 60px; font-size:18px; font-weight:300; position: relative; overflow: hidden; color:#fff; z-index:2;  font-family: var(--kr);background:none; border:0; outline:none;}
.btn-gr:after {  content: "";  position: absolute;  top: -2px;  left: -2px;  right: -2px;  bottom: -2px;  background: linear-gradient(90deg, var(--grad));    border-radius: inherit;  transition: background-position 0.5s ease;  mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0); /* 마스크로 내부 채우기 제거 */  -webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);  mask-composite: exclude;  -webkit-mask-composite: xor;  padding: 4px; /* 테두리 두께 */ transition: all 0.5s ease;}
.btn-gr::before {  content: "";  position: absolute;  top: -2px;  left: -2px;  right: -2px;  bottom: -2px;  z-index: -1;  background: linear-gradient(90deg, var(--grad));    border-radius: inherit;  transition: background-position 0.5s ease; opacity:0; transform: translateX(90%); transition: all 0.5s ease;}
.btn-gr:hover::before {  opacity:1; transform: translateX(0); }
.btn-gr:hover:after { opacity:0; }
.btn-gr.type2 { width:190px; text-align: center; padding:0;  }
.btn-gr.medium { padding:0 25px; line-height: 36px; height: 40px; font-size:16px; font-family: var(--kr);}
.btn-gr.type3 { border-radius:7px; padding:0 20px; line-height: 40px; font-size:15px; ; }


.join-new { height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;  background: #111 url(../img/common/bg_regi.png) no-repeat 50% 50%; ;}
.join-new .t1 { font-size:60px; margin-bottom: 90px; line-height: 1.3;}
.join-new .t1 p { background: var(--gd);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent; }
.join-new .btns { position: relative;}
.join-new .btn-gr { margin:0 10px; font-family: var(--kr);}
.join-new.bg { background: url(../img/common/bg_jon.jpg) no-repeat 50% 50%; background-size: cover; }
.join-new.bg:before {content: ''; position: absolute; left: 0; top:0; right:0; bottom:0; background: url(../img/common/bg_regi.png) no-repeat 50% 50%; ;}
.join-new.bg .t1 { font-size:50px; font-weight:600; }
.join-new.bg .t1,
.join-new.bg .btns { position: relative; z-index:2;}
.join-new.bg2 { background: none;}
.join-new.bg2 .t1 { font-size:30px; font-weight:700; font-family: var(--kr);}
.join-new.bg2 .t1 div:first-child { margin-bottom: 40px;}

.mine-wrap { max-width:900px; margin:0 auto 40px; }
.mine-box {  border-radius:0 40px; padding:100px 20px 130px; position: relative; background: url(../img/common/bg_jon.jpg) no-repeat 0 0;;}
.mine-box:after {  content: "";  position: absolute;  top: -2px;  left: -2px;  right: -2px;  bottom: -2px;  background: linear-gradient(90deg, var(--grad));    border-radius: inherit;  transition: background-position 0.5s ease;  mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0); /* 마스크로 내부 채우기 제거 */  -webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);  mask-composite: exclude;  -webkit-mask-composite: xor;  padding: 2px; /* 테두리 두께 */ transition: all 0.5s ease;}
.mine-box .name { text-align: center; font-size:52px; font-weight:300; letter-spacing: 10px; margin-bottom: 75px;}
.mine-box .name p { display: inline;  background: var(--gd);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent;}
.mine-box .box { max-width:400px; margin:0 auto; }
.mine-box .box dl { display: flex; justify-content: space-between; align-items: center;}
.mine-box .box dl dt { font-size:30px; color:#fff; font-weight:400; }
.mine-box .box dl dd { font-size:48px; color:#d2a37d; }
.mine-wrap .btns { display: flex; justify-content: flex-end; gap:10px; margin-top:25px; }
.mine-wrap .btns a { padding:0 15px; line-height: 30px; background-color: #3d3d3d; font-size:14px; color:#acacac; font-weight:300;}

.gra { display: inline;  background: var(--gd);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent;}
.table-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.table-head .tit { font-size:24px; font-weight:300; }

.total-price {text-align: right;  margin-bottom: 100px;}
.total-price small {font-size:24px; }
.total-price strong { font-size:30px; color:#d2a37d; font-weight:400; margin:0 4px 0 10px;}
.total-price em { font-size:20px; color:#d2a37d; font-style: normal;}

.cart-tit { margin-bottom: 20px; font-size:24px; ;}
.cart-tit span { font-weight:400; color:var(--color); }
.cart-tit strong { font-weight:400; margin-left: 20px;}

.btn1 { display: inline-block; vertical-align: middle; padding:0 22px; line-height: 40px; border:1px solid #646360; font-size:15px; border-radius:7px; color:#acacac; margin-right:10px;background:none;}

.join-wrap { min-height: 100vh; background: url(../img/common/bg_jon.jpg) no-repeat 50% 50%; background-size: cover; display: flex; justify-content: center; align-items: center;}
.join-wrap .box { max-width:990px; margin:0 auto; width:100%; }
.join-wrap .tit { text-align: center; margin-bottom: 70px; font-size:60px; }
.join-wrap .form-box { border-radius:25px; position: relative; padding:60px; }
.join-wrap .form-box:after {  content: "";  position: absolute;  top: -2px;  left: -2px;  right: -2px;  bottom: -2px;  background: linear-gradient(90deg, var(--grad));    border-radius: inherit;  transition: background-position 0.5s ease;  mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0); /* 마스크로 내부 채우기 제거 */  -webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);  mask-composite: exclude;  -webkit-mask-composite: xor;  padding: 2px; pointer-events: none;}
.join-wrap .section { display: flex; margin:0 -30px 7px; }
.join-wrap .section .article { width:50%; padding:0 30px;  }
.join-wrap .inp-box { position: relative;}
.join-wrap .inp { width:100%; height: 60px; border:0; border-bottom: 1px solid #646360; font-size:18px; padding-left: 17px; color:#fff !important; font-family: var(--kr); background: none !important; outline:none; ;-webkit-text-fill-color: #fff !important;}
.join-wrap input:-webkit-autofill {    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;    background-color: transparent !important;-webkit-text-fill-color: #fff !important;}
.join-wrap input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px transparent inset !important;  background-color: transparent !important;-webkit-text-fill-color: #fff !important;}
.join-wrap input:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0 1000px transparent inset !important;  background-color: transparent !important;-webkit-text-fill-color: #fff !important;}
.join-wrap input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px transparent inset !important;  background-color: transparent !important;-webkit-text-fill-color: #fff !important;}


.join-wrap .inp-box .btn-gr { position: absolute; right:-10px; bottom:5px; transform: translateX(100%);}
.join-wrap .desc { font-size:15px; color:#acacac; margin:8px 0 20px; }
.join-wrap .agress { margin-top:30px; margin-bottom: 100px; }
.join-wrap .agress > div{  margin-bottom: 15px;}

.inp + label { position: absolute; left:17px; top:14px; font-size:18px;  color:#acacac; transition:all 0.3s ease; font-family: var(--kr); pointer-events: none; }
.inp + label span { font-size:22px; color:var(--color); vertical-align: middle; }
.inp:focus { background-color: #fafafa; border-color:#ccc; color:#111; padding-top:10px;  }
.inp.on { padding-top:10px;}
.inp:focus + label,
.inp + label.freeze { font-size:12px; top:3px;  }
.inp-box { position: relative;}

.checkbox { padding-left: 40px; position: relative; font-size:18px; color:#acacac; font-family: var(--kr); }
.checkbox i { position: absolute; left: 0; top:4px; width:15px; height: 15px;border:1px solid #646360; ;}
.checkbox input { position: absolute; display: none;}
.checkbox input+i:after {top: -1px;left: -1px;width: 12px;height: 12px;font-size: 10px;font-family: 'Font Awesome\ 5 Free';content: "\f00c";font-weight: 900;text-align: center; position: absolute; opacity: 0; transition: all 0.5s ease;}
.checkbox input:checked+i:after,
.radio input:checked+i:after {    opacity: 1}



.eyoom-form .join-wrap .checkbox { padding-left: 40px; position: relative; font-size:18px; color:#acacac; font-family: var(--kr); }
.eyoom-form .join-wrap .checkbox i { position: absolute; left: 0; top:4px; width:20px; height: 20px;border:1px solid #646360; background:none;}
.eyoom-form .join-wrap .checkbox input { position: absolute; display: none;}
.eyoom-form .join-wrap .checkbox input+i:after {top: -5px;left: 2px;width: 12px;height: 12px;font-size: 10px;font-family: 'Font Awesome\ 5 Free';content: "\f00c";font-weight: 900;text-align: center; position: absolute; opacity: 0; transition: all 0.5s ease; color:#fff;}
.eyoom-form .join-wrap .checkbox input:checked+i:after,
.eyoom-form .join-wrap .radio input:checked+i:after {    opacity: 1}
.eyoom-form .join-wrap .checkbox  a { color:#acacac; text-decoration:underline; }



body .eyoom-form  .checkbox { padding-left: 40px; position: relative; font-size:18px; color:#acacac; font-family: var(--kr); }
body .eyoom-form  .checkbox i { position: absolute; left: 0; top:4px; width:20px; height: 20px;border:1px solid #646360; background:none;}
body .eyoom-form  .checkbox input { position: absolute; display: none;}
body .eyoom-form  .checkbox input+i:after {top: -5px;left: 2px;width: 12px;height: 12px;font-size: 10px;font-family: 'Font Awesome\ 5 Free';content: "\f00c";font-weight: 900;text-align: center; position: absolute; opacity: 0; transition: all 0.5s ease; color:#fff;}
body .eyoom-form  .checkbox input:checked+i:after,
body .eyoom-form  .radio input:checked+i:after {    opacity: 1}



.privacy { font-size:18px; line-height: 1.5; max-width:1400px; margin:0 auto; color:#acacac; }
.privacy p { color:#fff; }
.provision-page { font-size:18px; line-height: 1.5; max-width:1400px; margin:0 auto; color:#acacac; }
.provision-page h5 { color:#fff; }

.basic-body.page .container {max-width:100%; padding:0; }
.about { padding:60px 0; overflow: hidden; }
.about img { max-width:100%; }
.about .tit { text-align: center; margin-bottom: 45px; font-size:60px; }
.about .desc { text-align: center; font-size:22px; line-height: 1.4; color:#acacac; margin-bottom: 70px;}
.about .img1 {text-align: center; margin-bottom: 150px;;}
.about .t1 { font-size:22px; line-height: 1.7; color:#acacac; }
.about .tit1 { font-size:50px; color:#d2a37d; margin-bottom:70px;line-height:1.3;}
.about .box1 { display: flex; justify-content: space-between; gap:40px;  margin:120px 0 190px; }
.about .box1 .left{ width:48%; }
.about .box1 .img  { margin-right:-18vw}
.about .box1 .img img { max-width:100%; }
.about .box2 { padding:150px 0 200px; background: url(../img/about/img3.jpg) no-repeat 50% 50%; background-size: cover; background-attachment: fixed; margin-bottom: 190px; }
.about .box2 .t1 { max-width:780px; }
.about .box3 ul { display: flex; justify-content: space-between; gap:180px; }
.about .box3 ul { flex:1; }
.about .box3 ul li + li { padding-top:170px; }
.about .box3 ul dl dt { font-size:25px; margin:30px 0 ; font-weight:400 }
.about .box3 ul dl dd { font-size:22px; line-height: 1.6; color:#acacac;;}
.about .up { transform:translateY(30px); opacity:0; transition:all 1s ease; }
.about .up.active{ transform:unset; opacity:1; }
.about .desc { transition-delay:0.3s; }
.about .img1 { transition-delay:0.5s; }
.about .t1 { transition-delay:0.3s; }
.about .box3 ul dl dt { transition-delay:0.3s; }
.about .box3 ul dl dd { transition-delay:0.5s; }

.board-gallery { display:flex; flex-wrap:wrap; margin:0 -25px; gap:120px 0; }
.board-gallery  .gallery-item { width:33.333%; padding: 0 25px; }
@media all and (min-width:1240px) {
	.board-gallery  .gallery-item { opacity:0; transform:translateY(150px); transition:all 0.5s ease  }
	.board-gallery  .gallery-item:nth-child(3n+1) {  transition-delay: 0.2s;}
	.board-gallery  .gallery-item:nth-child(3n+2) {  transition-delay: 0.4s;}
	.board-gallery  .gallery-item:nth-child(3n) {  transition-delay: 0.6s;}
	.board-gallery  .gallery-item.active { transform:unset; opacity:1; }
}

.gallery-item a { display:block; color:#acacac;font-size:18px; }
.gallery-item a .date { margin:25px 0 15px; font-family:var(--kr);}
.gallery-item a .subj { font-size:34px; color:#fff; margin-bottom:20px; line-height:1.4; }
.gallery-item a .text { line-height:1.7; font-family:var(--kr); }

.paing { display:flex; align-items:center; gap:5px; justify-content:center; margin:50px 0; text-align:center; }

.paing a { display:block; overflow: hidden; position: relative; color:#fff; font-family: var(--kr); width:45px; line-height:44px; border-radius:10px 0 10px 10px; font-size:18px; color:#acacac;  }
.paing a.active:after {  content: "";  position: absolute;  top: -2px;  left: -2px;  right: -2px;  bottom: -2px;  background: linear-gradient(90deg, var(--grad));    border-radius: inherit;  transition: background-position 0.5s ease;  mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0); /* 마스크로 내부 채우기 제거 */  -webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);  mask-composite: exclude;  -webkit-mask-composite: xor;  padding: 4px; /* 테두리 두께 */ transition: all 0.5s ease;}
.paing a .fas { font-weight:600; }


.basic-body.event-body .container { max-width:100%; padding:0; }

.event-view .top { height:670px; background-position:50% 50%;  background-size: cover; background-attachment: fixed;}
.event-view .top img { width:100%; }
.event-view .inner2 { text-align:center; color:#acacac; font-size:18px; line-height:2; font-family:var(--kr); }
.event-view .subj { font-size:48px; color:#fff; font-family:var(--en); margin:80px 0 20px; }
.event-view .date { margin-bottom:70px; }
.event-view .text { margin-bottom:60px; }

.board-btns ul { display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; margin:40px 0; }
#ctt { margin:0; background:none; border:0;box-shadow:none; }
#ctt_con { padding:0; }

.login-wrap{  padding:100px 0; max-width:505px; margin:0 auto;  } 
.login-wrap .inp-box { position: relative; margin-bottom:40px;}
.login-wrap .inp { width:100%; height: 60px; border:0; border-bottom: 1px solid #646360; font-size:18px; padding-left: 17px; color:#fff !important; font-family: var(--kr); background: none !important; outline:none; ;-webkit-text-fill-color: #fff !important;}
.login-wrap input:-webkit-autofill {    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;    background-color: transparent !important;-webkit-text-fill-color: #fff !important;}
.login-wrap input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px transparent inset !important;  background-color: transparent !important;-webkit-text-fill-color: #fff !important;}
.login-wrap input:-webkit-autofill:hover { -webkit-box-shadow: 0 0 0 1000px transparent inset !important;  background-color: transparent !important;-webkit-text-fill-color: #fff !important;}
.login-wrap input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px transparent inset !important;  background-color: transparent !important;-webkit-text-fill-color: #fff !important;}
.login-wrap input:-webkit-autofill {   -webkit-text-fill-color: #fff !important; }

.login-wrap .tit { font-size:60px; margin-bottom:50px; line-height: 1.3; text-align:center;}
.login-wrap .tit span { background: var(--gd);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent; }
.login-wrap .btns { margin:90px 0 70px; text-align:center;  }
.login-wrap .desc { text-align:center; font-size:18px; line-height:1.5; color:#acacac; }

#daum_juso_pagemb_zip{  position:absolute !important; height:300px !important; z-index:100; }
#captcha { background:none; color:#fff; }


.table>thead { position:relative;}
.table>thead:before {content:''; position:absolute; left:0; right:0; top:0; background:#fff;  background: linear-gradient(90deg, var(--grad));    border-radius: inherit;  transition: background-position 0.5s ease;  mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0); /* 마스크로 내부 채우기 제거 */  -webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);  mask-composite: exclude;  -webkit-mask-composite: xor;  padding: 0.5px; }
.table>thead:after{content:''; position:absolute; left:0; right:0; bottom:0; background:#fff;  background: linear-gradient(90deg, var(--grad));    border-radius: inherit;  transition: background-position 0.5s ease;  mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0); /* 마스크로 내부 채우기 제거 */  -webkit-mask:     linear-gradient(#fff 0 0) content-box,     linear-gradient(#fff 0 0);  mask-composite: exclude;  -webkit-mask-composite: xor;  padding: 0.5px; }

.shop-cart .table-list-eb .td-item-name a { color:#fff; }
.td-item-desc { display:flex; align-items:center; gap:30px; }

.product-list-10 { display:flex; flex-wrap:wrap; max-width:1550px; margin:0 auto 100px; gap:120px 0; }
.product-list-10 .item-list-wrap { width:33.33333%; text-align:center; color:#fff; padding:0 10px; }
.product-list-10 .product-description .product-name {   }
.product-list-10 .product-description .product-name a { color:#fff; font-size:24px; color:#fff; height:auto; margin:30px 0 5px; font-weight:400; text-decoration:none !important;}
.product-list-10 .product-description .product-price { font-size:25px; color:#d2a37d; }
.product-list-10 .product-description .product-price small { font-size:20px; }
.product-list-10 .product-img,
.product-list-10 .product-img-in:before { background:none !important; }
.product-list-10 .product-img { border-radius:0 !important; }
#sit_opt_added .sit_opt_del { position:static !important; border:1px solid #a5a5a5 !important; margin-left:10px; }
.sit_option h3 { display:none; }
.sit_option label { font-size:18px; color:#fff; margin:10px 0/* 5px*/; font-family:var(--kr); }
.sit_option.eyoom-form .select i { display:none; font-family:var(--kr); }
.sit_option.eyoom-form .select select { background:url(/img/common/bu_select_white.png) no-repeat 99% 50%;  background-size:auto 25px; border:1px solid #777; color:#fff;  padding-right:50px; font-family:var(--kr);}
.sit_option.eyoom-form .select select option { background:#000; color:#fff;font-family:var(--kr); }

@media all and (min-width:1240px) {
	.product-list-10 .item-list-wrap { opacity:0; transform:translateY(150px); transition:all 0.5s ease  }
	.product-list-10 .item-list-wrap:nth-child(3n+1) {  transition-delay: 0.2s;}
	.product-list-10 .item-list-wrap:nth-child(3n+2) {  transition-delay: 0.4s;}
	.product-list-10 .item-list-wrap:nth-child(3n) {  transition-delay: 0.6s;}
	.product-list-10 .item-list-wrap.active { transform:unset; opacity:1; }
}



.page-title-wrap .sub-breadcrumb .active a { color:#d2a37d; }
.shop-product .col-md-5 { width:894px; }
.shop-product .col-md-7 { flex:1;padding-left:80px; }
.shop-product-form .product-title { font-size:42px; color:#fff; margin-bottom:40px; }
.shop-product-form .product-title strong { font-weight:400; }
.shop-product-form .product-desc { font-size:18px; line-height:1.6; color:#acacac; font-family:'Noto Sans KR'; word-break:keep-all; margin-bottom:40px; }

:root {scroll-behavior : auto !important; }


.prd-bg { height: 790px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; margin:90px -5vw 40px; display:none; }
.img-box img { width:100%; }
.prd-view { display: flex ;}
.prd-view .left { width:50%; padding: 70px; background: url(../img/common/bg_jon.jpg) repeat;}
.prd-view .left .t1 { font-size:60px; margin-bottom:20px; ; }
.prd-view .left .t2 { font-size:25px; margin-bottom: 20px; }
.prd-view .left .t3 { font-size:18px; line-height: 1.7; color:#acacac; font-family:'Noto Sans KR';  }
.prd-view .right { width:50%; padding:50px 30px; }
.prd-view .right .tit { text-align: center; font-size:60px; margin-bottom: 90px;;}
.prd-view .right .list { display: flex; justify-content: space-between;}
.prd-view .right .list dl { flex:1; text-align: center; font-size:16px; line-height: 1.6; color:#acacac; padding:15px 15px;}
.prd-view .right .list dl + dl { border-left: 1px solid #646360;;}
.prd-view .right .list dl dt { font-size:25px; margin-bottom: 30px;font-weight:400;}
.prd-view .right .list dl dd .color { height:55px; border-radius:55px 0 55px 55px; max-width:90px;margin:0 auto 10px; }
.prd-view .left .t1 span,
.prd-view .left .t2 span,
.prd-view .right .tit span,
.prd-view .right dl dt span { display: inline;  background: var(--gd);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent;}

.prd-view .t1 { transition:all 0.6s ease; transform:translateY(50px); opacity:0; transition-delay:0.3s; }
.prd-view .t2 { transition:all 0.6s ease; transform:translateY(50px); opacity:0; transition-delay:0.5s; }
.prd-view .t3 { transition:all 0.6s ease; transform:translateY(50px); opacity:0; transition-delay:0.6s; }
.prd-view .tit { transition:all 0.6s ease; transform:translateY(50px); opacity:0; transition-delay:0.7s; }
.prd-view .list dl { transition:all 0.6s ease; transform:translateY(50px); opacity:0; transition-delay:0.6s; }
.prd-view .list dl:nth-child(1) { transform:translateY(50px);transition-delay:0.8s; }
.prd-view .list dl:nth-child(2) { transform:translateY(50px);transition-delay:1s; }
.prd-view .list dl:nth-child(3) { transform:translateY(50px);transition-delay:1.2s; }
.prd-view .list dl:nth-child(4) { transform:translateY(50px);transition-delay:1.4s; }


.prd-view.active .t1,
.prd-view.active .t2,
.prd-view.active .t3,
.prd-view.active .tit,
.prd-view.active .list dl { transform:unset; opacity:1; }



.Image-area { display:none; }

.sidebar-shop-member-wrap { display:none; }
.product-list-10 .product-description .product-id  { display:none !important; }
.eb-backtotop,
#sit_ov.fixed{ display:none; }
#sit_inf_explan { display:none; }
.sidebar-shop-member-btn,
.navbar-mobile-toggler{ display:none !important; }
.product-list-10 .product-description .product-name { height:auto !important; } 
.product-list-10 .item-list:hover .product-img-in .second-img { display:none !important; }

.product-list-10 .product-img-in .first-img { overflow:hidden; }
.product-list-10 .product-img-in .first-img img { transition:all 1s ease; }
.product-list-10 .product-img-in .first-img:hover img { transform:scale(1.2); }

.gallery-item-image-in { overflow:hidden; transition:all 1s ease; }
.gallery-item-image-in img { transition:all 1s ease; }
.gallery-item-image-in:hover { border-radius:50px; }
.gallery-item-image-in:hover img { transform:scale(1.2); }

.member-confirm { background:none; }

.modal.modal-prv  .modal-dialog { display:flex !important; justify-content:center; align-items:center; height:100vh; margin-top:0; margin-bottom:0;}
.modal.modal-prv .modal-dialog { max-width:700px; width:100%;  }
.modal.fade .modal-dialog { transform:translate(0) !important; }
.modal .prv { background:#111; padding:20px; max-height:50vh; overflow:auto; border:1px solid:#ddd;}
.modal .prv h3 { font-size:24px; margin-bottom:10px; }
.modal .prv .provision-page {color:#fff; font-size:13px; line-height:1.5; opacity:0.5; }
.modal .prv .provision-page h3 { font-size:14px; }
.modal .btn-close { position:absolute; right:0; top:-50px; width:40px; height:40px; background:url(/img/common/ico_close.svg) no-repeat 100% 50%; background-size:22px auto; top:0; right:30px; }

.shop-option .option-box { background:#222 !important; }
#sit_opt_added { background:none !important; }
div:where(.swal2-container) div:where(.swal2-popup) { background:#111; color:#fff;}

#mod_option_frm #sit_tot_price { color:#fff !important; }
#mod_option_frm #sit_tot_price strong { color:#d2a37d !important; }
.shop-option .option-box,
#mod_option_frm #sit_opt_added,
#sit_opt_added li { border-color:#646360 !important; }
.shop-option .option-act-btn .btn-e { background:#353535 !important;  border:0 !important; }
#onetrust-policy-text a { display:none; }
.table-list-eb td a { color:#acacac !important; }
#cancel_memo { background:#111 !important; border:1px solid #646360 !important; color:#fff; font-family:var(--kr); }

@media all and (max-width:1800px) {
    .main-visual .txt-box { max-width:1000px; }
}


@media all and (max-width:1350px) {
    .main-visual .swiper-button-next,
    .main-visual .swiper-button-prev { display: none;}
    .main-visual .swiper-pagination  { display: block;} 
}
@media all and (max-width:1240px) {
	
	.nav-wrap { display: none;}
    .header-new .right .btn-menu { display: block;}
    .header-new h1 a { width:150px; background-size: contain; background-position: 0 50%;}
    .main-visual .swiper-slide img { aspect-ratio:  16/9; object-fit: cover;}
    .main-visual .txt-box .t1 { font-size:40px; }
    .main-visual .txt-box .t2 { font-size:16px; }
    .main-visual .txt-box .t3 a { padding:0 30px; line-height: 45px; font-size:15px; ;}
    .main1 { padding:80px 0; }
    .main1 .t1 { font-size:50px; }
    .main1 .t2 { font-size:18px; margin-top:40px; }
    .main2  { padding:60px 0; }
    .main2 h2 { margin-bottom: 50px;}
    .main2 h2 small { font-size:20px; }
    .main2 h2 p{  font-size:50px; }
    .main2 .swiper-slide a { font-size:14px; }
    .main2 .swiper-slide a .t1 { font-size:28px; margin-top:20px; }
    .main2 .swiper-slide a .date { margin-bottom: 18px;;}
    .footer-new { padding:30px 0 50px; }
    .footer-new .inner2 { font-size:14px; }
    .footer-new .logo img { width:150px; }
    .about .tit { font-size:40px; margin-bottom: 25px;;}
    .about .desc { font-size:18px; margin-bottom: 40px;}
    .about .img1 {margin-bottom: 50px;}
    .about .img1 img { max-width:45vw;}
    
    .about .t1 { font-size:18px; }
    .about .box1 { margin:60px 0 90px; }
    .about .tit1 { font-size:40px; margin-bottom: 30px;}
    .about .box2 { padding:100px 0; margin-bottom: 100px;}
    .about .box3 ul { gap:6vw; }
    .about .box3 ul dl dt { font-size:24px; margin:15px 0;}
    .about .box3 ul dl dd { font-size:16px; }
	.board-gallery {gap:60px 0; }
	.board-gallery .gallery-item { width:50%; }

	.btn-gr { padding:0 20px; line-height:50px; font-size:16px;  }
	.btn-gr.type2 { width:120px; }
	.join-new { background-size:contain; }
	.join-new .t1 { font-size:40px; margin-bottom:40px; }

	.event-view .top { height:400px; }
	.event-view .inner2 { font-size:16px; }
	.event-view .subj { font-size:30px; margin:40px 0 10px; }
	.event-view .date { margin-bottom:30px; }
	.mine-box .box dl dt { font-size:20px; }
	.mine-box .box dl dd { font-size:24px; }
	.product-list-10 .item-list-wrap { width:50%; }
	.product-list-10 .product-description .product-name a { font-size:20px;  }
	.product-list-10 .product-description .product-price { font-size:20px; }
	.product-list-10 .product-description .product-price small { font-size:15px; }
	.container { padding-left:20px; padding-right:20px; }
	.shop-product > .row { display:block; }
	.shop-product .col-md-5 { width:auto; }
	.shop-product .col-md-7 { padding-left:0; width:100%;   padding:0 20px; margin:0;}
	.shop-product-form .product-title { font-size:35px; margin-bottom:20px; }
	.shop-product-form .product-desc { font-size:16px; margin-bottom:30px; }
	.prd-bg { height:400px; margin:40px -12px; }
	.prd-view { display:block; }
	.prd-view .left { width:auto; padding:25px; }
	.prd-view .left .t1 { font-size:40px; }
	.prd-view .left .t2 { font-size:20px; margin-bottom:10px; }
	.prd-view .left .t3 { font-size:15px; }
	.prd-view .right { width:auto; padding:25px; }
	.prd-view .right .tit { font-size:40px; margin-bottom:30px; }
	.prd-view .right .list dl{  font-size:16px; }
	.prd-view .right .list dl dd .color { height:30px; max-width:60px; }
	.footer-new { margin-top:100px; }
}


@media all and (max-width:768px) {
    .about .desc { font-size:16px; margin-bottom: 30px;}
    .about .box1 { flex-direction: column-reverse; gap:0;}
    .about .box1 .left { width:100%; }
    .about .box1 .img { margin:0 0 30px; }
    .about .tit1 { font-size:30px; margin-bottom: 20px;}
    .about .box2 { padding:50px 0; margin-bottom: 50px; background-position: 85% 100%;}
    .about .box3 ul li + li { padding-top:70px; }
    .header-new h1 a { width:100px;height: 50px;}
    .header-new .right { gap:5px; }
    .header-new .right a { width:35px; height: 35px; background-size: 60% auto;}
    .main-visual .swiper-slide img { aspect-ratio: unset; height: 500px;}
    .main-visual .txt-box .t1 { font-size:35px; }
    .main-visual .txt-box .t2 { font-size:15px; }
    .main-visual .txt-box .t3 a { padding:0 20px; line-height: 40px; font-size:14px; ;}
    .main1 .t1 { font-size:35px; }
    .main2 h2 p { font-size:35px; }
    .main2 .swiper-slide a .t1 { font-size:22px; margin-top:10px; }
    .main2 .swiper-slide a { font-size:13px; }
    .footer-new { padding:20px 0 ;}
    .footer-new .inner2 { display: block; font-size:12px; }
    .footer-new .inner2 img { width:100px; }
    .footer-new .right { text-align: left; margin-top:20px}
    .footer-new .right .copy { margin-top:10px; }
    .footer-new .right .etc a { margin:0 15px 0 0;}
	.board-gallery { display:block; margin:0; }
	.board-gallery .gallery-item { width:auto; padding:0 0 30px; }
	.board-gallery .img-responsive { width:100%; }
	.gallery-item a { font-size:14px; }
	.gallery-item a .date { margin:15px 0 8px; }
	.gallery-item a .subj { font-size:20px; margin-bottom:12px; }


	.paing { gap:5px; }
	.paing a { width:24px; line-height:24px; font-size:12px; }

	.btn1 { padding:0 10px; line-height:34px; font-size:13px; margin-right:5px; }

	.page-title-wrap { display:none; }
	.mine-box { padding:50px 20px; }
	.mine-box .name { font-size:30px; margin-bottom:30px;}
	.mine-box .box dl dt { font-size:16px; }
	.mine-box .box dl dd { font-size:20px; }
	.table-head { margin-bottom:20px; }
	.table-head .tit{  font-size:18px; }
	.table-list-eb .table>thead>tr>th, .table-list-eb .table>tbody>tr>th, .table-list-eb .table>tfoot>tr>th, .table-list-eb .table>thead>tr>td, .table>tbody>tr>td, .table-list-eb .table>tfoot>tr>td { padidng:5px 3px; font-size:13px; }
	.product-list-10 { gap:50px 0;}
	.product-list-10 .product-description .product-name a { font-size:17px; margin:15px 0 5px; }
	.product-list-10 .product-description .product-price { font-size:15px; }
	.product-list-10 .product-description .product-price small { font-size:12px; }
	.shop-product-img { padding:0; }
	.shop-product-img .product-thumb { position:relative; width:auto; height:80px; }
	.product-thumb .slick-prev { width:30px;height:100%;}
	.product-thumb .slick-next { width:30px;height:100%;}
	#sit_opt_added { background:none; margin-top:30px; }
	.prd-bg { margin:20px -12px; }
	.prd-view .left,
	.prd-view .right{ padding:10px; }
	.prd-view .left .t1 { font-size:30px;margin-bottom:5px; }
	.prd-view .left .t2 { font-size:20px; }
	.prd-view .left .t3 { font-size:13px; }
	.prd-view .right .tit { font-size:30px; margin-bottom:15px; }
	.prd-view .right .list dl{  font-size:13px; }
	.prd-view .right .list dl dt { font-size:16px; }

	.shop-cart .shop-cart-li-wrap .prqty-sc,
	.shop-cart .shop-cart-li-wrap .total-point{ display:none !important; }
	.total-price { margin-bottom:30px; }
	.provision-page,
	.privacy{ font-size:13px; }
	.login-wrap { padding:30px 0; }
	.login-wrap .tit { font-size:40px; margin-bottom:30px; }
	.login-wrap .inp { font-size:15px; height:50px; }
	.login-wrap .inp-box { margin-bottom:25px;}
	.login-wrap .btns{  margin:35px 0; }
	.login-wrap .desc { font-size:13px; }
	.inp + label { font-size:15px; top:10px; }
	.btn-gr { padding:0 15px; line-height:42px; font-size:14px; }
	.btn-gr.medium { padding:0 20px; line-height:38px; height:40px; font-size:14px;  } 
	.join-wrap .tit { font-size:35px; margin-bottom:30px; }
	.join-wrap .form-box { padding:20px; border-radius:15px; }
	.join-wrap .section { display:block; margin:0 0 20px; }
	.join-wrap .section .article { width:auto; padding:0; }
	.join-wrap .inp-box .btn-gr { right:0; transform:translateX(0); padding:0 5px; font-size:13px; }
	.eyoom-form .join-wrap .checkbox { font-size:14px; }
	.sidebar-user-btn.mo-btn { display:none; }
	.search-box .box { padding:0 20px;} 
	.search-box .box .sch_stx { height:50px; padding-left:60px; font-size:18px; }
	.search-box .box .btn-submit { width:50px; height:50px;left:20px; }
	.join-new { height:auto; padding:10vh 0; }
	.join-new.bg2 .t1 { font-size:20px; margin-bottom:20px; } 

	.sit_option label { font-size:13px; }
}

/* Chrome, Safari, Edge 등 WebKit 기반 브라우저 자동 완성 스타일 - 더 강력한 버전 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; /* 내부 그림자로 배경을 흰색으로 강제 */
    -webkit-text-fill-color: #000 !important; /* 텍스트 색상 강제 (필요시 조절) */
    background-color: white !important; /* 배경색을 흰색으로 강제 */
    background-image: none !important; /* 배경 이미지 제거 */
    transition: background-color 5000s ease-in-out 0s; /* 배경색 전환을 매우 길게 설정하여 변화를 인지 못하게 함 */
}