/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align:middle;
}
.clearfix:after{
	content:"";display:block;clear:both;
}
.hidden{
	display:fixed;
	top:999em;
}
a{
	color:inherit;
	text-decoration:none;
	outline:none;
}
hr{
	margin:0;
	padding:0;
	border:1px solid #000;
}

/*style*/
.all_img_con{width:100%;}
.all_img_con img{width:2000px;position: relative;left: 50%;transform: translateX(-50%);}

/* =========================================
   1. 전체 기본 변수 (1600 이상 고정 & 1024~1600 축소 자동 적용)
========================================= */
:root {
  /* 폰트 */
  --font-12: 12px;
  --font-15: clamp(0.875rem, 0.764rem + 0.17vw, 0.938rem);
  --font-16: clamp(0.938rem, 0.828rem + 0.17vw, 1rem);
  --font-18: clamp(1rem, 0.778rem + 0.35vw, 1.125rem);
  --font-20: clamp(1.063rem, 0.729rem + 0.52vw, 1.25rem);
  --font-22: clamp(1.125rem, 0.681rem + 0.69vw, 1.375rem);
  --font-24: clamp(1.25rem, 0.806rem + 0.69vw, 1.5rem);
  --font-26: clamp(1.313rem, 0.757rem + 0.87vw, 1.625rem);
  --font-28: clamp(1.375rem, 0.708rem + 1.04vw, 1.75rem);
  --font-30: clamp(1.5rem, 0.833rem + 1.04vw, 1.875rem);
  --font-34: clamp(1.625rem, 0.736rem + 1.39vw, 2.125rem);
  --font-36: clamp(1.688rem, 0.688rem + 1.56vw, 2.25rem);
  --font-40: clamp(1.875rem, 0.764rem + 1.74vw, 2.5rem);
  --font-45: clamp(2.063rem, 0.729rem + 2.08vw, 2.813rem);
  --font-50: clamp(2.25rem, 0.694rem + 2.43vw, 3.125rem);
  --font-60: clamp(2.625rem, 0.625rem + 3.13vw, 3.75rem);
  --font-70: clamp(3rem, 0.556rem + 3.82vw, 4.375rem);
  --font-80: clamp(3.375rem, 0.486rem + 4.51vw, 5rem);
  --font-90: clamp(3.75rem, 0.417rem + 5.21vw, 5.625rem);
  --font-100: clamp(4.125rem, 0.348rem + 5.9vw, 6.25rem);
  --font-110: clamp(4.5rem, 0.278rem + 6.6vw, 6.875rem);
  --font-140: clamp(5.625rem, 0.069rem + 8.68vw, 8.75rem);

  /* 여백 */
  --space-10: clamp(0.375rem, -0.069rem + 0.69vw, 0.625rem);
  --space-12: clamp(0.475rem, -0.014rem + 0.76vw, 0.75rem);
  --space-15: clamp(0.625rem, 0.069rem + 0.87vw, 0.938rem);
  --space-20: clamp(0.875rem, 0.209rem + 1.04vw, 1.25rem);
  --space-26: clamp(1.125rem, 0.236rem + 1.39vw, 1.625rem);
  --space-24: clamp(1.063rem, 0.287rem + 1.21vw, 1.5rem);
  --space-28: clamp(1.25rem, 0.361rem + 1.39vw, 1.75rem);
  --space-30: clamp(1.375rem, 0.485rem + 1.39vw, 1.875rem);
  --space-35: clamp(1.625rem, 0.625rem + 1.56vw, 2.188rem);
  --space-40: clamp(1.875rem, 0.761rem + 1.74vw, 2.5rem);
  --space-50: clamp(2.25rem, 0.695rem + 2.43vw, 3.125rem);
  --space-60: clamp(2.75rem, 0.971rem + 2.78vw, 3.75rem);
  --space-67: clamp(3rem, 0.889rem + 3.3vw, 4.188rem);
  --space-70: clamp(3.125rem, 0.904rem + 3.47vw, 4.375rem);
  --space-80: clamp(3.625rem, 1.18rem + 3.82vw, 5rem);
  --space-90: clamp(4.125rem, 1.456rem + 4.17vw, 5.625rem);
  --space-100: clamp(4.5rem, 1.389rem + 4.86vw, 6.25rem);
  --space-120: clamp(5.25rem, 1.25rem + 6.25vw, 7.5rem);
  --space-130: clamp(5.625rem, 1.183rem + 6.94vw, 8.125rem);
  --space-140: clamp(6.25rem, 1.808rem + 6.94vw, 8.75rem);
  --space-150: clamp(6.625rem, 1.735rem + 7.64vw, 9.375rem);
  --space-160: clamp(7.125rem, 2.011rem + 7.99vw, 10rem);
  --space-180: clamp(8.016rem, 2.266rem + 8.98vw, 11.25rem);
  --space-250: clamp(11.133rem, 3.147rem + 12.48vw, 15.625rem);
  --space-300: clamp(13.359rem, 3.775rem + 14.98vw, 18.75rem);
  --space-400: clamp(17.813rem, 5.035rem + 19.97vw, 25rem);
  --space-408: clamp(18.169rem, 5.136rem + 20.37vw, 25.5rem);
  --space-550: clamp(24.493rem, 6.923rem + 27.46vw, 34.375rem);

  /* 색상 */
  --brown1: #DDC087;
  --brown2: #B68C39;
  --gray1: #F7F7F7;
  --gray2: #D9D9D9;
  --gray3: #A5A5A5;
  --gray4: #DCDCDC;
  --gray5: #F6F6F6;
  --white: #FFF;
  --black1: #1F2937;
  --black2: #5D5D5D;

  /* 폰트굵기, line-height */
  --weight-r: 400;
  --weight-m: 500;
  --weight-sb: 600;
  --weight-b: 700;
  --line-1dot2: 1.2;
  --line-2: 2;

  
}

