@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@font-face {font-family: "Cinzel"; font-weight: 400; src: url("//db.onlinewebfonts.com/t/1fcf6e20e04d591ed9f8427322ad78ae.eot"); src: url("//db.onlinewebfonts.com/t/1fcf6e20e04d591ed9f8427322ad78ae.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/1fcf6e20e04d591ed9f8427322ad78ae.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/1fcf6e20e04d591ed9f8427322ad78ae.woff") format("woff"), url("//db.onlinewebfonts.com/t/1fcf6e20e04d591ed9f8427322ad78ae.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/1fcf6e20e04d591ed9f8427322ad78ae.svg#Cinzel") format("svg"); }

@font-face {font-family: "Cinzel"; font-weight: 500; src: url("//db.onlinewebfonts.com/t/60aceabba2c63b87e28c7fdaf3097ffa.eot"); src: url("//db.onlinewebfonts.com/t/60aceabba2c63b87e28c7fdaf3097ffa.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/60aceabba2c63b87e28c7fdaf3097ffa.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/60aceabba2c63b87e28c7fdaf3097ffa.woff") format("woff"), url("//db.onlinewebfonts.com/t/60aceabba2c63b87e28c7fdaf3097ffa.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/60aceabba2c63b87e28c7fdaf3097ffa.svg#Cinzel") format("svg"); }

@font-face {font-family: "Cinzel"; font-weight: 600; src: url("//db.onlinewebfonts.com/t/2d13d52146cd7dc1b1206d1d74fa58bc.eot"); src: url("//db.onlinewebfonts.com/t/2d13d52146cd7dc1b1206d1d74fa58bc.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/2d13d52146cd7dc1b1206d1d74fa58bc.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/2d13d52146cd7dc1b1206d1d74fa58bc.woff") format("woff"), url("//db.onlinewebfonts.com/t/2d13d52146cd7dc1b1206d1d74fa58bc.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/2d13d52146cd7dc1b1206d1d74fa58bc.svg#Cinzel") format("svg"); }

@font-face {font-family: "Cinzel"; font-weight: 700; src: url("//db.onlinewebfonts.com/t/c6cc1739d44bd0dcd083706f0455ef5d.eot"); src: url("//db.onlinewebfonts.com/t/c6cc1739d44bd0dcd083706f0455ef5d.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/c6cc1739d44bd0dcd083706f0455ef5d.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/c6cc1739d44bd0dcd083706f0455ef5d.woff") format("woff"), url("//db.onlinewebfonts.com/t/c6cc1739d44bd0dcd083706f0455ef5d.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/c6cc1739d44bd0dcd083706f0455ef5d.svg#Cinzel") format("svg"); }


/* @font-face {font-family: "Cinzel"; font-weight: 400; src: url("/fonts/Cinzel_400.eot"); src: url("/fonts/Cinzel_400.eot?#iefix") format("embedded-opentype"), url("/fonts/Cinzel_400.woff2") format("woff2"), url("/fonts/Cinzel_400.woff") format("woff"), url("/fonts/Cinzel_400.ttf") format("truetype"), url("/fonts/Cinzel_400.svg#Cinzel") format("svg"); }
@font-face {font-family: "Cinzel"; font-weight: 500; src: url("/fonts/Cinzel_500.eot"); src: url("/fonts/Cinzel_500.eot?#iefix") format("embedded-opentype"), url("/fonts/Cinzel_500.woff2") format("woff2"), url("/fonts/Cinzel_500.woff") format("woff"), url("/fonts/Cinzel_500.ttf") format("truetype"), url("/fonts/Cinzel_500.svg#Cinzel") format("svg"); }
@font-face {font-family: "Cinzel"; font-weight: 600; src: url("/fonts/Cinzel_600.eot"); src: url("/fonts/Cinzel_600.eot?#iefix") format("embedded-opentype"), url("/fonts/Cinzel_600.woff2") format("woff2"), url("/fonts/Cinzel_600.woff") format("woff"), url("/fonts/Cinzel_600.ttf") format("truetype"), url("/fonts/Cinzel_600.svg#Cinzel") format("svg"); }
@font-face {font-family: "Cinzel"; font-weight: 700; src: url("/fonts/Cinzel_700.eot"); src: url("/fonts/Cinzel_700.eot?#iefix") format("embedded-opentype"), url("/fonts/Cinzel_700.woff2") format("woff2"), url("/fonts/Cinzel_700.woff") format("woff"), url("/fonts/Cinzel_700.ttf") format("truetype"), url("/fonts/Cinzel_700.svg#Cinzel") format("svg"); } */

