@charset "utf-8";
.real-cont {padding:120px 0 0px;}

#sub {width: 100%; background: url(../images/sub_bg.jpg) 50% 50% no-repeat; background-size: cover;}

.eden {font-family: 'edensor';}
.mo {display: none;}

/* splitting */
.page-header > .container.motion h2.chars .char {animation:textAni 1.5s both; animation-delay:calc(0.1s * var(--char-index));}

@keyframes textAni {
    0% {opacity:0;}
    30% {opacity:0;}
}


/* page-header */
.page-header {position: relative; width: 100%;}
.page-header > .container {padding-top: 220px;}
.snav {margin-top: 28px;}
.snav ul {display: flex; justify-content: right; align-items: center;}
.snav ul li {width: auto; position: relative; font-size: 14px; font-weight: 500; color: #835a4f;}
.snav ul li.home {display: flex; align-items: center; gap: 10px;}
.snav ul li.home img {display: block; max-width: 100%;}
.snav ul li ~ li {padding-left: 20px;}
.snav ul li::before {position: absolute; content: ''; width: 4px; height: 7px; background: url(../images/sub/ico_arrow.png) 50% 50% no-repeat; background-size: auto; top: 50%; left: 8px; transform: translateY(-50%);}

.lnb {margin-top: 15px; width: 100%;}
.lnb ul {width: 100%; display: flex; gap: 81px; align-items: center; justify-content: center;}
.lnb ul li {position: relative; padding-top: 15px;}
.lnb ul li::after {position: absolute; content:''; width: 8px; height: 8px; top: 0; left: 50%; transform: translateX(-50%); background-color: #835a4f; opacity: 0; border-radius: 50%;}
.lnb ul li a {position: relative; display: block; text-align: center; font-size: 20px; color: #CAAEA6; line-height: 1; font-weight: 500; transition: all .3s linear; z-index: 2;}  
.lnb ul li a:hover {color: #835a4f}
.lnb ul li.active a {color: #835a4f}
.lnb ul li.active::after {opacity: 1;}

.lnb-3dep {margin-top: 90px; margin-bottom: 115px; width: 100%; border-top: 1px solid #835a4f; border-bottom: 1px solid #835a4f;}
.lnb-3dep ul {display: flex; justify-content: center;}
.lnb-3dep ul li {width: auto; border-left: 1px solid #835a4f;}
.lnb-3dep ul li:last-child {border-right: 1px solid #835a4f;}
.lnb-3dep ul li a {display: block; padding: 0 40px; font-size: 18px; line-height: 48px; font-weight: 500; letter-spacing: -.36px; text-align: center; transition: all .2s linear; color: #835a4f;}
.lnb-3dep ul li.active a {background-color: #835a4f; color: #fff;}

.lnb-3dep .btn-drop {display: none;}

section {padding: 120px 0 0;}

.s-tit {position: relative; font-size: 80px; font-weight: 400; color: #835a4f; text-align: center;  padding-bottom: 43px;}
.s-tit::after {position: absolute; content: ''; width: 1px; height: 40px; background-color: #835a4f; bottom: 0; left: 50%; transform: translateX(-50%);}
.section-header {max-width: 1100px; width: 100%; margin: 0 auto;}
.section-header h3 {display: flex; align-items: flex-end; font-weight: 400; font-size: 60px; line-height: normal; color: #835a4f;}
.section-header h3 > img {display: block; max-width: 100%; margin-left: 20px; margin-bottom: 23px;}
.section-header h3 > span {font-size: 18px; font-weight: 500; line-height: 1.71; letter-spacing: -.36px; display: block; margin-left: 13px; font-family: 'Pretendard', sans-serif; margin-bottom: 15px;}
.section-header h4 {margin-top: 70px; font-size: 30px; color: #835a4f; font-weight: 100; line-height: 1.29;}
.section-header h4 > strong {font-weight: 600;}
.section-header p {margin-top: 30px; font-size: 20px; font-weight: 500; line-height: 1.94; letter-spacing: -.4px; color: #835a4f;}

/* s1 */
.s1_1 article {margin-top: 80px;}
.s1_1 .arti01 {margin-bottom: 150px; width: 100%; padding-bottom: 150px; border-bottom: 1px solid #CAAEA6;}
.s1_1 .arti01 .cnt {width: 100%; display: flex; align-items: center; gap: 150px; justify-content: space-between;}
.s1_1 .arti01 .cnt .txt {width: 1%; flex: 1 1 auto;}
.s1_1 .arti01 .cnt .txt h4 {font-size: 30px; font-weight: 600; color: #835a4f; letter-spacing: -.6px;}
.s1_1 .arti01 .cnt .txt h4 > span {font-size: 40px; font-weight: 400; letter-spacing: -.8px;}
.s1_1 .arti01 .cnt .txt p {font-size: 20px; color: #835a4f; font-weight: 500; line-height: 1.94; letter-spacing: -.4px; margin-top: 60px;}
.s1_1 .arti01 .cnt .txt p ~ p {margin-top: 30px;}
.s1_1 .arti01 .cnt .img {max-width: 585px; width: 100%;}
.s1_1 .arti01 .cnt .img img {display: block; max-width: 100%; margin: 0 auto;}

.s1_1 .history {max-width: 1010px; width: 100%; margin: 0 auto; display: flex; gap: 45px;}
.s1_1 .history ~ .history {margin-top: 55px;}
.s1_1 .history .year {max-width: 205px; width: 100%;}
.s1_1 .history .year > h5 { font-size: 40px; font-weight: 400; line-height: .97; letter-spacing: -.8px; color: #835a4f; padding-top: 5px;}
.s1_1 .history .history-txt {width: 1%; flex:1 1 auto;}
.s1_1 .history .history-txt dl {display: flex; width: 100%; gap: 13px;}
.s1_1 .history .history-txt dl ~ dl {margin-top: 12px;}
.s1_1 .history .history-txt dl dt {position: relative; max-width: 154px; width: 100%; font-size: 20px; font-weight: 500; line-height: 1.94; letter-spacing: -.4px; color: #835a4f;}
.s1_1 .history .history-txt dl dt::after {position: absolute; content: ''; width: 92px; height: 1px; background-color: #CAAEA6; top: 19px; right: 0;}
.s1_1 .history .history-txt dl dd {width: 1%; flex: 1 1 auto;}
.s1_1 .history .history-txt dl dd p {position: relative; padding-left: 40px; font-size: 20px; color: #835a4f; font-weight: 500; line-height: 1.94; letter-spacing: -.4px;}
.s1_1 .history .history-txt dl dd p ~ p {margin-top: 12px;}
.s1_1 .history .history-txt dl dd p::before {position: absolute; content: ''; width: 12px; height: 12px; border-radius: 50%; border: 3px solid #835a4f; top: 13px; left: 0;}


/* s2 */
.grid-box {margin-top: 160px; width: 100%; display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(38, 95px);  gap: 30px;}
figure {position: relative; overflow: hidden;}
figure img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: all .3s linear;}
article .more {display: block; max-width: 235px; width: 100%; margin: 150px auto 0; border-radius: 50px; border: 1px solid #835a4f; line-height: 68px; font-size: 20px; text-align: center; letter-spacing: -.4px; color: #835a4f; font-weight: 500; transition: all .2s linear;}
article .more:hover {background-color: #835a4f; color: #fff;}

/* s2_1_1 */
.s2_1_1 .grid01 {grid-column: 2/7; grid-row: 1/5;}
.s2_1_1 .grid02 {grid-column: 7/11; grid-row: 3/10;}
.s2_1_1 .grid03 {grid-column: 1/7; grid-row: 5/10;}
.s2_1_1 .grid04 {grid-column: 2/10; grid-row: 10/14;}
.s2_1_1 .grid05 {grid-column: 1/5; grid-row: 14/20;}
.s2_1_1 .grid06 {grid-column: 5/11; grid-row: 14/21;}
.s2_1_1 .grid07 {grid-column: 1/5; grid-row: 20/26;}
.s2_1_1 .grid08 {grid-column: 5/11; grid-row: 21/26;}
.s2_1_1 .grid09 {grid-column: 2/10; grid-row: 26/30;}
.s2_1_1 .grid10 {grid-column: 1/5; grid-row: 30/36;}
.s2_1_1 .grid11 {grid-column: 5/11; grid-row: 30/34;}
.s2_1_1 .grid12 {grid-column: 5/11; grid-row: 34/39;}

/* s2_1_2 */
.s2_1_2 .grid01 {grid-column: 1/7; grid-row: 1/6;}
.s2_1_2 .grid02 {grid-column: 7/11; grid-row: 4/10;}
.s2_1_2 .grid03 {grid-column: 1/7; grid-row: 6/10;}
.s2_1_2 .grid04 {grid-column: 2/10; grid-row: 10/14;}
.s2_1_2 .grid05 {grid-column: 1/7; grid-row: 14/19;}
.s2_1_2 .grid06 {grid-column: 7/11; grid-row: 14/21;}
.s2_1_2 .grid07 {grid-column: 1/7; grid-row: 19/26;}
.s2_1_2 .grid08 {grid-column: 7/11; grid-row: 21/26;}
.s2_1_2 .grid09 {grid-column: 2/10; grid-row: 26/30;}
.s2_1_2 .grid10 {grid-column: 1/5; grid-row: 30/37;}
.s2_1_2 .grid11 {grid-column: 5/11; grid-row: 30/35;}
.s2_1_2 .grid12 {grid-column: 5/10; grid-row: 35/39;}

/* s2_1_3 */
.s2_1_3 .grid01 {grid-column: 1/5; grid-row: 3/10;}
.s2_1_3 .grid02 {grid-column: 5/10; grid-row: 1/5;}
.s2_1_3 .grid03 {grid-column: 5/11; grid-row: 5/10;}
.s2_1_3 .grid04 {grid-column: 2/10; grid-row: 10/14;}
.s2_1_3 .grid05 {grid-column: 1/7; grid-row: 14/21;}
.s2_1_3 .grid06 {grid-column: 7/11; grid-row: 14/19;}
.s2_1_3 .grid07 {grid-column: 1/7; grid-row: 21/26;}
.s2_1_3 .grid08 {grid-column: 7/11; grid-row: 19/26;}
.s2_1_3 .grid09 {grid-column: 2/10; grid-row: 26/30;}
.s2_1_3 .grid10 {grid-column: 1/7; grid-row: 30/34;}
.s2_1_3 .grid11 {grid-column: 7/11; grid-row: 30/36;}
.s2_1_3 .grid12 {grid-column: 1/7; grid-row: 34/39;}

/* s2_2_1 */
.s2_2_1 .grid01 {grid-column: 1/5; grid-row: 1/10;}
.s2_2_1 .grid02 {grid-column: 5/11; grid-row: 1/6;}
.s2_2_1 .grid03 {grid-column: 5/11; grid-row: 6/10;}
.s2_2_1 .grid04 {grid-column: 2/10; grid-row: 10/14;}
.s2_2_1 .grid05 {grid-column: 1/5; grid-row: 14/21;}
.s2_2_1 .grid06 {grid-column: 5/11; grid-row: 14/19;}
.s2_2_1 .grid07 {grid-column: 1/5; grid-row: 21/26;}
.s2_2_1 .grid08 {grid-column: 5/11; grid-row: 19/26;}
.s2_2_1 .grid09 {grid-column: 2/10; grid-row: 26/30;}
.s2_2_1 .grid10 {grid-column: 1/7; grid-row: 30/35;}
.s2_2_1 .grid11 {grid-column: 7/11; grid-row: 30/37;}
.s2_2_1 .grid12 {grid-column: 2/7; grid-row: 35/39;}

/* s2_2_2 */
.s2_2_2 .grid-box {grid-template-rows: repeat(36, 95px);}
.s2_2_2 .grid01 {grid-column: 2/10; grid-row: 1/5;}
.s2_2_2 .grid02 {grid-column: 1/5; grid-row: 5/10;}
.s2_2_2 .grid03 {grid-column: 5/11; grid-row: 5/12;}
.s2_2_2 .grid04 {grid-column: 1/5; grid-row: 10/17;}
.s2_2_2 .grid05 {grid-column: 5/11; grid-row: 12/17;}
.s2_2_2 .grid06 {grid-column: 2/10; grid-row: 17/21;}
.s2_2_2 .grid07 {grid-column: 1/5; grid-row: 21/27;}
.s2_2_2 .grid08 {grid-column: 5/11; grid-row: 21/25;}
.s2_2_2 .grid09 {grid-column: 1/5; grid-row: 27/30;}
.s2_2_2 .grid10 {grid-column: 5/11; grid-row: 25/30;}
.s2_2_2 .grid11 {grid-column: 1/6; grid-row: 30/35;}
.s2_2_2 .grid12 {grid-column: 6/11; grid-row: 30/37;}

/* s2_2_3 */
.s2_2_3 .grid-box {grid-template-rows: repeat(39, 95px);}
.s2_2_3 .grid01 {grid-column: 1/5; grid-row: 4/10;}
.s2_2_3 .grid02 {grid-column: 5/11; grid-row: 1/6;}
.s2_2_3 .grid03 {grid-column: 5/11; grid-row: 6/10;}
.s2_2_3 .grid04 {grid-column: 2/10; grid-row: 10/14;}
.s2_2_3 .grid05 {grid-column: 1/6; grid-row: 14/21;}
.s2_2_3 .grid06 {grid-column: 6/12; grid-row: 14/21;}
.s2_2_3 .grid07 {grid-column: 2/10; grid-row: 21/25;}
.s2_2_3 .grid08 {grid-column: 1/7; grid-row: 25/32;}
.s2_2_3 .grid09 {grid-column: 7/12; grid-row: 25/32;}
.s2_2_3 .grid10 {grid-column: 1/5; grid-row: 32/39;}
.s2_2_3 .grid11 {grid-column: 5/12; grid-row: 32/36;}
.s2_2_3 .grid12 {grid-column: 5/10; grid-row: 36/40;}

/* s2_3_1 */
.s2_3_1 .grid01 {grid-column: 1/7; grid-row: 3/8;}
.s2_3_1 .grid02 {grid-column: 7/12; grid-row: 1/8;}
.s2_3_1 .grid03 {grid-column: 2/10; grid-row: 8/12;}
.s2_3_1 .grid04 {grid-column: 1/5; grid-row: 12/16;}
.s2_3_1 .grid05 {grid-column: 5/12; grid-row: 12/19;}
.s2_3_1 .grid06 {grid-column: 1/5; grid-row: 16/23;}
.s2_3_1 .grid07 {grid-column: 5/12; grid-row: 19/23;}
.s2_3_1 .grid08 {grid-column: 2/6; grid-row: 23/30;}
.s2_3_1 .grid09 {grid-column: 6/10; grid-row: 23/30;}
.s2_3_1 .grid10 {grid-column: 1/6; grid-row: 30/37;}
.s2_3_1 .grid11 {grid-column: 6/11; grid-row: 30/37;}