/* =========================================
   2. 모바일/태블릿 변수 (1024 미만)
========================================= */
@media all and (max-width: 1024px) {
  :root {
    /* 폰트 */
    --font-15: clamp(0.75rem, 0.682rem + 0.3vw, 0.875rem);
	--font-16: clamp(0.781rem, 0.71rem + 0.36vw, 0.938rem);
	--font-18: clamp(0.813rem, 0.756rem + 0.28vw, 0.938rem);
    --font-20: clamp(0.875rem, 0.818rem + 0.28vw, 1rem);
    --font-22: clamp(0.938rem, 0.852rem + 0.43vw, 1.125rem);
    --font-24: clamp(1rem, 0.915rem + 0.43vw, 1.188rem);
    --font-26: clamp(1.063rem, 0.927rem + 0.6vw, 1.313rem);
    --font-28: clamp(1.125rem, 0.989rem + 0.6vw, 1.375rem);
    --font-30: clamp(1.25rem, 1.114rem + 0.6vw, 1.5rem);
    --font-34: clamp(1.375rem, 1.239rem + 0.6vw, 1.625rem);
	--font-36: clamp(1.406rem, 1.278rem + 0.64vw, 1.688rem);
	--font-40: clamp(1.313rem, 1.1rem + 0.8vw, 1.875rem);
	--font-45: clamp(1.406rem, 1.108rem + 1.49vw, 2.063rem);
    --font-50: clamp(1.5rem, 1.2rem + 1.1vw, 2.25rem);
    --font-60: clamp(1.688rem, 1.3rem + 1.4vw, 2.625rem);
    --font-70: clamp(1.875rem, 1.4rem + 1.7vw, 3rem);
    --font-80: clamp(2.063rem, 1.5rem + 2vw, 3.375rem);
    --font-90: clamp(2.25rem, 1.6rem + 2.3vw, 3.75rem);
    --font-100: clamp(2.5rem, 1.7rem + 2.8vw, 4.125rem);
    --font-110: clamp(2.75rem, 1.8rem + 3.3vw, 4.5rem);
    --font-140: clamp(3.125rem, 2rem + 4.2vw, 5.625rem);

    /* 여백 */
	--space-10: clamp(0.281rem, 0.238rem + 0.21vw, 0.375rem);
	--space-12: clamp(0.344rem, 0.284rem + 0.3vw, 0.475rem);
    --space-15: clamp(0.438rem, 0.353rem + 0.43vw, 0.625rem);
    --space-20: clamp(0.688rem, 0.603rem + 0.43vw, 0.875rem);
	--space-24: clamp(0.75rem, 0.608rem + 0.71vw, 1.063rem);
    --space-26: clamp(0.813rem, 0.671rem + 0.71vw, 1.125rem);
    --space-28: clamp(0.875rem, 0.704rem + 0.85vw, 1.25rem);
    --space-30: clamp(1rem, 0.829rem + 0.85vw, 1.375rem);
	--space-35: clamp(1.188rem, 0.989rem + 0.99vw, 1.625rem);
    --space-40: clamp(1.375rem, 1.147rem + 1.14vw, 1.875rem);
    --space-50: clamp(1.688rem, 1.432rem + 1.28vw, 2.25rem);
    --space-60: clamp(2.125rem, 1.841rem + 1.42vw, 2.75rem);
	--space-67: clamp(2.313rem, 2rem + 1.56vw, 3rem);
    --space-70: clamp(2.375rem, 2.034rem + 1.7vw, 3.125rem);
    --space-80: clamp(2.75rem, 2.352rem + 1.99vw, 3.625rem);
    --space-90: clamp(3.25rem, 2.852rem + 1.99vw, 4.125rem);
    --space-100: clamp(3.5rem, 3.045rem + 2.27vw, 4.5rem);
	--space-120: clamp(4rem, 3.432rem + 2.84vw, 5.25rem);
    --space-130: clamp(4.25rem, 3.625rem + 3.12vw, 5.625rem);
    --space-140: clamp(4.75rem, 4.068rem + 3.41vw, 6.25rem);
    --space-150: clamp(5rem, 4.261rem + 3.69vw, 6.625rem);
    --space-160: clamp(5.5rem, 4.761rem + 3.69vw, 7.125rem);
	--space-180: clamp(6.188rem, 5.357rem + 4.15vw, 8.016rem);
	--space-250: clamp(8.594rem, 7.44rem + 5.77vw, 11.133rem);
	--space-300: clamp(10.313rem, 8.928rem + 6.92vw, 13.359rem);
	--space-400: clamp(13.75rem, 11.904rem + 9.23vw, 17.813rem);
	--space-408: clamp(14.025rem, 12.142rem + 9.41vw, 18.169rem);
	--space-550: clamp(18.906rem, 16.368rem + 12.69vw, 24.493rem);
  }
}


