@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2107@1.0/NanumBarunGothic.woff2.css");
@import url("https://use.typekit.net/cbn7lxb.css");


/* reset css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; background:transparent; font-family:'Noto Sans KR', sans-serif; letter-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1 !important; word-break:break-word}
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; table-layout:fixed}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px; padding:0 !important}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
a {background-color:transparent; color:inherit; text-decoration:none}
a:active, a:hover {outline:0; text-underline-position:under}
p {outline:none}
img {border:0}
button {background:inherit; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
input[type=number] {-moz-appearance:textfield}


body, html {overflow-x:hidden}


/* common */
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}
.mt110 {margin-top:110px !important}
.mt120 {margin-top:120px !important}
.mt130 {margin-top:130px !important}
.mt120 {margin-top:120px !important}
.mt150 {margin-top:150px !important}
.pd0 {padding:0 !important}
.auto {margin:0 auto}
.flex {display:flex}
.align-items-start {align-items:flex-start}
.align-items-center {align-items:center}
.align-items-end {align-items:flex-end}
.justify-space-between {justify-content:space-between}
.justify-space-center {justify-content:center}
.justify-space-end {justify-content:flex-end}
.flex-shrink0 {flex-shrink:0}
.flex-wrap-wrap {flex-wrap:wrap}
.gap5 {gap:0.2604vw}
.gap10 {gap:0.5208vw}
.gap20 {gap:1.0417vw}
.gap30 {gap:1.5625vw}
.gap40 {gap:2.0833vw}
.gap50 {gap:2.6042vw}
.gap60 {gap:3.125vw}
.gap70 {gap:3.6458vw}
.show768 {display:none}
.show1024 {display:none}
.supStyle1 {font-size:13px}
.supStyle2 {font-size:13px; color:#9d7e54}
.supStyle3 {font-size:11px; color:#9d7e54}
.font13 {font-size:13px !important}
.dList > li {font-size:16px; font-weight:500; line-height:140%; color:#434343; display:flex; margin-bottom:10px}
.dList > li:before {content:'•'; margin-right:5px; margin-top:-2px}
.bList > li {font-size:16px; font-weight:500; line-height:140%; color:#434343; display:flex; margin-bottom:10px}
.bList > li:before {content:''; display:inline-block; width:7px; height:1px; background:#434343; margin-top:10px; margin-right:5px}
.bList.coloraaa > li {color:#aaa}
.bList.coloraaa  > li:before {background:#aaa}
.dList > li .bList {margin-left:3px}
.dList > li .bList > li {margin-bottom:5px}
.colorfff {color:#fff !important}

/* header */
header {position:fixed; top:0; left:0; z-index:9999; width:100%; padding:40px 60px 30px 40px; display:flex; align-items:center; justify-content:space-between}
header.fixed {background:#fff}
/*header.mainHeader.fixed {background:none}*/
.headerLeft {display:flex; align-items:center; gap:10px}
.headerLeft > a, .topIcon {display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:100%; border:1px solid #bb9a65; font-size:16px; color:#bb9a65; transition:.3s}
.headerLeft > a:nth-child(1) > img {height:29px}
.headerLeft > a:nth-child(2) > img {height:24px}
.headerLeft > a:nth-child(3) > img {height:27px}
.headerLeft > a:hover, .topIcon:hover  {background:#bb9a65; color:#fff}
.headerLeft > a:hover > img {filter:brightness(100)}
header h1 {font-family:'NanumBarunGothic', sans-serif; font-size:24px; font-weight:700; color:#bb9a65; text-shadow:0 4px 7px #00000061}
.headerRight {display:flex; align-items:center; gap:30px}
.hamburgerMenuWrap {font-size:16px; font-weight:400; color:#bb9a65; display:flex; align-items:center}
.hamburgerMenu {cursor:pointer; box-sizing:border-box; margin-right:5px}
.hamburgerMenu span {display:block; width:23px; height:1px; background-color:#bb9a65; margin:5px 0; transition:0.4s}
.hamburgerMenuWrap.active .hamburgerMenu .bar1 {transform:rotate(-45deg) translate(-2px, 6px)}
.hamburgerMenuWrap.active .hamburgerMenu .bar2 {opacity:0}
.hamburgerMenuWrap.active .hamburgerMenu .bar3 {transform:rotate(45deg) translate(-2px, -7px)}

.allMenu {display:none; position:fixed; top:124px; left:0; width:100%; height:calc(100% - 124px); background-color:rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter:blur(10px); z-index:99999; padding:40px 40px 26px 40px; overflow:auto}
.allMenu.active {display:block}
.allMenu > .inner {max-width:1400px; margin:0 auto}
.allMenuGnb {display:flex; justify-content:center; flex-wrap:wrap; margin-top:5%}
.allMenuGnb > div {margin:40px; opacity:0; transition:opacity 0.5s ease-in-out; transform:translateY(20px)}
.allMenuGnb > div > h3 {font-size:40px; font-weight:bold; margin-bottom:30px; color:#fff; text-align:center}
.allMenuGnb > div > .subMenu {font-size:22px}
.allMenuGnb > div > .subMenu > li {margin-bottom:20px; color:#fff; text-align:center}
.allMenuGnb > div > .subMenu > li a {color:#fff}
.allMenuGnb > div > .subMenu > li a:hover {color:#fff}
.allMenu.active .allMenuGnb > div {opacity:0; transform:translateY(20px)}
.allMenu.active .allMenuGnb > div:nth-child(1) {animation:fadeInUp 2s forwards 0.2s}
.allMenu.active .allMenuGnb > div:nth-child(2) {animation:fadeInUp 2s forwards 0.4s}
.allMenu.active .allMenuGnb > div:nth-child(3) {animation:fadeInUp 2s forwards 0.6s}
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0); /* 원래 위치로 이동 */
    }
}

.video-layer {position:fixed; top:6.2500vw; left:2.0833vw; width:3.1250vw; height:3.1250vw; background-color:rgba(0, 0, 0, 0.8); display:flex; align-items:center; justify-content:center; visibility:hidden; opacity:0; transition:all 0.5s ease-in-out; z-index:99999}
.video-layer.active {width:100%; height:100%; top:0; left:0; visibility:visible; opacity:1}
.video-layer video {width:100%; max-width:62.5000vw}

/* mainVisual */
.mainVisual {position:absolute; top:0; left:0; width:100%; height:100vh; background:url('../images/mainVisual-bg.jpg') #5f3b2a no-repeat; background-size:cover; display:flex; align-items:center; justify-content:center; overflow:hidden}
.mainVisual.active {opacity:1; z-index:1}
.mvItem02 {background:#333; color:white; display:flex; align-items:center; justify-content:center}
.mvItem02 video {width:100%; height:100%; object-fit:cover}
.mainVisual > .inner {display:flex; flex-wrap:wrap; justify-content:center; text-align:center; position:relative; margin-top:80px}
.mvBar {width:3px; height:143px; background:#bb9a65; opacity:0; box-shadow:0 4px 7px #00000085}
.top-bar {animation:drawLine 1s forwards; transform-origin:top}
.bottom-bar {animation:drawLine 1s forwards; animation-delay:2.5s; transform-origin:top}
@keyframes drawLine {
	from {transform:scaleY(0); opacity:0}
	to {transform:scaleY(1); opacity:1}
}
.mvTxt {font-family:"Times New Roman", Times, serif; font-size:79px; font-weight:400; line-height:85px; color:#bb9a65; display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; margin:55px 0 30px 0}
.mvTxtLine {display:flex; justify-content:center}
.mvTxtLine span {will-change: transform, opacity; /* 성능 최적화 */ perspective: 1000px; /* 3D 효과를 위한 설정 */}
.mvTxt span {font-family:"Times New Roman", Times, serif; display:inline-block; opacity:0; transform:translate(0, 0); transition:all 0.6s ease; text-shadow:0 4px 7px #00000085}
.mvLogo {width:100%; margin-top:50px; opacity:0; transition:opacity 1s ease}
.mvLogo > img {height:24px; margin:0 auto}

/* 좌우 버튼 스타일 */
.slideNav {position:absolute; top:50%; transform:translateY(-50%); z-index:10; border:none; color:#fff; font-size:40px; width:40px; height:60px; cursor:pointer; transition:all 0.3s; opacity:0.5}
.slideNav:hover {opacity:1}
.slideNav.prev {left:20px}
.slideNav.next {right:20px}


/* mainCon */
.mainConA {width:100%; height:100vh; background:url('../images/mainConA-bg.jpg') repeat-x; background-size:cover; overflow-x:scroll; overflow-y:hidden; overscroll-behavior-x:contain; position:relative; scroll-behavior:smooth; -ms-overflow-style:none; scrollbar-width:none}
.mainConA::-webkit-scrollbar {display:none}
.mainConA > .inner {width:max-content}
.mainConA-box1 {display:flex; align-items:center; height:100vh; float:left; position:relative; padding-top:100px}
.mainConA-box1 > .box1-left {padding-left:190px}
.mainConA-box1 > .box1-left > h2 {font-size:48px; font-weight:400; color:#313131; margin-bottom:50px}
.mainConA-box1 > .box1-left > h2 span {color:#b48a47}
.mainConA-box1 > .box1-left > p {font-size:16px; font-weight:400; line-height:28px; color:#313131}
.mainConA-box1 > .box1-right {width:610px; position:relative}
.mainConA-skip {display:none; position:absolute; top:calc(50% + 60px); right:306px; font-size:12px; font-weight:400; color:#333}
.mainConA-skip.active {display:inline-block; position:fixed; top:calc(100% - 90px); right:auto; left:calc(50% - 35px); z-index:9}
.mainConA-start {position:absolute; top:calc(50% - 50px); right:0}
.mainConA-box2 {display:flex; align-items:center; height:100vh; float:left; padding-right:50px; padding-top:100px}

.box2-a {}
.box2-a img {height:calc(100vh - 150px)}

.box2-b {padding:0 50px 0 160px; position:relative}
.box2-b .cationTit {position:absolute; top:-230px; width:max-content}

.box2-c {position:relative; top:-50px}
/*.box2-c:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:calc(50% + 50px); right:0}*/
.box2-cList {display:flex; align-items:flex-end; margin-top:80px}
.box2-cList > div:nth-child(1) {margin-right:30px; position:relative; z-index:1}
.box2-cList > div:nth-child(2) {margin-right:55px}

.box2-d {position:relative}
/*.box2-d:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}*/
.box2-dList {display:flex; align-items:flex-end}
.box2-dList > div:nth-child(1) {position:relative; z-index:1}
.box2-dList > div:nth-child(2) {margin-left:30px; flex-shrink:0}

.box2-e {padding:0 50px 0 150px; position:relative}
.box2-e .cationTit {position:absolute; top:-230px; width:max-content}

.box2-f-1 {display:inline-block; position:relative}

.box2-f-2 {display:inline-block; margin-left:50px; position:relative; top:90px}

.box2-g {width:140px; position:relative; margin:0 85px 0 120px}
.box2-g:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}

.box2-h {margin-right:50px; margin-left:150px; position:relative}
.box2-h .cationTit {position:absolute; top:-230px; width:max-content}

.box2-h-2 {margin-top:120px; margin-right:50px}

.box2-i {position:relative; display:flex;}
/*.box2-i:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}*/
.box2-i-1 {flex-shrink:0; position:relative; z-index:1}
.box2-iList {display:flex; align-items:stretch; flex-wrap:wrap; margin-left:30px}
.box2-iList .cationTit {width:100%}
.box2-iList > div {align-self:flex-end}

.box2-j {padding:0 50px 0 135px; position:relative}
.box2-j .cationTit {position:absolute; top:-200px; width:max-content}

.box2-k-1 {display:inline-block; position:relative; top:30px}

.box2-l {width:115px; position:relative; margin:0 50px}
.box2-l:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}

.box2-m {padding:0 50px 0 150px; position:relative}
.box2-m .cationTit {position:absolute; top:-220px; width:max-content}

.box2-n {margin-right:50px; position:relative; top:60px}

.box2-o {position:relative}
/*.box2-o:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}*/
.box2-oList {display:flex; align-items:flex-end}
.box2-oList > div:nth-child(1) {position:relative; z-index:1}
.box2-oList > div:nth-child(2) {margin-left:30px; flex-shrink:0}

.box2-p {padding:0 50px 0 150px; position:relative}
.box2-p .cationTit {position:absolute; top:-210px; width:max-content}

.box2-q {position:relative; display:flex}
/*.box2-q:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}*/
.box2-q-1 {flex-shrink:0; position:relative; z-index:1}
.box2-qList {display:flex; align-items:stretch; flex-wrap:wrap; margin-left:30px}
.box2-qList .cationTit {width:100%}
.box2-qList > div {align-self:flex-end}

.box2-r {padding:0 50px 0 150px; position:relative}
.box2-r .cationTit {position:absolute; top:-240px; width:max-content}

.box2-s {position:relative}
/*.box2-s:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:calc(50% + 0px); right:0}*/
.box2-sList {display:flex; align-items:flex-end}
.box2-sList > div:nth-child(1) {margin-right:30px; position:relative; z-index:1; top:90px}
.box2-sList > div:nth-child(2) {position:relative; top:40px}
.history08 {position:absolute; top:-90px; left:510px}

.box2-t {padding:0 50px 0 150px}

.box2-u {position:relative}
/*.box2-u:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:calc(50% - 30px); right:0}*/
.box2-u > div:nth-child(1) {position:relative; z-index:1}

.box2-v {padding:0 50px 0 150px; position:relative}
.box2-v .cationTit {position:absolute; top:-200px; width:max-content}

.box2-w {margin-top:110px}

.box2-x {width:115px; position:relative; margin:0 40px 0 70px}
.box2-x:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}

.box2-y {padding:0 100px 0 150px; position:relative}
.box2-y .cationTit {position:absolute; top:-200px; width:max-content}

.box2-z {position:relative; display:flex;}
/*.box2-z:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}*/
.box2-z-1 {flex-shrink:0; position:relative; z-index:1}
.box2-zList {display:flex; align-items:stretch; flex-wrap:wrap; margin-left:30px}
.box2-zList .cationTit {width:100%}
.box2-zList > div {align-self:flex-end}

.box2-aa {padding:0 50px 0 150px}

.box2-ab {position:relative; display:flex}
/*.box2-ab:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}*/
.box2-ab-1 {flex-shrink:0; position:relative; z-index:1}
.box2-abList {display:flex; align-items:stretch; flex-wrap:wrap; margin-left:30px}
.box2-abList .cationTit {width:100%}
.box2-abList > div {align-self:flex-end}

.box2-ac {position:relative; margin:0 50px 0 150px}
.box2-ac .cationTit {position:absolute; top:-200px; width:max-content}

.box2-ad {margin-top:210px}

.box2-ae {position:relative; margin:0 30px 0 150px}
.box2-ae .cationTit {position:absolute; top:-200px; width:max-content}

.box2-af {margin-top:100px}

.box2-ag {width:115px; position:relative; margin:0 90px 0 40px}
.box2-ag:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}

.box2-ah {position:relative; margin:0 50px 0 150px}
.box2-ah .cationTit {position:absolute; top:-200px; width:max-content}

.box2-ai {margin-top:0}

.box2-aj {margin-top:-110px; margin-left:90px}

.box2-ak {width:115px; position:relative; margin:0 80px 0 100px}
.box2-ak:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}

.box2-al {position:relative; margin:0 120px 0 150px}
.box2-al .cationTit {position:absolute; top:-200px; width:max-content}

.box2-al-2 {position:relative; top:80px; margin-right:30px}

.box2-am {position:relative; display:flex}
/*.box2-am:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}*/
.box2-am-1 {flex-shrink:0; position:relative; z-index:1}
.box2-amList {display:flex; align-items:stretch; flex-wrap:wrap; margin-left:30px}
.box2-amList .cationTit {width:100%}
.box2-amList > div {align-self:flex-end}

.box2-an {margin:0 50px 0 150px; position:relative}
.box2-an .cationTit {position:absolute; top:-200px; width:max-content}

.box2-ap {position:relative; margin-left:30px; margin-top:-15px; display:flex}
.box2-ap-1 {flex-shrink:0}
.box2-apList {display:flex; align-items:stretch; flex-wrap:wrap; margin-left:30px}
.box2-apList .cationTit {width:100%}
.box2-apList > div {align-self:flex-end}

.box2-aq {width:115px; position:relative; margin:0 70px 0 80px}
.box2-aq:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}

.box2-ar {position:relative; margin:0 50px 0 150px}
.box2-ar .cationTit {position:absolute; top:-240px; width:max-content}

.box2-as {margin-top:140px}

.box2-at {width:115px; position:relative; margin:0 50px 0 60px}
.box2-at:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}

.box2-au {position:relative; margin:0 50px 0 150px}
.box2-au .cationTit {position:absolute; top:-240px; width:max-content}

.box2-av {position:relative; margin-left:30px; margin-top:-15px}
.box2-avList {display:flex; align-items:flex-end}
.box2-avList > div:nth-child(2) {margin-left:30px; flex-shrink:0}

.box2-aw {width:115px; position:relative; margin:0 50px 0 80px}
.box2-aw:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}

.box2-ax {margin:0 50px 0 150px; position:relative}
.box2-ax .cationTit {position:absolute; top:-200px; width:max-content}

.box2-ax-2 {margin-right:50px}

.box2-ay {position:relative; display:flex}
.box2-ay-1 {flex-shrink:0}
.box2-ayList {display:flex; align-items:stretch; flex-wrap:wrap; margin-left:30px}
.box2-ayList .cationTit {width:100%}
.box2-ayList > div {align-self:flex-end}

.box2-az {width:400px; position:relative; margin:0}
.box2-az:after {content:''; display:block; width:100%; height:1px; background:#000; position:absolute; top:50%; right:0}

.yearTit {font-family:"mr-eaves-sans", sans-serif; font-size:150px; font-weight:700; color:#000}
.cationTit {font-size:14px; font-weight:500; color:#b48a47; line-height:22px}
.cationTit > img {display:inline-block; margin-right:7px; position:relative; top:-1px}
.cationTit sup {font-size:8px}
.historyH4 {font-size:30px; font-weight:700; color:#1b1b1b}
.historyH4 sup {font-size:15px; color:#9d7e54; vertical-align:middle}
.historyP {font-size:14px; font-weight:400; color:#535353; line-height:24px; margin-top:25px; margin-bottom:0}
.historyP sup {vertical-align:middle}



.mainConB {width:100%; height:100vh; background:url('../images/mainConB-bg.jpg') no-repeat; background-size:cover; padding:120px 140px; box-sizing:border-box}
.mainConC {width:100%; height:100vh; background:url('../images/mainConC-bg.jpg') no-repeat; background-size:cover; padding:120px 140px; box-sizing:border-box}
.mainConD {width:100%; height:100vh; background:url('../images/mainConD-bg.jpg') no-repeat; background-size:cover; padding:120px 140px; box-sizing:border-box}
.mainConB > h2, .mainConC > h2, .mainConD > h2 {font-family:"minion-pro", serif; font-weight:500; font-style:normal; font-size:92px; color:#fff; margin-bottom:40px}
.mainConBtn {display:flex; align-items:center; flex-wrap:wrap; gap:16px}
.mainConBtn > a {display:flex; align-items:center; justify-content:center; line-height:45px; height:45px; font-size:18px; font-weight:600; color:#fff; border:3px solid #fff; border-radius:22px; box-sizing:border-box; padding:0 18px; transition:.3s}
.mainConBtn > a:hover {background:#fff; color:#000}


/* mainConE */
.mainConE {width:100%; height:auto; background:#eee6d8; padding:185px 0 175px 0}
.mainConE > .inner {display:flex; justify-content:center; flex-wrap:wrap; max-width:1575px; margin:0 auto; padding-left:100px}
.mainConE-left {border-right:2px solid #000; padding-right:100px}
.mainConE-left > a {display:flex}
.mainConE-left > a > img {box-shadow:0 4px 7px #00000085}
.mainConE-left > a > div {padding:70px 0 0 120px}
.mainConE-left > a > div > h3 {font-family:"minion-pro", serif; font-weight:500; font-style:normal; font-size:56px; line-height:60px; color:#000}
.mainConE-left > a > div > span {display:flex; align-items:center; justify-content:center; width:245px; height:54px; font-size:20px; font-weight:300; border:1px solid #000; margin-top:30px; transition:.3s}
.mainConE-left > a:hover > div > span {background:#fff}
.mainConE-right {display:flex; gap:90px; padding-left:180px}
.mainConE-right > a {display:block}
.mainConE-right > a > img {box-shadow:0 4px 7px #00000085}
.mainConE-right > a > h4 {font-family:"minion-pro", serif; font-weight:500; font-style:normal; font-size:23px; color:#000; margin-top:20px}


/* footer */
footer {background:#000; padding:80px 0; text-align:center}
footer > address {font-size:16px; font-weight:100; color:#fff; margin-bottom:35px}
footer > .copy {font-size:16px; font-weight:100; color:#fff}
.lastBtn {font-size:15px; color:#fff; display:inline-flex; align-items:center; justify-content:center; padding:15px 20px; border:1px solid #fff; margin-bottom:20px; transition:.3s}
.lastBtn:hover {background:#fff; color:#000}


/* subTopWrap */
.subTopWrap {width:100%; min-height:495px; background:url('../images/subTopVisual-bg1.jpg') no-repeat; background-size:cover; padding:200px 0 120px 0; box-sizing:border-box; position:relative}
.subTopWrap.subTop01 {background:url('../images/subTopVisual-bg1.jpg') no-repeat; background-size:cover}
.subTopWrap.subTop02 {background:url('../images/subTopVisual-bg2.jpg') no-repeat; background-size:cover}
.subTopWrap.subTop03 {background:url('../images/subTopVisual-bg3.jpg') no-repeat; background-size:cover}
.selectBoxStyle {position:relative; display:inline-block; width:100%; text-align:center}
.selectBoxStyle:focus-visible, .selectBoxStyle:focus {outline:none !important}
.selectLabel:focus-visible, .selectLabel:focus {outline:none !important}
.selectLabelTit {width:100%; font-family:"minion-pro", serif; font-weight:500; font-style:normal; font-size:92px; color:#fff}
.selectLabelPlus {position:relative; top:-10px; margin-left:55px; display:inline-flex; width:28px; height:21px; background:url('../images/selectLabelDown.png') center center no-repeat}
.selectLabel.active .selectLabelPlus {background:url('../images/selectLabelUp.png') center center no-repeat}
.optionList {display:none; position:absolute; top:100%; left:0; min-width:max-content; width:100%; z-index:1000; list-style:none}
.optionItem {padding:15px 0}
.optionItem a {width:100%; font-family:"minion-pro", serif; font-weight:500; font-style:normal; font-size:30px; color:#fff; transition:.3s}
.optionItem a:hover {color:#e37a32}


.subTabBtn {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; column-gap:38px; row-gap:0; width:100%; height:auto; background:#ece5dd}
.subTabBtn > a {display:flex; align-items:center; justify-content:center; height:75px; font-size:18px; font-weight:500; color:#000; padding:0 10px; transition:.3s; border-bottom:9px solid rgba(255,255,255,0); text-align:center}
.subTabBtn > a:hover, .subTabBtn > a.active {border-color:#e37a32}

.subConSt1 {background:#faf8f6; padding:100px 40px; box-sizing:border-box; text-align:center}
.subConSt2 {background:#f5f1ed; padding:100px 40px; box-sizing:border-box; text-align:center}
.subCon01-a {background:#9b7e54; padding:100px 40px; box-sizing:border-box; text-align:center}
.subCon02-a {background:#fff; padding:100px 40px; box-sizing:border-box; text-align:center}
.h2Tit1 {font-size:36px; font-weight:700; color:#fff}
.h2Tit2 {font-size:36px; font-weight:700; color:#9d7e54}
.h2Tit3 {font-family:"Times New Roman", Times, serif; font-size:36px; font-weight:700; color:#9e7f54}
.h3Tit1 {font-size:26px; font-weight:700; color:#9b7e54; line-height:140%}
.h4Tit1 {font-size:22px; font-weight:700; color:#000; margin-bottom:5px; display:flex; align-items:center; margin-left:-18px}
.h4Tit1:before {content:''; display:inline-block; width:5px; height:5px; background:#9b7e54; margin-right:12px}
.h4Tit2 {font-size:22px; font-weight:700; color:#000}
.pTxt1 {margin:0; font-size:24px; font-weight:400; color:#fff; line-height:170%}
.pTxt1b {margin:0; font-size:24px; font-weight:400; color:#9e7f54; line-height:170%}
.pTxt1c {margin:0; font-size:24px; font-weight:400; color:#333; line-height:170%}
.pTxt2 {margin:0; font-size:18px; font-weight:500; color:#313131; line-height:170%}
.pTxt2b {margin:0; font-size:18px; font-weight:500; color:#9e7f54; line-height:170%}
.pTxt2 sup {vertical-align:middle}
.pTxt3 {margin:0; font-size:16px; font-weight:500; color:#333; line-height:150%}
.pTxt4 {margin:0; font-size:14px; font-weight:500; color:#333; line-height:150%}
.verticalBar1 {width:2px; height:143px; background:#fff; margin:60px auto}
.verticalBar2 {width:2px; height:143px; background:#d7cab9; margin:60px auto}
.subCon01-a-img {margin-top:60px}
.subCon01-a-img > img {margin:0 auto}
.innerWidth1205 {padding:100px 40px; box-sizing:border-box; max-width:1285px; margin:0 auto}
.indentWrap {padding-left:18px}
.numSt1 {font-size:44px; font-weight:700; color:#e27a32}
.numSt1 .numCount {font-family:"Times New Roman", Times, serif; font-size:80px; font-weight:400; color:#e27a32}
.numSt2 {font-size:44px; font-weight:700; color:#9e7f54}
.numSt2 .numCount {font-family:"Times New Roman", Times, serif; font-size:80px; font-weight:400; color:#9e7f54}


/* table */
.tableSkin1 {table-layout:fixed; width:100%; border-top:1px solid #a37f55; text-align:center; font-size:18px}
.tableSkin1 thead th {padding:20px 20px; color:#3e3a39; background-color:#e7d6c9; border-right:1px solid #c5b19e; font-weight:700; vertical-align:middle; font-family:"Pretendard Variable", Pretendard, sans-serif; line-height:170%}
.tableSkin1 thead th:last-child {border-right:none; border-left:1px solid #c4afa2}
.tableSkin1 tbody th {padding:20px 20px; color:#fff; border-bottom:1px solid #fff; background-color:#a37f55; font-weight:700; font-family:"Pretendard Variable", Pretendard, sans-serif; line-height:170%}
.tableSkin1 tbody td {padding:20px 20px; border-bottom:1px solid #9e7f54; color:#231815; font-weight:400; font-family:"Pretendard Variable", Pretendard, sans-serif; line-height:170%}
.tableSkin1.pdsm tbody td {padding:20px 30px}
.thbg1 {background:#ebe2d9 !important; color:#231815 !important; border-bottom:1px solid #9e7f54 !important}
.thbg1 .supStyle1 {color:#9d7e54 !important}

.organItem {display:flex; align-items:center; justify-content:space-between}


.comm-list {max-width:1000px}
.comm-itemTit {font-size:18px; font-weight:700; color:#9d7e54; margin-top:15px}
.comm-itemTit2 {font-size:16px; font-weight:700; color:#333; margin-top:5px}
.comm-itemTxt {font-size:15px; font-weight:400; color:#333; margin-top:10px; line-height:120%}





@media screen and (max-width:1920px) {
	.video-layer {top:120px; width:60px; height:60px}
	.video-layer video {max-width:1200px}
}
@media screen and (max-width:1840px) {
	.allMenuGnb {margin-top:3%}
	.allMenuGnb > div > h3 {font-size:32px}
	.allMenuGnb > div > .subMenu {font-size:18px}
}
@media screen and (max-width:1800px) {
	.mvBar {width:0.2vw; height:7.4vw; box-shadow:0 0.2vw 0.4vw #00000085}
	.mvTxt {font-size:4.1vw; line-height:4.4vw; gap:0.5vw; margin:2.9vw 0 1.6vw 0}
	.mvTxt span {text-shadow:0 0.2vw 0.4vw #00000085}
	.mvLogo {margin-top:2.6vw}
	.mvLogo > img {height:1.3vw}
	.mainConE > .inner {padding-left:0}
}
@media screen and (max-width:1600px) {
	.mainConE-left {padding-right:80px}
	.mainConE-left > a > div {padding:70px 0 0 40px}
	.mainConE-right {gap:50px; padding-left:80px}
	.subTabBtn {column-gap:20px; row-gap:0}
}
@media screen and (max-width:1440px) {
	.allMenuGnb {margin-top:0}
	.allMenu.active .allMenuGnb > div {width:100%}
	.mvBar {width:0.2vw; height:9.9vw; box-shadow:0 0.3vw 0.5vw #00000085}
	.mvTxt {font-size:5.5vw; line-height:5.9vw; gap:0.7vw; margin:3.8vw 0 2.1vw 0}
	.mvTxt span {text-shadow:0 0.3vw 0.5vw #00000085}
	.mvLogo {margin-top:3.5vw}
	.mvLogo > img {height:1.7vw}
	.mainConB, .mainConC, .mainConD {padding:120px 100px}
	.mainConB > h2, .mainConC > h2, .mainConD > h2 {font-size:72px}
	.mainConE-left {padding-right:60px}
	.mainConE-left > a > div {padding:70px 0 0 30px}
	.mainConE-left > a > div > h3 {font-size:50px}
	.mainConE-right {gap:50px; padding-left:60px}
	.subTabBtn {column-gap:10px; row-gap:0}
	.subTabBtn > a {height:60px; font-size:16px; border-bottom:5px solid rgba(255, 255, 255, 0)}
}
@media screen and (max-width:1200px) {
	.tableScroll {position:relative; border:none; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.tableScroll table {width:1206px}
	.mainConE-left {padding-right:0; width:100%; border:none; display:flex; justify-content:center; margin-bottom:70px}
	.mainConE-left > a > div {padding:70px 0 0 70px}
	.mainConE-left > a > div > h3 {font-size:56px}
	.mainConE-right {gap:70px; padding-left:0}
}
@media screen and (max-width:1024px) {
	.hide1024 {display:none}
	.show1024 {display:inline-block}
	.allMenuGnb > div > h3 {font-size:30px; margin-bottom:20px}
	.allMenuGnb > div > .subMenu {font-size:18px}
	.allMenuGnb > div > .subMenu > li {margin-bottom:15px}
	.allMenu.active .allMenuGnb > div:nth-child(2), .allMenu.active .allMenuGnb > div:nth-child(3) {margin-top:-15px}
	.mvBar {width:0.3vw; height:11vw; box-shadow:0 0.4vw 0.6vw #00000085}
	.mvTxt {font-size:6.5vw; line-height:6.2vw; gap:0.8vw; margin:4vw 0 4vw 0}
	.mvTxt span {text-shadow:0 0.4vw 0.6vw #00000085}
	.mvLogo {margin-top:3.6vw}
	.mvLogo > img {height:1.8vw}
	.mainConB, .mainConC, .mainConD {padding:120px 40px}
	.mainConB > h2, .mainConC > h2, .mainConD > h2 {font-size:64px}
	.subTopWrap {min-height:auto; padding:130px 0 120px 0}
	.selectLabelTit {font-size:64px}
	.selectLabelPlus {margin-left:25px; width:22px; height:17px}
	.optionItem {padding:10px 0}
	.optionItem a {font-size:24px}
	.tableResponsive th, .tableResponsive td {display:block; width:auto; border-right:none !important; padding:12px !important}
	.tableResponsive col {width:100% !important; display:none}

	.mainConA > .inner {padding-top:0}
	.mainConA-box1 > .box1-left {padding-left:100px; padding-right:30px}
	.mainConA-box1 > .box1-left > h2 {font-size:42px; margin-bottom:40px}
	.mainConA-box1 > .box1-left > p {font-size:14px; line-height:24px}
	.mainConA-box1 > .box1-right {width:200px}
	.mainConA-start {right:auto; left:0; width:200px; overflow:hidden}
	.mainConA-skip {right:auto; left:10px; width:max-content}
	.yearTit {font-size:120px}
	.cationTit {font-size:13px}
	.cationTit sup {font-size:7px}
	.historyH4 {font-size:24px}
	.historyH4 sup {font-size:12px}
	.historyP {font-size:13px; line-height:20px; margin-top:20px}
	.supStyle3 {font-size:10px}
}
@media screen and (max-width:768px) {
	.hide768 {display:none}
	.show768 {display:block}
	.allMenu {top:100px; height:calc(100% - 100px)}
	header {padding:30px 20px}
	.headerLeft > a, .topIcon {width:40px; height:40px; font-size:13px}
	.headerLeft > a:nth-child(1) > img {height:20px}
	.headerLeft > a:nth-child(2) > img {height:15px}
	.headerLeft > a:nth-child(3) > img {height:20px}
	.headerRight {gap:10px}
	.hamburgerMenuWrap {font-size:15px}
	.mvBar {width:0.5vw; height:15vw; box-shadow:0 0.6vw 0.8vw #00000085}
	.mvTxt {font-size:8vw; line-height:8vw; gap:1vw; margin:6vw 0 6vw 0}
	.mvTxt span {text-shadow:0 0.6vw 0.8vw #00000085}
	.mvLogo {margin-top:4vw}
	.mvLogo > img {height:3vw}
	.mainConB > h2, .mainConC > h2, .mainConD > h2 {font-size:54px}
	footer {padding:60px 0}
	footer > address {font-size:14px; margin-bottom:25px}
	footer > .copy {font-size:14px}
	.mainConBtn {gap:12px}
	.mainConBtn > a {line-height:42px; height:42px; font-size:15px; border-radius:20px; padding:0 12px}
	.subTopWrap {padding:100px 0 110px 0}
	.selectLabelTit {font-size:54px}
	.selectLabelPlus {margin-left:20px; width:18px; height:14px}
	.optionItem a {font-size:20px}
    .subTabBtn > a {height:50px; font-size:15px}
	.verticalBar1 {height:100px; margin:40px auto}

	.mainConA-box1 {padding-top:0}
	.mainConA-box2 {padding-top:0}
	.box2-a {margin-top:0}

	.mainConA-box1 > .box1-left {padding-left:50px}
    .mainConA-box1 > .box1-left > h2 {font-size:40px; margin-bottom:30px}
	.mainConA-box1 > .box1-right {width:150px}
	.mainConA-box2 {padding-right:200px}
	.mainConA-start {width:150px}	
	.box2-b {padding:0 76px 0 102px}
	.box2-c {width:1050px}
	.box2-e {padding:0 70px}
	.box2-f-1 {top:-70px}
	.box2-f-1 .cationTit {margin-bottom:70px}
	.box2-g {width:120px; margin:0 60px 0 80px}
	.box2-k-1 .cationTit {margin-bottom:100px}
	.yearTit {font-size:80px}
	.cationTit {font-size:12px}
	.cationTit sup {font-size:6px}
	.historyH4 {font-size:20px}
	.historyH4 sup {font-size:10px}
	.historyP {font-size:12px; line-height:18px; margin-top:15px}
	.historyP sup {font-size:8px}
	.supStyle3 {font-size:9px}

	.mainConE-left img {height:300px}
    .mainConE-left > a > div {padding:40px 0 0 50px}
	.mainConE-left > a > div > h3 {font-size:46px; line-height:50px}
	.mainConE-left > a > div > span {width:auto; height:50px; font-size:16px}
	.mainConE-right > a > h4 {font-size:20px; margin-top:15px}
}
@media screen and (max-width:600px) {
	.mainConE-left img {height:250px}
    .mainConE-left > a > div {padding:30px 0 0 30px}
	.mainConE-left > a > div > h3 {font-size:40px; line-height:48px}
	.mainConE-left > a > div > span {height:48px; font-size:15px}
	.mainConE-right img {height:200px}
	.mainConE-right > a > h4 {font-size:18px; margin-top:15px}
}
@media screen and (max-width:550px) {
	header {padding:30px 20px}
	.headerLeft > a, .topIcon {width:34px; height:34px; font-size:12px}
	.headerLeft > a:nth-child(1) > img {height:16px}
	.headerLeft > a:nth-child(2) > img {height:12px}
	.headerLeft > a:nth-child(3) > img {height:16px}
	header h1 {font-size:18px}
	.headerRight {gap:10px}
	.hamburgerMenuWrap {font-size:14px}
	.mvBar {width:0.5vw; height:20vw; box-shadow:0 0.6vw 0.8vw #00000085}
	.mvTxt {font-size:10vw; line-height:11vw; gap:1vw; margin:7vw 0 7vw 0}
	.mvTxt span {text-shadow:0 0.6vw 0.8vw #00000085}
	.mvLogo {margin-top:8vw}
	.mvLogo > img {height:4vw}
	footer {padding:50px 0}
	footer > address {font-size:13px; margin-bottom:20px}
	footer > .copy {font-size:13px}
	.mainConA-box1 > .box1-left {padding-left:20px; padding-right:0px}
    .mainConA-box1 > .box1-left > p {font-size:13px; line-height:22px; letter-spacing:-0.95px}
	.subTabBtn > a {height:45px; font-size:14px}
    .allMenu {top:94px}
	.mainConE-left img {height:230px}
    .mainConE-left > a > div {padding:25px 0 0 25px}
	.mainConE-left > a > div > h3 {font-size:36px; line-height:44px}
	.mainConE-left > a > div > span {height:46px; font-size:14px}
	.mainConE-right img {height:180px}
	.mainConE-right > a > h4 {font-size:16px; margin-top:12px}
}
@media screen and (max-width:425px) {
	header {padding:25px 15px}
	.headerLeft {gap:5px}
	.headerLeft > a, .topIcon {width:32px; height:32px; font-size:11px}
	.headerLeft > a:nth-child(1) > img {height:16px}
	.headerLeft > a:nth-child(2) > img {height:12px}
	.headerLeft > a:nth-child(3) > img {height:16px}
	header h1 {font-size:17px}
	.headerRight {gap:5px}
	.mvBar {width:0.7vw; height:25vw; box-shadow:0 0.6vw 0.8vw #00000085}
	.mvTxt {font-size:12vw; line-height:14vw; gap:1vw; margin:7vw 0 7vw 0}
	.mvTxt span {text-shadow:0 0.6vw 0.8vw #00000085}
	.mvLogo {margin-top:8vw}
	.mvLogo > img {height:5vw}
	.allMenu {top:82px}
}