/* ===================================
    Reset 초기화
====================================== */

body {letter-spacing: -0.5px; font-family: 'Pretendard', serif; -webkit-font-smoothing: antialiased;  -font-smoothing: antialiased;  color:#000; font-weight:400;line-height: 1.5; margin:0; padding:0; box-sizing: border-box;}
body, html {font-size:16px;height: 100%; -moz-osx-font-smoothing: grayscale;}
a, a:active, a:focus {text-decoration: none; }
a:hover, a:active{text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
img {max-width:100%; height:auto; }
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
select::-ms-expand{ display:none;}
iframe { border: 0;}
div,span,p,ul,ol,li,dd,dt,dl,h1,h2,h3,h4,h5,h6{word-break: keep-all;} /* 줄바꿈 속성 (단어기준)*/
p {margin:0;}
b, strong { font-weight: 600;}
ul, li {list-style: none; margin: 0; padding:0;}
br{font-family: 'Noto Sans KR', sans-serif;}
/* span{vertical-align: middle;} */

::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;} 
::-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}

.hidden{overflow: hidden;}

/* Scroll관련 */
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 5px; background-color: rgba(220, 220, 220, 0.3);}
::-webkit-scrollbar-thumb {background-clip: padding-box; border-radius: 5px; background: #134035; border: 2px solid transparent;}


/* font family */
.point-font {font-family: 'Cinzel', serif; font-weight: 400; line-height: 1;}
.main-font {font-family: 'Noto Serif KR', serif;}
.main-font2 {font-family: 'Pretendard', sans-serif;}


.color-point{color:#d0b17f}
.color-white {color:#fff;}
.color-green {color:#124035;}
.color-gray {color:#a6a6a6;}
.color-blue{color:#167eba;}
.uppercase {text-transform: uppercase;}

/* color */

.bg-black {background-color:#000;}
.bg-white {background-color:#fff;}
.bg-point {background-color:#114776;}
.bg-beige {background-color:#f6f1eb;}
.bg-gray {background-color:#efedee;}


.line-h-1 {line-height: 1;}
.line-h-13 {line-height: 1.3;}
.line-h-17 {line-height: 1.7;}

.letter-0 {letter-spacing: 0;}
.letter-1 {letter-spacing: -1px;}
.letter-2 {letter-spacing: -2px;}
.letter-3 {letter-spacing: -3px;}
.letter-10 {letter-spacing: 10px;}

/* font size */
.font-16 {font-size:1rem;}
.font-18 {font-size:1.125rem;}
.font-20 {font-size: 1.25rem;}
.font-22 {font-size: 1.375rem;}
.font-24 {font-size: 1.5rem;}
.font-25 {font-size: 1.563rem;}
.font-28 {font-size: 1.750rem;}
.font-30 {font-size: 1.875rem;}
.font-32 {font-size: 2.000rem}
.font-35 {font-size: 2.19rem}
.font-38 {font-size: 2.375rem;}
.font-40 {font-size: 2.5rem;}
.font-50 {font-size: 3.125rem;}
.font-55 {font-size: 3.438rem;}
.font-64 {font-size: 4rem;}
.font-60 {font-size: 3.75rem;}
.font-70 {font-size: 4.375rem;}
.font-80 {font-size: 5rem;}
.font-88 {font-size: 5.5rem;}
.font-90 {font-size: 5.625rem;}
.font-100 {font-size: 6.250rem;}
.font-120 {font-size: 7.500rem;}
.font-150 {font-size: 9.375rem;}

/* font weight */
.bold100 {font-weight:100}
.bold200 {font-weight:200}
.bold300 {font-weight:300}
.bold400 {font-weight:400}
.bold500 {font-weight:500}
.bold600 {font-weight:600}
.bold700 {font-weight:700}
.bold900 {font-weight:900}



/* Margin */

.mt-10 {margin-top: 0.625rem;}
.mt-20 {margin-top: 1.25rem;}
.mt-30 {margin-top: 1.875rem;}
.mt-40 {margin-top: 2.5rem;}
.mt-50 {margin-top: 3.125rem;}
.mt-60 {margin-top: 3.75rem;}
.mt-70 {margin-top: 4.375rem;}
.mt-80 {margin-top: 5rem;}
.mt-100 {margin-top: 6.250rem;}
.mt-150 {margin-top: 9.375rem;}
.mt-200 {margin-top: 12.5rem;}


.mr-0 {margin-right: 0 !important;}
.mr-10 {margin-right: 0.625rem;}
.mr-20 {margin-right: 1.25rem;}
.mr-30 {margin-right: 1.875rem;}
.mr-40 {margin-right: 2.5rem;}
.mr-50 {margin-right: 3.125rem;}
.mr-60 {margin-right: 3.75rem;}
.mr-80 {margin-right: 5rem;}

.mb-0 {margin-bottom: 0 !important;}
.mb-10 {margin-bottom: 0.625rem;}
.mb-20 {margin-bottom: 1.25rem;}
.mb-30 {margin-bottom: 1.875rem;}
.mb-40 {margin-bottom: 2.5rem;}
.mb-50 {margin-bottom: 3.125rem;}
.mb-60 {margin-bottom: 3.75rem;}
.mb-70 {margin-bottom: 4.375rem;}
.mb-80 {margin-bottom: 5rem;}
.mb-200{margin-bottom: 12.5rem;}



.ml-10 {margin-left: 0.625rem;}
.ml-20 {margin-left: 1.25rem;}
.ml-30 {margin-left: 1.875rem;}
.ml-40 {margin-left: 2.5rem;}
.ml-50 {margin-left: 3.125rem;}
.ml-60 {margin-left: 3.75rem;}
.ml-80 {margin-left: 5rem;}
.ml-100 {margin-left: 6.250rem;}
.ml-120 {margin-left: 7.500rem;}

.no-margin {margin:0 !important}
.m-auto {margin: 0 auto !important;}
.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}
.mt-auto {margin-top: auto;}

/* Padding */
.pt-0 {padding-top: 0 !important;}
.pt-10 {padding-top: 0.625rem;}
.pt-20 {padding-top: 1.25rem;}
.pt-30 {padding-top: 1.875rem;}
.pt-40 {padding-top: 2.5rem;}
.pt-50 {padding-top: 3.125rem;}
.pt-60 {padding-top: 3.75rem;}
.pt-80 {padding-top: 5rem;}
.pt-100 {padding-top: 6.250rem;}

.pr-10 {padding-right: 0.625rem;}
.pr-20 {padding-right: 1.25rem;}
.pr-30 {padding-right: 1.875rem;}
.pr-40 {padding-right: 2.5rem;}
.pr-50 {padding-right: 3.125rem;}
.pr-60 {padding-right: 3.75rem;}
.pr-80 {padding-right: 5rem;}


.pb-0 {padding-bottom: 0 !important;}
.pb-10 {padding-bottom: 0.625rem;}
.pb-20 {padding-bottom: 1.25rem;}
.pb-30 {padding-bottom: 1.875rem;}
.pb-40 {padding-bottom: 2.5rem;}
.pb-50 {padding-bottom: 3.125rem;}
.pb-60 {padding-bottom: 3.75rem;}
.pb-80 {padding-bottom: 5rem;}
.pb-100 {padding-bottom: 6.250rem;}

.pl-0 {padding-left: 0 !important;}
.pl-10 {padding-left: 0.625rem;}
.pl-20 {padding-left: 1.25rem;}
.pl-30 {padding-left: 1.875rem;}
.pl-40 {padding-left: 2.5rem;}
.pl-50 {padding-left: 3.125rem;}
.pl-60 {padding-left: 3.75rem;}
.pl-80 {padding-left: 5rem;}
.pl-100 {padding-left: 6.250rem;}

.pd-1em {padding: 1rem}
.pd-2em {padding: 2rem}
.pd-3em {padding: 3rem}
.pd-4em {padding: 4rem}
.px-1em {padding-left: 1rem ; padding-right: 1rem}
.px-2em {padding-left: 2rem ; padding-right: 2rem}
.px-3em {padding-left: 3rem ; padding-right: 3rem}
.px-4em {padding-left: 4rem ; padding-right: 4rem}

.py-1em {padding-top:  1rem ; padding-bottom: 1rem}
.py-2em {padding-top:  2rem ; padding-bottom: 2rem}
.py-3em {padding-top:  3rem ; padding-bottom: 3rem}
.py-4em {padding-top:  4rem ; padding-bottom: 4rem}

.px-em-point {padding-left:  0.1rem ; padding-right: 0.1rem}
.py-em-point {padding-top:  0.1rem ; padding-bottom: 0.1rem}

.no-padding {padding:0 !important}
.no-padding-right {padding-right:0 !important}



/* flex */
.flex {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-wrap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.flex-center {display: flex; align-items: center; justify-content: center;}
.flex-align-center {display: flex; align-items: center;}
.flex-end {display: flex; align-items: flex-end;}
.items-center {align-items: center;}
.items-end {align-items: end;}

.j-center {justify-content: center;}
.j-between {justify-content: space-between;}

/* Text-align */
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}

/* position */
.relative {position: relative;}
.absolute {position: absolute;}

/* z-index */
.zi-1 {z-index: 1;}

/* shadow */
.shadow {box-shadow: 0 0 7px rgba(0,0,0,0.1);}


/*여백없는 half*/
.half{width:50%;}

/*여백 있는 half*/
.half-1{width:49%;margin-right:2%;}
.half-1:last-child{margin-right:0;}
.half-1:nth-child(2n){margin-right:0}

/* width */
.width10 {width: 10%;}
.width15 {width: 15%;}
.width20 {width: 20%;}
.width30 {width: 30%;}
.width40 {width: 40%;}
.width45 {width: 45%;}
.width50 {width: 50%;}
.width55 {width: 55%;}
.width60 {width: 60%;}
.width70 {width: 70%;}
.width80 {width: 80%;}
.width90 {width: 90%;}
.width100 {width: 100% !important;}


/*2개 박스*/
.box_wrap2 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap2:last-child {margin-bottom:0}
.box_wrap2 .box {width:49%;margin-right:1 %;margin-top:1.5%;}
.box_wrap2 .box:nth-child(-n+2) {margin-top:0}
.box_wrap2 .box:nth-child(2n) {margin-right:0}
.box_wrap2 .box:last-child {margin-right:0}


/*3개 박스*/
.box_wrap3 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap3:last-child {margin-bottom:0}
.box_wrap3 .box {width:32.3333%;margin-right:1.5%;margin-top:1.5%;}
.box_wrap3 .box:nth-child(-n+3) {margin-top:0}
.box_wrap3 .box:nth-child(3n) {margin-right:0}
.box_wrap3 .box:last-child {margin-right:0}


/*여백없는 3개 박스*/
.box_wrap3.mr-0 .box{width:33.3333%;margin-right:0;}
.box_wrap3.mr-0{margin-bottom:0}

/*4개 박스*/
.box_wrap4 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap4:last-child {margin-bottom:0}
.box_wrap4 .box {width:23.5%;margin-right:2%;margin-top:2%;box-sizing:border-box}
.box_wrap4 .box:nth-child(-n+4) {margin-top:0}
.box_wrap4 .box:nth-child(4n) {margin-right:0}
.box_wrap4 .box:last-child {margin-right:0}

/*5개 박스*/
.box_wrap5 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap5:last-child {margin-bottom:0}
.box_wrap5 .box {width:18%;margin-right:2%;margin-top:2%;box-sizing:border-box}
.box_wrap5 .box:nth-child(-n+5) {margin-top:0}
.box_wrap5 .box:nth-child(5n) {margin-right:0}
.box_wrap5 .box:last-child {margin-right:0}

/*section 레이아웃*/
.section {padding:200px 0;}
.container {max-width:1400px; margin:auto}
.container_sm {max-width:1000px; margin:auto}
.container_lg {max-width:1500px; margin:auto}
.cont_box {margin-top: 4.68rem;}
.tit {}
.block{display: block;}

.section-left {padding-left: calc((100% - 1400px)/2);width:100%;}
.section-right {padding-right: calc((100% - 1400px)/2);width:100%;}

.visible-xxs{display:none !important;}
.hidden-xxs {display:block!important}
.visible-xs {display:none!important}
.hidden-xs {display:block!important}
.visible-md {display:none!important}
.hidden-md {display:block!important}
.visible-lg {display:none!important}
.hidden-lg {display:block!important}


.max1920{max-width: 1920px;margin: auto;}
.img-responsive {max-width: 100%;display: block;}
.clearfix {*zoom:1;}
.clearfix:after {content: '';clear: both;display: block;}

.line_w {display: inline-block; border-bottom:1px solid #fff; padding: 10px 0;}
.line_b {display: inline-block; border-bottom:1px solid #000; padding: 10px 0;}
.line_bl {display: inline; border-bottom:1px solid #000;}

.line_gr {display: inline-block; border-bottom:2px solid #124035; line-height: 1;}
.line_tab {display: inline-block; border-bottom:3px solid #d0b17f;}

.s_underline {background: linear-gradient(to top, #ebe0d2 50%, transparent 50%);padding:0 5px; margin-left:-5px !important;}
.s_underline2 {background: linear-gradient(to top, #d1b180 90%, transparent 50%); padding:0 5px; display: inline;}


.mark_br {background:linear-gradient(to top,rgba(208,176,126, .4) 50%, transparent 50%)}
.mark_wh {background:linear-gradient(to top,rgba(255, 255, 255, 0.2) 50%, transparent 50%)}

/*게시판 스타일설정*/
div#bo_list, section#bo_w, article#bo_v, div#bo_gall {max-width:1400px;margin:80px auto 0 auto;font-size:0.85rem;}
#bo_cate #bo_cate_on{position:relative;color:#d0b17f!important;background: transparent!important;border: none!important;-webkit-box-shadow: none!important;-moz-box-shadow: none!important;box-shadow: none!important;}
#bo_cate a {border: none!important;color: #a6a6a6!important;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {background: transparent!important;color:#d0b17f!important;}
#bo_cate #bo_cate_on:after{background-color: #d0b17f;display: block;content: "";clear: both;position: absolute;bottom: 0;left: 5%;width: 90%;height: 2px;}

.txt_area_center{width: fit-content; margin: auto;}
.sub_out_tit {position: relative; line-height: .8; width: fit-content; margin: auto; height: auto;}
/* .sub_centertit {position: absolute; right:0; left:0; top:2.3rem; margin: auto; } */


/* ========== Line-hight ========== */
.lh-10 {line-height: 1.0}
.lh-12 {line-height: 1.2}
.lh-14 {line-height: 1.4}
.lh-15 {line-height: 1.5}
.lh-16 {line-height: 1.6}
.lh-17 {line-height: 1.7}
.lh-20 {line-height: 2.0}

/* =============== Letter-spacing =============== */

.sp-1 {letter-spacing: -1px}
.sp-2 {letter-spacing: -2px}
.sp-20 {letter-spacing: 2px}
.ls-30{letter-spacing: .3rem}
.ls-01{letter-spacing: -1px;}
.ls-02{letter-spacing: -2px;}
.ls-03{letter-spacing: -.3px;}
.ls-04{letter-spacing: -.4px;}
.ls-05{letter-spacing: 0.5px;}
.ls-08{letter-spacing: 0.8px;}
.ls-10{letter-spacing: 1px;}
.ls-20{letter-spacing: 2px;}
.ls-40{letter-spacing: 4px;}
.ls-100{letter-spacing: 10px;}

@media (max-width: 1500px) {
.container_lg{padding:0 5%}
}
@media (max-width: 1440px) {
body, html{font-size: 14px;}
.container, .container_sm{width:90%;margin-left: auto; margin-right: auto;}

.section-right{padding-right: 5%}
.section-left{padding-left: 5%}
.section {padding:130px 0;}

/*그누보드 팝업*/
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%}
div#bo_list, section#bo_w, article#bo_v, div#bo_gall {width:90%!important}
}

@media (max-width: 1240px) {
    .visible-lg {display:block!important}
    .hidden-lg {display:none!important}
}

@media (max-width: 1024px) {
body, html {font-size: 11px;}
.section {padding:100px 0;}
}

@media (max-width: 990px) {
.visible-md {display:block!important}
.hidden-md {display:none!important}

/*box사이즈는 디자인에 따라 커스텀해서 쓰기*/
.half-1 {width:100%;margin-right:0}
.half {width:100%;}

}



@media (max-width: 768px) {
.LDM_mbil_1{padding-top: 5.25rem;}
.LDM_mbil{padding-top: 50px;}
.visible-xs {display:block!important}
.hidden-xs {display:none!important}

.section {padding:80px 0;}
.cont_box {margin-top: 3.5rem;}
.mb-50 {margin-bottom: 2.2rem;}

.font-60 {font-size: 3.3rem;}
.font-40 {font-size: 2.2rem;}

/*그누보드 팝업*/
#hd_pop {width:100% !important;}
.hd_pops {left: 15px !important;right: 15px;}
.hd_pops img {width:100% !important;}
.hd_pops_con {width:100% !important;height:auto !important;}
div#bo_list, section#bo_w, article#bo_v, div#bo_gall{margin:50px auto 0 auto}
}


@media (max-width: 500px) {
    .visible-xxs{display:block!important}
    .hidden-xxs {display:none!important}
    .sub .effect .font-60 {font-size: 2.3rem;}
    .font-80 {font-size: 3.5rem;}
}




/* ========== Aos (reveal) ========== */
[data-aos="reveal-line"]{clip-path:polygon(0 0,0 0,0 100%,0 100%);}
[data-aos="reveal-line"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
[data-aos="reveal-line-revers"]{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}
[data-aos="reveal-line-revers"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)}

[data-aos="reveal-line-half"]{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);}
[data-aos="reveal-line-half"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
[data-aos="reveal-line-half-revers"]{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);}
[data-aos="reveal-line-half-revers"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)}

[data-aos="reveal-top"]{clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}
[data-aos="reveal-top"].aos-animate {clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);}
[data-aos="reveal-bottom"]{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
[data-aos="reveal-bottom"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
[data-aos="reveal-circle"]{clip-path: circle(0% at 50% 50%);}
[data-aos="reveal-circle"].aos-animate {clip-path:  circle(100% at 50% 50%);}

/* ========== Aos (animation 효과로 설정) ========== */
[data-aos="title"]{ opacity: 0;}
[data-aos="title"].aos-animate {animation: title 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
[data-aos="tit_mini"]{ opacity: 0;}
[data-aos="tit_mini"].aos-animate {animation: tit_mini 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
[data-aos="focus"]{ opacity: 0;}
[data-aos="focus"].aos-animate {animation: focus 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

/* ========== Animation ========== */
@keyframes title    {0% {letter-spacing: -0.5em;opacity: 0;} 40% {opacity: 0.6;}  100% {opacity: 1;} }
@keyframes tit_mini {0% {letter-spacing: 0.5em;opacity: 0;}  40% {opacity: 0.6;}  100% {letter-spacing: 0;opacity: 1;}}
@keyframes focus    {0% {-webkit-filter: blur(12px);filter: blur(12px);opacity: 0;}  100% {-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}}
@keyframes cycleM   {0% {transform:  translateY(0) scale(1);}    100% {transform: translateY(1.5rem) scale(0.95)}}
@keyframes rotate   {from{ transform: rotate(0); }to{ transform: rotate(360deg); }}
@keyframes scroll   {0% {transform: translate(-50%, 0);opacity: 0;} 40% {opacity: 1;}80% {transform: translate(-50%, 1.4rem);opacity: 0;}100% {opacity: 0;}}
@keyframes bigger   {0%{transform: scale(0); opacity:1;} 100%{transform: scale(5); opacity:0;}}
@keyframes bounce   {to {transform: translateX(2rem);opacity: 0;}}