/* margin-top */
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: var(--space-10); }
.mt12 { margin-top: var(--space-12); }
.mt15 { margin-top: var(--space-15); }
.mt20 { margin-top: var(--space-20); }
.mt26 { margin-top: var(--space-26); }
.mt28 { margin-top: var(--space-28); }
.mt30 { margin-top: var(--space-30); }
.mt35 { margin-top: var(--space-35); }
.mt40 { margin-top: var(--space-40); }
.mt50 { margin-top: var(--space-50); }
.mt60 { margin-top: var(--space-60); }
.mt67 { margin-top: var(--space-67); }
.mt70 { margin-top: var(--space-70); }
.mt80 { margin-top: var(--space-80); }
.mt90 { margin-top: var(--space-90); }
.mt100 { margin-top: var(--space-100); }
.mt120 { margin-top: var(--space-120); }
.mt130 { margin-top: var(--space-130); }
.mt140 { margin-top: var(--space-140); }
.mt150 { margin-top: var(--space-150); }
.mt160 { margin-top: var(--space-160); }
.mt180 { margin-top: var(--space-180); }

/* margin-bottom */
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: var(--space-10); }
.mb12 { margin-bottom: var(--space-12); }
.mb15 { margin-bottom: var(--space-15); }
.mb20 { margin-bottom: var(--space-20); }
.mb26 { margin-bottom: var(--space-26); }
.mb28 { margin-bottom: var(--space-28); }
.mb30 { margin-bottom: var(--space-30); }
.mb35 { margin-bottom: var(--space-35); }
.mb40 { margin-bottom: var(--space-40); }
.mb50 { margin-bottom: var(--space-50); }
.mb60 { margin-bottom: var(--space-60); }
.mb67 { margin-bottom: var(--space-67); }
.mb70 { margin-bottom: var(--space-70); }
.mb80 { margin-bottom: var(--space-80); }
.mb90 { margin-bottom: var(--space-90); }
.mb100 { margin-bottom: var(--space-100); }
.mb120 { margin-bottom: var(--space-120); }
.mb130 { margin-bottom: var(--space-130); }
.mb140 { margin-bottom: var(--space-140); }
.mb150 { margin-bottom: var(--space-150); }
.mb160 { margin-bottom: var(--space-160); }
.mb180 { margin-bottom: var(--space-180); }

/* padding-top */
.pt0 { padding-top: 0 !important; }
.pt10 { padding-top: var(--space-10); }
.pt12 { padding-top: var(--space-12); }
.pt15 { padding-top: var(--space-15); }
.pt20 { padding-top: var(--space-20); }
.pt26 { padding-top: var(--space-26); }
.pt28 { padding-top: var(--space-28); }
.pt30 { padding-top: var(--space-30); }
.pt35 { padding-top: var(--space-35); }
.pt40 { padding-top: var(--space-40); }
.pt50 { padding-top: var(--space-50); }
.pt60 { padding-top: var(--space-60); }
.pt67 { padding-top: var(--space-67); }
.pt70 { padding-top: var(--space-70); }
.pt80 { padding-top: var(--space-80); }
.pt90 { padding-top: var(--space-90); }
.pt100 { padding-top: var(--space-100); }
.pt120 { padding-top: var(--space-120); }
.pt130 { padding-top: var(--space-130); }
.pt140 { padding-top: var(--space-140); }
.pt150 { padding-top: var(--space-150); }
.pt160 { padding-top: var(--space-160); }
.pt180 { padding-top: var(--space-180); }

/* padding-bottom */
.pb0 { padding-bottom: 0 !important; }
.pb10 { padding-bottom: var(--space-10); }
.pb12 { padding-bottom: var(--space-12); }
.pb15 { padding-bottom: var(--space-15); }
.pb20 { padding-bottom: var(--space-20); }
.pb26 { padding-bottom: var(--space-26); }
.pb28 { padding-bottom: var(--space-28); }
.pb30 { padding-bottom: var(--space-30); }
.pb35 { padding-bottom: var(--space-35); }
.pb40 { padding-bottom: var(--space-40); }
.pb50 { padding-bottom: var(--space-50); }
.pb60 { padding-bottom: var(--space-60); }
.pb67 { padding-bottom: var(--space-67); }
.pb70 { padding-bottom: var(--space-70); }
.pb80 { padding-bottom: var(--space-80); }
.pb90 { padding-bottom: var(--space-90); }
.pb100 { padding-bottom: var(--space-100); }
.pb120 { padding-bottom: var(--space-120); }
.pb130 { padding-bottom: var(--space-130); }
.pb140 { padding-bottom: var(--space-140); }
.pb150 { padding-bottom: var(--space-150); }
.pb160 { padding-bottom: var(--space-160); }
.pb180 { padding-bottom: var(--space-180); }

.pd140 { padding: var(--space-140) 0; }
.pd160 { padding: var(--space-160) 0; }


/* 색상 */
.white {color:var(--white);}
.black1{color:var(--black1);}
.black2{color:var(--black2);}
.point_color1{color:var(--brown1);}
.point_color2{color:var(--brown2);}
.gray1{color:var(--gray1);}
.gray2{color:var(--gray2);}
.gray3{color:var(--gray3);}
.gray4{color:var(--gray4);}
.gray5{color:var(--gray5);}

/* 폰트 */
.pretendard{font-family: 'Pretendard';}
.noto-serif{font-family: 'Noto Serif KR', serif;}
.en{font-family: "Marcellus", serif;}
.marcellus{font-family: "Marcellus", serif;}
.maruburi{font-family: 'MaruBuri';}

/* 굵기, line-height */
.r{font-weight:var(--weight-r);}
.fw-m{font-weight:var(--weight-m);}
.sb{font-weight:var(--weight-sb);}
.b{font-weight:var(--weight-b);}
.line12{line-height:var(--line-1dot2);}
.line2{line-height:var(--line-2);}

/* 텍스트 중앙 */
.txt_center{text-align: center}

/* 폰트사이즈 */
.size12  { font-size: var(--font-12); }
.size15  { font-size: var(--font-15); }
.size16  { font-size: var(--font-16); }
.size18  { font-size: var(--font-18); }
.size20  { font-size: var(--font-20); }
.size22  { font-size: var(--font-22); }
.size24  { font-size: var(--font-24); }
.size26  { font-size: var(--font-26); }
.size28  { font-size: var(--font-28); }
.size30  { font-size: var(--font-30); }
.size34  { font-size: var(--font-34); }
.size36  { font-size: var(--font-36); }
.size40  { font-size: var(--font-40); }
.size45  { font-size: var(--font-45); }
.size50  { font-size: var(--font-50); }
.size60  { font-size: var(--font-60); }
.size70  { font-size: var(--font-70); }
.size80  { font-size: var(--font-80); }
.size90  { font-size: var(--font-90); }
.size100 { font-size: var(--font-100); }
.size110 { font-size: var(--font-110); }
.size140 { font-size: var(--font-140); }

























@media all and (max-width:1400px){
.all_img_con img{width:1400px;}
}



@media all and (max-width:640px){

.all_img_con img{width:100%;}


}