html{
width:100%;
height:100%;
}

a:link    {color:#453630; text-decoration:none;}
a:visited {color:#453630;}
a:active  {color:#453630;}
a:hover  {color:#453630;}
a {outline: none; select-dummy: expression(this.hideFocus=true);}

body {
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 'Noto Sans KR',Noto Sans KR,'Dotum', sans-serif;
font-size:0.9vw; font-weight:400;
letter-spacing:-0.05vw;
margin:0;
padding:0;
color:#453630;
width:100%;
height:100%;
line-height:1.5vw;
background:#fff;
word-break: keep-all;
}
* {box-sizing:border-box; margin:0; padding:0;}
.animation {
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
img {max-width:100%;}
.duck_foot {font-size:0.6vw; margin-top:2vw; line-height:1vw; color:#888;}
.unitp .duck_foot>div {color:red;}
.txt_eng {font-family:'Nanum Square',NanumSquare;}
.mo_view {display:none;}
input, select, textarea {font-family:'Noto Sans KR',Noto Sans KR,'Nanum Gothic','나눔 고딕',나눔고딕,NanumGothic,Malgun Gothic,'Malgun Gothic','맑은 고딕','Dotum' , sans-serif ;}
h1, h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:normal; display:block;}
ul, li, dl, dt, dd {padding:0; margin:0; list-style:none;}
p {margin:0; padding:0;}
img {vertical-align:top;}
.font {font-family: "Alumni Sans", sans-serif; letter-spacing: 0;}
#hd_login_msg, #hd_pop {display:none;}
.pager {position:absolute; z-index:1000; text-align:center; width:100px; top:680px; left:270px; opacity:0;
-webkit-transition:all 1.0s ease .1s;
-moz-transition:all 1.0s ease .1s;
-ms-transition:all 1.0s ease .1s;
-o-transition:all 1.0s ease .1s;
transition:all 1.0s ease .1s;
}
.pager.on {left:300px; opacity:1;}
.pager span {width:15px; height:15px; background:#fff; display:inline-block !important; text-indent:-9999px; margin:0 5px; cursor:pointer; border-radius:20px; opacity:0.5;}
.pager span.cycle-pager-active {background:#e9b670; opacity:1;}
/* 기본테이블 */
table {border-collapse:collapse;border-spacing:0; width:100%; border-top:#eaeaea 1px solid;}
table th, table td {border-bottom:#eaeaea 1px solid; padding:0.7vw; background:#fff;}
table th {color:#111; font-weight:500; background:#f5f5f5;}

.mainp {touch-action: none;}

.scroll {position:fixed; z-index:3; bottom:3vw; right:3vw; text-align:center; letter-spacing:0; text-transform: uppercase;
	font-size:0.6vw; font-weight:bold; transition:all 0.9s ease .1s;
}
.scroll.off {bottom:2vw; opacity:0;}
.scroll img {width:1vw; transform:; animation: bounceUpDown 0.9s ease-in-out infinite alternate;}
@keyframes bounceUpDown {
    from {
        transform: translateY(0) rotate(90deg); /* 시작 위치 */
    }
    to {
        transform: translateY(10px) rotate(90deg); /* 아래로 10px 이동 */
    }
}

#header {width:100%; position:fixed; z-index:1000; text-align:center; line-height:5vw; height:100%; 
	max-height:5vw; transition:all 0.9s ease .1s; top:0; /* background:#837871; */
}
#header.view {background:#5a7e88;}/* 707779 */
#header:hover {max-height:20vw; background:#5a7e88 !important;}
#header .ci {position:absolute; left:3vw; line-height:5vw; top:0; color:#111;}
.mainp #header .ci {color:#fff;}
#header .ci img {width:11vw; vertical-align:middle; margin-top:-0.5vw; filter:brightness(0) invert(1);}
#header.bl .ci img {filter:brightness(100) invert(1);}
#header:hover .ci img {filter:brightness(0) invert(1);}
#header.bl .ci {color:#111;}
#header.bl:hover .ci, #header.view .ci {color:#fff;}
#header .gnb>li {display:inline-block; position:relative; margin:0 0.5vw; min-width:8vw}
#header .gnb>li>a {display:block; color:#fff; padding:0 1.5vw; font-size:1vw; font-weight:500;
	transition:all 0.9s ease .1s;
}
.mainp #header {background:none;}

#header.bl .gnb>li>a {color:#111;}
#header:hover .gnb>li>a {color:#fff !important;}
#header.color .gnb>li>a, .quick.color li a {color:#111;}
#header .gnb>li ul {position:absolute; padding:10px 0 0 0; max-height:0; overflow:hidden; width:100%;
transition:all 0.5s ease .1s;
}
#header .gnb>li ul:before {content:''; height:1px; background:#f1ebe3; position:absolute; top:0; width:0; left:0;
transition:all 0.5s ease .1s;
}
#header .gnb>li:hover ul:before {width:100%;}
.soon {opacity:0.5;}
/* .soon ul {display:none;} */
#header:hover .gnb>li ul {max-height:21vw;}
#header .gnb>li ul>li>a {display:block; line-height:1.9vw; color:#fff; font-size:0.85vw;}
#header .gnb>li ul>li.line02>a {line-height:1.4vw;}
.quick {position:fixed; right:3vw; top:1.4vw; overflow:hidde; z-index:1001; transition:all 0.9s ease .1s;}
.quick li {float:left; margin-left:7px;}
.quick li a {display:block; height:2.4vw; line-height:2.4vw; padding:0; font-size:0.9vw; font-weight:500;
	color:#49352d; border:#49352d 1px solid; border-radius:10vw; text-align:center; width:8.5vw;
}
.quick li a img {width:1vw; position:relative; top:50%; transform:translateY(-50%); margin-right:0.3vw;}

.mainp #header, .mainp .quick {top:-5vw;}
.mainp #header.on {top:0;}
.mainp .quick.on {top:1.4vw;}

.mainp .quick li a,
.busip.sub02p .quick li a,
.busip.sub05p .quick li a
{border:#fff 1px solid; color:#fff;}
.quick.bl li a {color:#49352d; border:#49352d 1px solid;}
.mainp .quick li a img,
.busip.sub02p .quick li a img,
.busip.sub05p .quick li a img
{filter:brightness(0) invert(1);}
.quick.bl li a img {filter:unset;}
/*
.quick.border li a {border:#9c9b79 1px solid;} */
.quick li.tel a {font-family: "Alumni Sans", sans-serif; font-size:1.4vw; letter-spacing:0;}
.quick.wh li img {filter:brightness(0) invert(1);}
.quick.wh li a {border:#fff 1px solid; color:#fff;}
.btn_all {position:absolute; right:50px; top:34px; cursor:pointer; z-index:4; height:26px; display:none;}
.btn_all.close {position:fixed;}
.btn_all.close div.line01, .btn_all.close div.line03 {width:0px;}
.btn_all li div {width:25px; height:2px; background:#fff; margin:5px 0;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}

.mainp {overflow-x:hidden;}
.mcont_wrap .cycle-carousel-wrap, .mcont_wrap {height:100vh;}
.mcont {position:fixed; padding:10vw; height:100vh; width:100%; top:100dvh; left:0; transition:all 1.5s ease .1s;
	background:#291c15; overflow:hidden;
}
.mcont.on {top:0;}
.mcont.off {top:-100dvh;}
.mcont h2 {
	color:#fff; line-height:100%; padding:0; transition:all 0.9s ease .1s; position:absolute;
	left:10vw; top:40%; font-size:1vw; letter-spacing:0; opacity:1; transform:translateY(-50%);
}
.mcont.on2 h2 {top:50%;}
.mcont h2>div {font-size:6vw; font-family: "Alumni Sans", sans-serif; line-height:100%;
	text-transform:uppercase;
}
.mcont.off02 {top:-100dvh !important}
.cycle-slideshow, .cycle-carousel-wrap, .cycle-sentinel, .cycle-slide {width:100%; height:100vh !important;}
.mcont01 {padding:0; top:0/* 100dvh */; left:0;}
.mcont01.end, .mcont02.end {top:0;}
.mcont01:before {content:''; position:absolute; width:100%; height:100%; background:url('/img/mimg01.jpg');
	background-size:cover; top:0; left:0; z-index:-1;
}
.mcont01:after {background: linear-gradient(to bottom, #111 2%, #111 /* 8c7b69 */ 0%, transparent 95%); 
	position:absolute; width:100%; height:100%; content:''; z-index:2; opacity:0.5;
}
.mcont01 .mov dl {letter-spacing:-0.05vw; color:#fff/* 494435 */; top:50%; position:absolute; font-weight:500;
	left:50%; transform:translate(-50%, -50%); text-align:center; z-index:3;
}
.mcont01 .mov dl dt {font-size:2.4vw; font-weight:500; line-height:120%;}
/* .mcont01 .mov dl dd span {font-size:0.9vw;} */
.mr-dafoe-regular {
  font-family: "Mr Dafoe", cursive;
  font-weight: 400;
  font-style: normal;
}
.mr-dafoe-regular span {font-size:1.5vw !important;}
.mcont01 .mov .hj {position:absolute; bottom:-17.5dvh; right:8vw; height:80dvh;
	filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.3));
}
.newp .mcont01 .mov .hj {height:auto; width:22vw;}
.mcont01 .duck_foot {color:#fff; position:absolute; bottom:3vw; left:3vw; z-index:2; transition:all 1.5s ease .1s;}
.mcont02 {color:#fff; background:none; backdrop-filter: blur(5px);}
.mcont02:before {content:''; position:absolute; width:100%; height:100%; opacity:0.5; background:#111; top:0; left:0; z-index:-1;}
.mcont02 ul {overflow:hidden; width:55%; position:absolute; right:10vw; top:50%; transform: translate(0, -50%);}
.mcont02 ul li {float:left; border-top:#fff 0px solid; margin:1vw; padding:1vw; padding-top:1.5vw; width:29%; position:relative; height:7vw;}
.mcont02 ul li:before, .mcont02 ul li:after {content:''; position:absolute; background:#fff; transition:all 0.9s ease .1s; 
	opacity:0.5;
}
.mcont02 ul li:before {width:0.5px; height:0; top:1vw; left:-1vw;}
.mcont02 ul.on li:before {width:0.5px; height:7vw; top:1vw; left:-1vw;}
.mcont02 ul li:after {width:0; height:0.5px; top:0; left:0;}
.mcont02 ul.on li:after {width:100%;}
.mcont02 ul li:first-child:before, .mcont02 ul li:nth-child(4n):before {display:none;}
.mcont02 ul li dl {opacity:0; padding-left:0; transition:all 0.9s ease .1s;}
.mcont02 ul.on li dl {opacity:1; padding:0;}
.mcont02 ul li dl dt {font-size:1vw; margin-bottom:0.8vw;}
.mcont02 ul li dl dd span {font-size:0.7vw;}
.mcont02 ul li.duck_foot {width:100%; margin:0; padding:1vw 0 0 0; height:auto; text-align:right;}
.mcont02 ul li.duck_foot:before, .mcont02 ul li.duck_foot:after {display:none;}

.mcont .ani_txt dt, .mcont .ani_txt dd {overflow:hidden;}
.mcont .ani_txt dt {margin-bottom:1vw; text-transform:uppercase;}
.mcont .ani_txt dt span, .mcont .ani_txt dd span {transition: all 1.0s ease .1s; transform: translateY(110%); display:inline-block;}
.mcont.on2 .ani_txt dt span, .mcont.on2 .ani_txt dd span {transform: translateY(0);}
.mcont.on2 .ani_txt dt {transition-delay:0.1s;}
.mcont.on2 .ani_txt dd:nth-of-type(1) span {transition-delay:0.3s;}
.mcont.on2 .ani_txt dd:nth-of-type(2) span {transition-delay:0.5s;}
.mcont.on2 .ani_txt dd:nth-of-type(3) span {transition-delay:0.7s;}
.mcont.on2 .ani_txt dd:nth-of-type(4) span {transition-delay:0.9s;}
.mcont.on2 .ani_txt dd:nth-of-type(5) span {transition-delay:1.1s;}
.mcont.on2 .ani_txt dd:nth-of-type(6) span {transition-delay:1.3s;}
.mcont.on2 .ani_txt dd:nth-of-type(7) span {transition-delay:1.5s;}
.mcont.mprem .ani_txt {top:35%; transform:translateY(-50%); position:absolute; width:100%; left:0;
	padding:10vw; color:#fff;
}
.mcont03.mprem .ani_txt,
.mcont05.mprem .ani_txt {padding:0 0 10vw 24vw; top:auto; bottom:0; transform: translateY(0);}
.mcont04.mprem .ani_txt {text-align:right;}
.mcont.mprem .ani_txt dt {font-size:2vw;}
.mcont.mprem .ani_txt dt span {font-size:7vw; line-height:100%; letter-spacing:1vw;}
.np .mcont.mprem .ani_txt dt span {font-size:4vw; font-family:"Hurricane", cursive; text-transform:capitalize;
	font-style: italic; padding-right:1.5vw; line-height:130%;
}
.mcont.mprem.on2 .ani_txt dt span {letter-spacing:0;}
.np .mcont.mprem.on2 .ani_txt dt span {letter-spacing:0.1vw;}
.mcont.mprem .ani_txt dt+dd {font-size:1.6vw;line-height:100%; letter-spacing:-0.1vw; font-weight:300;}
.mcont .ani_txt dd font {font-weight:700; letter-spacing:-0.05vw;}
.mcont .ani_txt dd.point {font-size:1.2vw; color:#ae8c75;}
.mcont.mprem .ani_txt dt+dd br {display:none;}
.mcont.mprem .ani_txt dt+dd+dd {margin-top:3vw}
/* .mcont.mprem .ani_txt dt+dd ~ dd {text-align:right;} */

.mcont03 .duck_foot, .mcont04 .duck_foot, .mcont05 .duck_foot, .mcont06 .duck_foot {position:absolute; bottom:1.8vw; padding:0; opacity:0.7; 
	font-size:0.6vw; line-height:1vw; left:3vw;
}
.mcont03 .duck_foot, .mcont04 .duck_foot {color:#fff;}
.mcont03.off, .mcont04.off {left:0; top:0}
.mcont05.off {left:0; top:0}
.mcont06.off {left:0; top:-100dvh;}
.mcont04, .mcont05, .mcont06 {top:0; left:100vw;}
.mcont04.on, .mcont05.on, .mcont06.on {left:0;}
.mcont.mprem:before {z-index:-2; content:''; position:absolute; width:100%; height:90%;
	top:5%; left:0; opacity:1; overflow:hidden; transform:scale(0.9); transition:all 1.0s ease .1s;
}
.mcont.mprem.on:before,
.mcont.mprem.on:after {transform:scale(1); height:100%; top:0;}
.mcont03:before {background:url('/img/mprem01.jpg')center center; background-size:cover;}
.mcont04:before {background:url('/img/mprem02.png')center center; background-size:cover;}
.mcont05:before {background:url('/img/mprem03.jpg')center center; background-size:cover;}
.mcont03:after, .mcont04:after, .mcont05:after {z-index:-1; content:''; position:absolute; width:100%; height:90%;
	top:5%; left:0; opacity:0.2; background:#111; transform:scale(0.9); transition:all 1.0s ease .1s;
}
.mpre_small ul {overflow:hidden; width:90%; position:absolute; left:5%; top:50%; transform: translate(0, -50%);}
.mpre_small ul li {float:left; border-top:#453731 0.5px solid; border-bottom:#453731 0.5px solid; margin:0 1vw; padding:1.5vw 1vw; width:31%; position:relative; text-align:right;}
.mpre_small ul li .img_wrap {width:18vw; height:18vw; background:#453731; border-radius:0 100vw 100vw 0; 
	margin:0 0 3vw -9vw;	left:50%; position:relative; animation: rotate-infinitely 20s linear infinite;
    will-change: transform; overflow:hidden;
}
/* 3. 틀은 시계 방향 (0 -> 360) */
@keyframes rotate-infinitely {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* 4. 이미지는 반시계 방향 (360 -> 0) */
@keyframes rotate-reverse {
    from { transform: rotate(360deg) scale(1.5);}
    to { transform: rotate(0deg) scale(1.5);}
}
.mpre_small ul li+li .img_wrap {border-radius:100vw 100vw 0 0;}
.mpre_small ul li+li+li .img_wrap {border-radius:100vw 0 0 100vw;}
.mpre_small ul li:before {content:''; position:absolute; width:0.5px; height:calc(100% - 2vw); background:#453731; top:1vw; left:-1vw;}
.mpre_small ul li:first-child:before, .mcont02 ul li:nth-child(4n):before {display:none;}
.mpre_small ul li+li+li+li {border-bottom:#fff 0.5px solid; margin-bottom:0; height:9vw;}
.mpre_small ul li+li+li+li+li+li {border-bottom:0;}
.mpre_small ul li dl {margin-top:-1vw;}
.mpre_small ul li dl dt {font-family:'Space Grotesk'; font-size:0.9vw; margin-bottom:0.5vw; letter-spacing:0; color:#453731; text-align:left;
	border:#453731 0.5px solid; border-radius:10vw; display:inline-block; padding:0.5vw 1vw;
}
.mpre_small ul li dl dt+dd {color:#453731; font-weight:500; font-size:1.2vw; line-height:1.7vw;}
.mpre_small ul li dl dd {margin-top:0.5vw;}
.mpre_small ul li .img_wrap:before {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background-size:cover; background-position:center; animation: rotate-reverse 20s linear infinite;}
.mpre_small ul li.mp01 .img_wrap:before {background-image: url('/img/mprem03.jpg');}
.mpre_small ul li.mp02 .img_wrap:before {background-image: url('/img/mprem04.jpg');}
.mpre_small ul li.mp03 .img_wrap:before {background-image: url('/img/mprem05.jpg');}
.mpre_small ul li.mp04 .img_wrap:before {background-image: url('/img/mprem06.png');}
.mpre_small ul li.mp05 .img_wrap:before {background-image: url('/img/mprem07.jpg');}
.mpre_small ul li.mp06 .img_wrap:before {background-image: url('/img/mprem08.jpg');}

.mprem_list {position:fixed; bottom:1.5vw; right:3vw; z-index:100; font-family:'Space Grotesk'; letter-spacing:0;
	color:#fff; text-transform: uppercase; font-weight:300; transition:all 0.9s ease .1s; opacity:0;
}
.mprem_list.color {color:#615b47;}
.mprem_list.on {bottom:1.5vw; opacity:1;}
.mprem_list dt {font-weight:500; margin-bottom:0;}
.mprem_list dd {position:relative; float:left; padding:0.3vw 0.5vw;}
.mprem_list dt+dd {padding-left:0;}
.mprem_list dd:before {content:''; width:0; height:0.5px; background:#fff; bottom:0; left:0; position:absolute;
	transition:all 0.9s ease .1s;
}
.mprem_list.color dd:before {background:#615b47;}
.mprem_list dd.on:before {width:100%;}

.mstory {background:#fbfcf4;}
.mstory:before {content:''; position:absolute;
	background:url('/img/mstory_bg.jpg')center center; background-size:100vw 100vh !important;
	z-index:2; animation: openBar_e 1.0s ease-in-out forwards;
}

.mstory.w02:before {
    animation: openBar 2.0s ease-in-out forwards;
}

@keyframes openBar {
    /* 시작: 원래 위치와 크기 */
    0% {
        width: 0%;
        left:56.5%;
		top:47%;
		height:8%;
    }
    
    /* 0.9초 지점: 10% 너비로 열림 (대략 전체의 45% 지점) */
    45% {
        width:8vw;
        left:calc(56.5% - 3.7vw);
		top:47%;
		height:8%;
    }
    
    /* 1.3초 지점까지: 10% 상태로 멈춰 있음 (대략 전체의 65% 지점) */
    65% {
        width:8vw;
        left:calc(56.5% - 3.7vw);
		top:47%;
		height:8%;
    }
    
    /* 끝: 100%로 부드럽게 쫙 펼쳐짐 */
    100% {
        width: 100%;
        left: 0%;
		top:0;
		height:100%;
    }
}
@keyframes openBar_e {
    /* 시작: 원래 위치와 크기 */
    0% {
        width: 100%;
        left:0;
		height:100%;
		top:0;
    }
	50% {
        width:100%;
        left:0;
		top:47%;
		height:8%;
    }
	100% {
        width: 0%;
        left:56.5%;
		top:47%;
		height:8%;
    }
}
.mstory .ani_txt.fir {z-index:3; position:absolute; width:100%; height:100%; top:0; left:0;
	padding:10vw;
}
.mstory .ani_txt.fir dt {letter-spacing:0;}
.mstory .ani_txt.fir dt+dd {font-size:2vw; line-height:110%; margin:4vw 0 2vw 0;}
.mstory .ani_txt.fir dd.last {font-size:3vw; line-height:100%; position:absolute; right:10vw; bottom:10vw;}
.mstory .ani_txt.sec {left:50%; transform:translate(-50%, -50%); position:absolute; top:50%; transition:all 0.9s ease .1s;}
.mstory .ani_txt.sec .ct01 {font-family:"Hurricane", cursive; font-size:2vw; line-height:130%; letter-spacing:0;}
.mstory .ani_txt.sec .ct02 {font-family:"Alumni Sans", sans-serif; font-size:7vw; line-height:100%; 
	white-space:nowrap;/*  letter-spacing:1vw; */
}
/* .mstory.on2 .ani_txt.sec .ct02 {letter-spacing:-0.05vw;} */
.mstory .ani_txt.sec .ct02 font {transition:all 0.9s ease .1s;}
.mstory.w02 .ani_txt.sec .ct02 font {margin-left:10vw;}
.mstory .ani_txt.sec .ct03 {text-align:right; font-size:1.2vw;}

.mstory.on2 .ani_txt.fir dt span, .mstory.on2 .ani_txt.fir dd span, .mstory.w02 .ani_txt.fir dd.last span {transition-delay:0s; transform: translateY(100%);}
.mstory.w02 .ani_txt.fir dt span, .mstory.w02 .ani_txt.fir dd span {transition-delay:2.0s; transform: translateY(0);}
.mstory.w02 .ani_txt.fir dd.last span {transition-delay:2.5s; transform: translateY(0);}
.mstory.off {left:-100%; top:0;}

.mcont06 {padding:7vw 5vw; background:#fff;}
.mcont06 ul {overflow:hidden; width:100%; height:100%; display:flex; gap:1vw;}
.mcont06 ul li {width:33.3%; position:relative; height:100%; overflow:hidden; color:#49352d;
	cursor:pointer; padding:1.5vw;
}

.mcont06 ul li a:before, .mcont06 ul li a:after {content:''; position:absolute; transition:all 0.8s ease .1s; 
	background:#49352d;	width:0; height:2px;
}
.mcont06 ul li:hover a:before, .mcont06 ul li:hover a:after {width:100%;}
.mcont06 ul li a:before {left:0; top:0;}
.mcont06 ul li a:after {right:0; bottom:0;}
.mcont06 ul li dl:before, .mcont06 ul li dl:after {content:''; position:absolute; transition:all 0.8s ease .1s; 
	background:#49352d;	height:0; width:2px;
}
.mcont06 ul li:hover dl:before, .mcont06 ul li:hover dl:after {height:100%;}
.mcont06 ul li dl:before {left:0; top:0;}
.mcont06 ul li dl:after {right:0; bottom:0;}

.mcont06 ul li:before {content:''; position:absolute; width:96%; height:20vw; bottom:1.3%; 
	transition:all 0.8s ease .1s; border-radius:0; left:2%;
}
.mcont06 ul li:after {content:'이미지컷'; position:absolute; bottom:2%; left:4%; font-size:0.7vw; color:#fff;
	opacity:0.9;
}
.mcont06 ul li:hover:before {border-radius:0;}
.mcont06 ul li.fir:before {background:url('/img/mlink01.png')center center; background-size:cover;}
.mcont06 ul li.sec:before {background:url('/img/mlink02.jpg')center left; background-size:cover;}
.mcont06 ul li.third:before {background:url('/img/mlink03.png')center center; background-size:cover;}
.mcont06 ul li dl {transition:all 0.8s ease .1s; margin:0; font-size:0.85vw;}
.mcont06 ul li:hover dl {margin:1vw 0 0 1vw;}
.mcont06 ul li dl dt {font-family:"Alumni Sans", sans-serif; letter-spacing:0; font-size:3vw; margin-bottom:1vw;
	line-height:100%; text-transform: uppercase_;
}
.mcont06 ul li dl dt+dd span {font-size: 0.7vw;}
.mcont06 ul li dl dd+dd {border:#49352d 1px solid; display:inline-block; color:#49352d; padding:0.3vw 1vw; margin-top:1vw;
	border-radius:100vw; font-weight:700;
}
.mcont06.off {top:-100%;}

.mcont07 {background:#d8c0b2; padding:0;}
.mcont07 ul {overflow:hidden; width:100%; height:100%;}
.mcont07 ul li {float:left; width:25%; position:relative; height:100%; overflow:hidden; color:#49352d;
	cursor:pointer;
}
.mcont07 ul li:before {content:''; width:100%; height:100%; position:absolute; bottom:0; left:-100%; z-index:-1;
	transition:all 0.8s ease .1s; background:#49352d; opacity:0.8;
}
.mcont07 ul li:after {content:'이미지컷'; position:absolute; bottom:2%; right:4%; font-size:0.7vw; color:#fff;
	opacity:0.8;
}
.mcont07 ul li:hover:before {left:0;}
.mcont07 ul li:hover {color:#fff;}
.mcont07 ul li dl {position:absolute; width:100%; top:25%; transform:translateY(-50%); padding:0 2.5vw;
	transition:all 0.8s ease .1s;
}
.mcont07 ul li:hover dl {top:50%; transform:translateY(-50%);}
.mcont07 ul li dl dt {font-family:'Space Grotesk'; letter-spacing:0; font-size:1.8vw; margin-bottom:3vw !important;
	line-height:100%;
}
.mcont07 ul li dl dt:before {content:''; width:0.7vw; height:2px; position:absolute; top:-2vw; left:2.5vw; 
	background:#49352d; display:none;
}
.mcont07 ul li:hover dl dt:before {background:#fff;}
.mcont07 ul li dl dt div {font-size:0.85vw; margin:0.2vw 0; font-family:"Noto Sans KR", sans-serif; letter-spacing:-0.05vw;}
.mcont07 ul li dl dd {opacity:0; transition:all 0.8s ease .1s; transform: translateY(100%);}
.mcont07 ul li:hover dl dd {opacity:1; transform: translateY(0);}
.mcont07 ul li:hover dl dd:nth-of-type(1) {transition-delay:0.3s;}
.mcont07 ul li:hover dl dd:nth-of-type(2) {transition-delay:0.5s;}
.mcont07 ul li:hover dl dd:nth-of-type(3) {transition-delay:0.7s;}
.mcont07 ul li .img_wrap {height:90%;}
.mcont07 ul li .img_wrap:before, .mcont07 ul li .img_wrap:after {content:''; width:100%; height:100%; 
	position:absolute; bottom:0; left:0; transition:all 3.0s ease .1s; z-index:-2;
}
.mcont07 ul li:hover .img_wrap:before {transform:scale(1.2);}
.mcont07 ul li .img_wrap:after {background:linear-gradient(to bottom, rgba(212, 189, 175, 1) 15%, rgba(212, 189, 175, 1) 0%, transparent 50%); z-index:-1;}
.mcont07 ul li.sc01 .img_wrap:before {background:url('/img/mcomm01.png')center left -30vw; background-size:cover;}
.mcont07 ul li.sc02 .img_wrap:before {background:url('/img/mcomm02.png')center center; background-size:cover;}
.mcont07 ul li.sc03 .img_wrap:before {background:url('/img/mcomm03.png')center left -7vw; background-size:cover;}
.mcont07 ul li.sc04 .img_wrap:before {background:url('/img/mcomm04.png')center right -18vw; background-size:cover;}

.mcont08 {background:#e2e3dd; padding:8vw;}
.mcont08:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; opacity:1;
	background:url('/img/mcontact_bg03.jpg')center center; background-size:cover;
}
.mcont08 .wrap {width:80%; position:absolute; top:50%; left:10%;
	transform:translateY(-50%);
}
.mcont08 dl h2 {color:#453630; font-size:6vw; position:relative; padding:0 !important; line-height:100%;
	 font-family:"Alumni Sans", sans-serif; text-transform: uppercase; left:0;
}
.mcont08.off {top:-10vw;}
.mcont08.off dl h2 {opacity:1; padding:5vw 0;}
.mcont08 ul {display:flex; width:100%; gap:0 5vw;}
.mcont08 ul li {width:50%; border-top:#49352d 1px solid;}
.mcont08 ul li>img {width:70%; margin-left:15%;}
.mcont08 ul li>div {position:relative; border-top:#49352d 1px solid; padding:1vw 0;}
.mcont08 ul li>div>div {position:absolute; right:0; top:1vw;}
.mcont08 ul li>div span {font-weight:700;}
.mcont08 ul li>div a {border:#49352d 1px solid; color:#49352d; font-size:0.8vw; padding:0.5vw 0.7vw;
	border-radius:100vw; margin-left:0.3vw;
}

.mcont.mfooter {background:none; height:10vw; top:auto; bottom:-10vw; padding:0;}
.mfooter.on {bottom:0;}
/* .mfooter #footer {position:absolute; left:0; bottom:0;} */

#footer {background:#291c15; padding:1.5vw 3vw; width:100%; color:#fff; height:10vw; position:relative;}
#footer .wrap {width:100%; overflow:hidden; font-size:0.8vw; font-weight:300; line-height:150%;}
#footer .wrap .bi_bottom img {height:35px; filter: brightness(0) invert(1); margin-bottom:0.5vw;}
#footer .wrap .ct {color:#cfcdc7;}
#footer .wrap .ct span {font-weight:500; color:#fff;}
#footer .wrap .ct .duck_foot {margin:5px 0 0 0; padding:0; font-size:0.6vw; color:#cfcdc7; opacity:0.7;}
#footer .wrap .line {display:inline-block; width:1px; height:10px; background:#fff; margin:0 7px; opacity:0.3;}
#footer .wrap .copy {position:absolute; right:3vw; bottom:1.5vw; 
	letter-spacing:0; font-size:0.7vw; opacity:0.7;
}
#log-container {position:absolute; right:3vw; top:1.5vw;}
#log-container a {color:#fff;}

.simg {text-align:center; position:relative;}
.simg>div {height:20vw; /* background:#e2e4dc; */ position:relative; overflow:hidden;}
.simg>div:before {content:''; background:url(/img/mstory_bg.jpg) center center / cover; position:absolute;
	transform: scale(1.2); top:0; left:0; width:100%; height:100%; animation: zoom 2s ease 0.1s forwards;
}
@keyframes zoom {
  to {
    transform: scale(1); /* 120% 확대 */
  }
}
.simg>div .mt {color:#111;}

/* simg>div .img_wrap {width:2vw; height:2vw; background:#fff; border-radius:0 100vw 100vw 0; 
	margin:0 0 3vw -1vw; top:8vw; left:50%; position:relative; animation:rotate-infinitely02 20s linear infinite;
    will-change: transform; overflow:hidden;
}
@keyframes rotate-infinitely02 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
} */
.simg .mt_text {
    overflow: hidden; /* 글자가 밑에서 대기할 때 안 보이게 처리 */
    display: inline-block;
}

.simg .mt_text span {
    display: inline-block;
    opacity: 0; /* 처음엔 안 보임 */
    transform: translateY(20px); /* 20px 아래에서 시작 */
    animation: revealUp 0.5s forwards; /* 애니메이션 실행 후 상태 유지 */
}

@keyframes revealUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.simg>div .mt {font-family: "Alumni Sans", sans-serif; letter-spacing:0; font-size:6vw; transform:translateY(-50%);
	line-height:110%; padding:0; position:relative; top:53%; display:inline-block; text-transform:uppercase;
}
/* .simg>div .mt:before, .simg>div .mt:after {content:''; width:0.3px; height:0; background:#fff; top:1vw; left:0; position:absolute; transition:all 0.5s ease .1s;}
.simg>div .mt.on:before, .simg>div .mt.on2:after {height:calc(100% - 2vw);}
.simg>div .mt:after {left:auto; right:0;}
.simg>div .mt>div.mt_text:before, .simg>div .mt>div.mt_text:after {content:''; height:0.5px; width:0; background:#fff; top:0; left:1vw; position:absolute; transition:all 0.5s ease .1s;}
.simg>div .mt.on>div.mt_text:before, .simg>div .mt.on2>div.mt_text:after {width:calc(100% - 2vw);}
.simg>div .mt>div.mt_text:after {top:auto; bottom:0;} */
.simg>div .mt .mt_text2 {font-size:1vw; position:absolute; width:100%; left:0; top:3vw; opacity:0;}
.simg>div .mt.on3 .mt_text2 {top:4vw; opacity:1; transition:all 0.9s ease .1s;}
/* .simg>div:before {content:''; width:0.5px; height:3vw; background:#fff; top:11vw; left:50%; position:absolute;} */
.simg .tab_f {overflow:hidden; width:100%; margin:0 auto; position:relative; border-bottom:#ddd 1px solid; padding:0 10%;}
.simg .tab_f li {float:left; background:#fff;}
.busip .simg .tab_f li {width:25%;}
.danp .simg .tab_f li {width:33.3%;}
.salep .simg .tab_f li {width:50%;}
.bunp .simg .tab_f li {width:14.28%;}
.unitp .simg .tab_f li {width:50%;}
.pressp .simg .tab_f li, .notip .simg .tab_f li, .prp .simg .tab_f li {width:25%;}
.simg .tab_f li a {display:block; height:4vw; line-height:4vw; color:#777; font-size:0.85vw; font-weight:500;}
/* .bunp .simg .tab_f li a {font-size:0.7vw;} */
.simg .tab_f li a br {display:none;}
.simg .tab_f li:first-child a {border-left:0;}
.sub01p .simg .tab_f li.st01 a,
.sub02p .simg .tab_f li.st02 a,
.sub03p .simg .tab_f li.st03 a,
.sub04p .simg .tab_f li.st04 a, .pressp .simg .tab_f li.st04 a,
.sub05p .simg .tab_f li.st05 a,
.sub06p .simg .tab_f li.st06 a,
.sub07p .simg .tab_f li.st07 a,
.sub08p .simg .tab_f li.st08 a,
.sub09p .simg .tab_f li.st09 a
{color:#615b47; border-bottom:#615b47 2px solid;}

.tab02 {overflow:hidden; margin:0 0 3vw 0; border-top:#ddd 1px solid;}
.tab02 li {float:left; text-align:center; cursor:pointer; line-height:3vw; 
	border-left:0; font-size:0.8vw; position:relative;
}
.tab02 li {display:block; height:100%; border-bottom:#ddd 1px solid;}
.tab02 li a {display:block; height:100%;}
.ssub01p .tab02 li.st01 a,
.ssub02p .tab02 li.st02 a,
.ssub03p .tab02 li.st03 a,
.ssub04p .tab02 li.st04 a,
.ssub05p .tab02 li.st05 a,
.tab02 li.on, .tab02 li.on a {background:#ae8c75; color:#fff; font-weight:500;}
.salep.sub01p .tab02 li {width:25%;}
.unitp.sub05p .tab02 li {width:25%;}
.reserp .tab02 li {width:50%;}
.bunp.sub06p .tab02 li {width:20%;}
.prp.sub02p .tab02 li {width:50%;}

.scont, #scont {width:80%; margin:5vw auto; min-height:500px;}
.danp .scont, .busip.sub05p .scont {margin:8vw auto;}
.scont h2 {font-size:1.8vw; color:#111; margin-bottom:2vw; line-height:140%;}

.scont h2 {font-size:1.4vw; color:#111; margin-bottom:5vw; line-height:150%;}
.scont h2 .font {letter-spacing:1vw; margin-bottom:1vw;}

/* --- 기본 상태 (숨김) --- */
.scont h2 .font span {
  display: inline-block;
  opacity: 0; filter:blur(3px);
  transform: translateY(20px);
  transition: opacity 0.6s ease, filter 0.6s ease, transform 0.6s ease;
}

.scont h2 p {
  opacity: 0; filter:blur(3px);
  transform: translateY(20px);
  transition: opacity 0.8s ease, filter 0.8s ease, transform 0.8s ease;
}

/* --- .on 클래스가 붙었을 때 (등장) --- */
/* 1. font 글자 등장 */
.scont h2.on .font span {
  opacity: 1; filter:blur(0);
  transform: translateY(0);
}

/* 2. p 첫 번째 줄 (글자 애니메이션 다 끝나갈 무렵인 0.5초 뒤 시작) */
.scont h2.on p:nth-of-type(1) {
  transition-delay: 0.5s;
  opacity: 1; filter:blur(0);
  transform: translateY(0);
}

/* 3. p 두 번째 줄 (첫 번째 p 등장 후 0.3초 뒤 시작) */
.scont h2.on p:nth-of-type(2) {
  transition-delay: 0.8s;
  opacity: 1; filter:blur(0);
  transform: translateY(0);
}
.scont h2.on p:nth-of-type(3) {
  transition-delay: 1.1s;
  opacity: 1; filter:blur(0);
  transform: translateY(0);
}
/* .scont h3 {text-align:center; color:#111; font-size:1.7vw; line-height:2.2vw; margin-bottom:2vw; letter-spacing:-0.1vw;}
.scont h3 div {color:#d4a187; font-size:1.4vw;} */
.scont .sc {margin-top:7vw;}
.scont .sc01 {margin-top:0;}
/* .scont .tabcont {display:none;}
.scont .tabcont.on {display:block;} */
.busip.sub04p .scont .sc h2,
.danp.sub01p .scont .sc h2
{font-family:"Alumni Sans", sans-serif; text-transform:uppercase; color:#453630;}

.ani_view {opacity:0; transition:all 0.9s ease .1s;}
.ani_view.on {opacity:1;}
.busip.sub01p .scont .sc {width:65%; margin-left:17.5%; position:relative;}
.busip.sub01p .scont .sc .hj {transform:translateX(-50%); left:50%; position:absolute; width:40%; margin:20% 0 0 9%;}
.busip.sub01p .scont .sc .hj.on {margin-left:7%;}
.busip.sub01p .scont .sc .text {left:-3%; position:absolute; width:110%; max-width:120%; top:40%; z-index:2;}
.busip.sub01p .scont .sc .text.on {left:-5%;}
.busip.sub01p .scont .sc ul.info_table {display:flex; flex-wrap:wrap; gap:1.5vw; padding:0; list-style:none; position:absolute; bottom:3vw; width:90%; left:5%;}
.busip.sub01p .scont .sc ul.info_table.on {bottom:5vw;}
.busip.sub01p .scont .sc ul.info_table li {width: calc((100% - 3vw) / 3); padding:0; margin:0;}
.busip.sub01p .scont .sc ul.info_table li dl dt {font-size:1vw; font-weight:500; color:#111;}
.busip.sub01p .scont .sc ul.info_table li dl dt+dd {margin-top:1vw; padding-top:1vw; border-top:#333 1px solid;}
.busip.sub01p.newp .scont .sc {width:80%; margin-left:10%;}
.busip.sub01p.newp .scont .sc .slide_wrap {width:100%;}
.busip.sub01p.newp .scont .sc ul.info_table {position:relative; width:100%; margin:3.5vw 0 0 0; left:0; bottom:auto; gap:2.2vw 1.5vw;}
.busip.sub01p.newp .scont .sc ul.info_table li dl dd span {font-size:0.7vw;}

.busip.sub03p .scont {width:100%;}
.busip.sub03p .scont .sc {width:80%; margin-left:10%;}
.busip.sub03p .scont .sc .wrapper {position:relative; padding:3vw 5vw;}
.busip.sub03p .scont .sc .wrapper dl {width:50%;}
.busip.sub03p .scont .sc .wrapper dl dt .txt-deco {font-family:"Alumni Sans", sans-serif; margin-bottom:1vw; letter-spacing:0; font-size:1.2vw;}
.busip.sub03p .scont .sc .wrapper .img_wrap {width:40%; position:absolute; right:5vw; top:0; 
	text-align:center; top:50%; transform:translateY(-50%); padding:4vw;
}
.busip.sub03p .scont .sc .wrapper .img_wrap img {max-height:100%;}
.busip.sub03p .scont .sc01 .wrapper {text-align:center; border-radius:0 5vw; overflow:hidden;}
.busip.sub03p .scont .sc01 .wrapper:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%;
	background:url('/img/busi/03cont01_bg.jpg')center bottom;	filter:grayscale(100%); opacity:0.1;
}
.busip.sub03p .scont .sc01 .wrapper dl {width:100%; z-index:2; position:relative;}
.busip.sub03p .scont .sc01 .wrapper dl ul {overflow:hidden; margin:4vw 0;}
.busip.sub03p .scont .sc01 .wrapper dl ul li {width:33.3%; float:left; border-left:#555 1px solid;}
.busip.sub03p .scont .sc01 .wrapper dl ul li:first-child {border-left:0;}
.busip.sub03p .scont .sc01 .wrapper dl ul li span {font-family:"Alumni Sans", sans-serif; font-size:2vw;
	display:block; margin-bottom:1vw; letter-spacing:0;
}
.busip.sub03p .scont .sc01 .wrapper dl dd {margin-top:2vw;}
.busip.sub03p .scont .sc03 .wrapper {background:#d8c0b2; border-radius:0 5vw;}
.busip.sub03p .scont .sc03 .wrapper dl {margin-left:50%;}
.busip.sub03p .scont .sc03 .wrapper .img_wrap {right:55%;}
.busip.sub03p .scont .sc04 {width:100%; background:#212121; margin-left:0; padding:7vw 10%;}
.busip.sub03p .scont .sc05 {/* background:#f0f1f1; */ width:100%; margin:0; padding:7vw 10%;
	border-bottom:#ddd 1px solid;
}

.busip.sub04p .scont {background:#fff; width:100%; margin:0; padding:5vw 10%;}
.busip.sub04p .scont .sc ul {display:flex; width:100%; gap:0 5vw;}
.busip.sub04p .scont .sc ul li {width:50%; border-top:#837871 1px solid;}
.busip.sub04p .scont .sc ul li>img {width:70%; margin-left:15%;}
.busip.sub04p .scont .sc ul li>div {position:relative; border-top:#837871 1px solid; padding:1vw 0;}
.busip.sub04p .scont .sc ul li>div>div {position:absolute; right:0; top:1vw;}
.busip.sub04p .scont .sc ul li>div span {font-weight:700;}
.busip.sub04p .scont .sc ul li>div a {border:#49352d 1px solid; color:#49352d; font-size:0.8vw; padding:0.5vw 0.7vw;
	border-radius:100vw; margin-left:0.3vw;
}
/* .busip.sub05p .simg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;} */
.busip.sub05p .scont {width:100%; margin-bottom:0; padding-top:5vw;}
.busip.sub05p .scont .sc01, .busip.sub05p .scont .sc02 {padding:0 10%; background:#fff; margin:0;}
.busip.sub05p .scont .sc02 {padding:10vw 10%;}
.busip.sub05p .scont .sc03 {padding:10vw 15vw; position:relative; margin:0;}
.busip.sub05p .scont .sc03:before {content:''; position:absolute; width:100%; height:100%; 
	background:#837871; opacity:0.9; top:0; left:0; z-index:-1;
}

.bunp.sub01p .scont, .bunp.sub04p .scont, .unitp.sub06p .scont {background:url('/img/bun/01cont01_bg.jpg')center center; background-size:cover; text-align:center;
	padding:7vw 0;
}
.bunp.sub04p .scont, .unitp.sub06p .scont {background:url('/img/bun/04cont01_bg.jpg')center center; background-size:cover;}
.bunp.sub01p .scont ul, 
.bunp.sub04p .scont ul,
.unitp.sub06p .scont ul {width:70%; margin:0 auto; margin-top:10vw; overflow:hidden;}
.bunp.sub01p .scont ul li, .bunp.sub04p .scont ul li,
.unitp.sub06p .scont ul li {float:left; width:50%;}
.bunp.sub01p .scont ul li img, .bunp.sub04p .scont ul li img, .unitp.sub06p .scont ul li img {width:60%;}
/* .bunp.sub05p .scont .img_wrap {padding:5vw; background:#ebe8e3;} */

.danp.sub01p .scont {width:90%;}
.danp.sub01p .scont .sc ul li {position:relative; margin-top:15vw;}
.danp.sub01p .scont .sc ul li:first-child {margin-top:0;}
.danp.sub01p .scont .sc ul li:first-child dl dd+dd {margin-top:0.5vw;}
.danp.sub01p .scont .sc ul li:first-child dl dd+dd .duck_foot {margin-top:0;}
.danp.sub01p .scont .sc ul li:nth-child(2n) {text-align:right;}
.danp.sub01p .scont .sc ul li .img_wrap {position:relative; display:inline-block; margin-top:5vw;
	transition: all 1.2s ease .1s; width:60%; height:70vh; overflow:hidden;
}
.danp.sub01p .scont .sc ul li.on .img_wrap {margin-top:0;}
.danp.sub01p .scont .sc ul li .img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.danp.sub01p .scont .sc ul li .img_wrap:before {content:'이미지컷'; position:absolute; right:1vw; bottom:1vw; color:#fff;
	font-size:0.6vw; opacity:0.7; line-height:100%;
}
.danp.sub01p .scont .sc ul li.edu .img_wrap:before {color:#111;}
.danp.sub01p .scont .sc ul li dl {position:absolute; left:70%; top:70%; transition: all 0.9s ease .1s;
	transform:translateY(-50%); opacity:0;
}
.danp.sub01p .scont .sc ul li.on dl {top:50%; opacity:1;}
.danp.sub01p .scont .sc ul li dl:before {content:''; width:10vw; height:10vw; border:#f1ebe3 4vw solid; position:absolute; left:-5vw; top:-5vw;
	border-radius:100vw 0 0 100vw; z-index:-1; animation: rotate-infinitely 20s linear infinite; display:none;
}
.danp.sub01p .scont .sc ul li:nth-child(2n) dl:before {left:auto; right:-5vw; border-radius:0 100vw 100vw 0;}
.danp.sub01p .scont .sc ul li:nth-child(2n) dl {right:70%; left:auto;}
.danp.sub01p .scont .sc ul li dl dt {font-family:"Alumni Sans", sans-serif; letter-spacing:0; 
	font-size:4.5vw; position:relative; margin-bottom:4vw; color:#000; line-height:100%;
}
/* .danp.sub01p .scont .sc ul li dl dt:before {content:''; width:0; height:0.1vw; transition: all 0.9s ease .1s;
	background:#49352d; position:absolute; left:0; bottom:-0.5vw;
}
.danp.sub01p .scont .sc ul li:nth-child(2n) dl dt:before {left:auto; right:0;}
.danp.sub01p .scont .sc ul li.on dl dt:before {width:100%;}
.danp.sub01p .scont .sc ul li dl dt:after {transform:rotate(90deg);} */
.danp.sub01p .scont .sc ul li dl dt+dd {font-size:1.2vw; line-height:2vw; margin:1vw 0;
	font-weight:500;
}
.danp.sub01p .scont .sc ul li dl dd span {font-size:0.7vw; line-height:100%;}
.danp.sub01p .scont .sc ul li dl dd+dd+dd {margin-top:0.5vw;}

/* .danp.sub02p {background:#f6f3ed;} */
.danp.sub02p .scont {width:100%; margin-bottom:0;}
.danp.sub02p .scont .sc01 {width:80%; margin-left:10%;}
.danp.sub02p .scont .sc01 .iso {padding:0 7vw; margin:7vw 0 10vw 0;}
.danp.sub02p .scont .sc02 {background:#121418; padding:14vw 0 10vw 0; position:relative; overflow:hidden;}
.danp.sub02p .scont .sc02 .arrow {position:absolute; top:5vw; right:5vw; width:5vw; height:5vw;
	background:none; border-radius:10vw; border:#fff 0.5px solid;
}
.danp.sub02p .scont .sc02 .arrow.disabled {opacity:0.5;}
.danp.sub02p .scont .sc02 .btn_prev {right:12vw;}
.danp.sub02p .scont .sc02 .arrow img {filter:invert(100%); width:20%; position:absolute; top:50%;
	transform:translate(-50%, -50%); left:50%;
}
.danp.sub02p .scont .sc02 .btn_prev img {transform:translate(-50%, -50%) rotate(-180deg);}
.danp.sub02p .scont .sc02 ul {
  display: flex !important;
  gap:0px;
  overflow-x: auto !important;
  list-style: none;
  margin:0;
  /* cursor: grab;
  user-select: none;
  -webkit-user-drag: none;
  scrollbar-width: none;
  -ms-overflow-style: none; */
}

.danp.sub02p .scont .sc02 ul::-webkit-scrollbar {display:none;}
.danp.sub02p .scont .sc02 ul li {color:#fff; width:52%; flex-shrink: 0 !important;}
.danp.sub02p .scont .sc02 ul li .img_wrap {padding:3vw; opacity: 0.2; transition:all 0.5s ease .1s;
	text-align:center;
}
.danp.sub02p .scont .sc02 ul li .img_wrap img {width:100%;}
.danp.sub02p .scont .sc02 ul li.active .img_wrap {opacity:0.8; padding:0;}
.danp.sub02p .scont .sc02 ul li .txt {position:absolute; top:34%; left:9%; opacity:0;
	font-size:2vw; transition:all 1.0s ease .1s; line-height:80%; min-height:20vh;
}
.danp.sub02p .scont .sc02 ul li.active .txt {opacity:1; left:7%;}
.danp.sub02p .scont .sc02 ul li .txt>div {opacity: 0; font-size:1vw; margin-top:1.3vw;
  transition: opacity 0.3s ease 0.1s;
}
.danp.sub02p .scont .sc02 ul li.active .txt div {opacity:1;}
.danp.sub02p .scont .sc02 ul li.active .txt span {font-size:1vw;}
.danp.sub02p .scont .sc02 ul li .font {color:#fff; font-size:9vw; position:absolute;
	top:21%; left:0; opacity:0; left:9%; transition:all 1.0s ease .1s; font-family: "Alumni Sans", sans-serif;
    letter-spacing: 0;
}
.danp.sub02p .scont .sc02 ul li.active .font {opacity:1; left:7%;}
.danp.sub02p .scont .sc02>.duck_foot {width:80%; margin:0 0 0 7%;}

.busip.sub05p .simg {height:100%; background:url('/img/busi/05top_bg.jpg')center center; background-size:cover;}
.busip.sub05p .simg:before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    height:60%; pointer-events: none;
}
.busip.sub05p .simg .img_wrap
{display:none;}
.busip.sub05p .simg .tab_f
{position:absolute; bottom:-4vw; left:10%;}
.simg_txt {position:absolute; top:20%;
	text-align:center; color:#fff; width:100%;
}
.busip.sub05p .simg_txt {top:auto; bottom:6vw; transform:unset;}

@keyframes fadeIn {
  from { opacity: 0; transform:translateY(2vw);}
  to { opacity: 1; transform:translateY(0);}
}
.simg_txt dt {font-size:1.2vw;}
.simg_txt dt div {font-size:5vw; font-family:"Alumni Sans", sans-serif; letter-spacing:0; line-height:100%; 
	overflow:hidden; margin:1vw 0 3vw 0;
}
.simg_txt dt div span {}
.simg_txt dt span, .simg_txt dt div span, .simg_txt dd span {display:inline-block;
  opacity: 0; /* 처음엔 안 보이게 */
  animation-name: fadeIn;
  animation-duration: 0.9s; /* 0.9초 동안 재생 */
  animation-timing-function: ease;
  animation-fill-mode: forwards; /* 애니메이션이 끝난 후 opacity: 1 유지 */
  
}
.simg_txt dt span { animation-delay: 0.3s; }
.simg_txt dt div span { animation-delay: 0.5s; }
.simg_txt dd span:nth-of-type(1) { animation-delay: 1.3s; }
.simg_txt dd span:nth-of-type(2) { animation-delay: 1.5s; }
.simg_txt dd span:nth-of-type(3) { animation-delay: 1.7s; }
.simg_txt dd span:nth-of-type(4) { animation-delay: 1.9s; }

.unitp .scont .sc {padding:0 5vw;}
.unitp .scont .sc img {margin-top:-5vw;}

.unitp .scont h2, 
.danp.sub01p .scont h2,
.danp.sub03p .scont h2
{font-family:"Alumni Sans", sans-serif; letter-spacing:0; background:#fff;}

.prp.sub02p .scont {position:relative; overflow:hidden;}
.prp.sub02p .scont img {z-index:2; position:relative; border-radius:3vw;}
.prp.sub02p .scont #tab01 {padding:5vw 17%; background:#f8f8f8;}
.prp.sub02p .scont #tab01 .duck_foot {color:#453731; opacity:0.8;}
.prp.sub02p .scont #tab02 {padding:5vw 17%; background:#d8c0b2;}
.prp.sub02p .scont ul.bg {position:absolute; top:-50%; left:-50%; width:200%; height:100%; transform:rotate(-45deg);}
.prp.sub02p .scont ul.bg li {width:100%; height:0.5px; background:#828160; opacity:0.2; margin-top:3px;}
.prp.sub06p .scont {width:40vw;}
/* 섬네일 전체를 감싸는 박스 */
.prp.sub06p .scont .slide_thum_wrap {
    position: relative; right:auto;
    overflow: hidden; /* 영역 밖으로 나가는 섬네일 숨김 */
}
.prp.sub06p .scont .arrow {top:50%; transform:translateY(-50%); width:2vw; border:#333 1px solid; border-right:0;}
.prp.sub06p .scont .arrow_l {transform:translateY(-50%) rotate(-180deg);}
/* 섬네일들이 가로로 나열되는 ul */
.prp.sub06p .scont .slide_thum {
    display: flex;
    transition: transform 0.4s ease; /* 이동 애니메이션 효과 */
    padding: 0;
    margin:1vw 0 0 0;
    list-style: none;
    will-change: transform;
}

.prp.sub06p .scont .slide_thum li {border:#fff 5px solid; opacity:1;
    flex-shrink: 0; /* 크기가 줄어들지 않도록 설정 */
    cursor: pointer; margin-right:10px;
    width:8vw;  /* 섬네일 너비 (상황에 맞게 조절) */
}
.prp.sub06p .scont .slide_thum li.on {border:#615b47 5px solid;}
.prp.sub06p.newp .scont {width:55vw;}
.prp.sub06p.newp .scont ul li {margin-top:3vw;}
.prp.sub06p.newp .scont ul li:first-child {margin-top:0;}

/*게시판*/
/* #bo_w, #content {width:1200px; margin:50px auto;} */
.atten {font-size:11px; color:#d4a187;}
.bo_fx input, .bo_fx a,
#bo_w .btn_confirm input, #bo_w .btn_confirm a,
#bo_v_bot a
{display:inline-block; height:35px; line-height:35px; padding:0 10px; border-radius:0; background:#fff; border:#aaa 1px solid; color:#555; font-size:14px; font-weight:400;}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {background:#111; color:#fff;}
#bo_list .scont_ci {display:none;}

.notip .scont #bo_v_file li {padding:0.5vw 0; border:1px solid #eee; border-left:0; border-right:0;}
#bo_v_file .view_file_download+span, #bo_v_file .view_file_download+span+span {display:none;}
.notip .scont {font-size:0.9vw;}
.notip .tbl_head01 table {border-top:#333 2px solid;}
.notip #bo_v_title {font-size:1vw; text-align:center; border-top:#333 1px solid; padding:1.5vw;}

.logo_coffee {position:absolute; width:8vw; height:8vw; right:0; bottom:14.5vw; z-index:1000; opacity:0; transition:all 0.9s ease .1s;}
.mcont01.on2 .logo_coffee {right:4.5vw; opacity:1;}
.logo_coffee img {filter: brightness(0) invert(1);}
.logo_coffee .c02 {position:absolute; top:0; left:0;animation: spin 10s linear infinite;}
.circle-wrap {position:absolute; width:10vw; height:10vw; right:0; bottom:3vw; z-index:1000; opacity:0; transition:all 0.9s ease .1s;
	transform:scale(1.2);
}
.mcont01.on2 .circle-wrap {right:3vw; opacity:1;}
.circle-wrap svg {
    overflow: visible !important; /* 박스 밖으로 나가는 글자도 보여줌 */
    animation: spin 10s linear infinite;
    transform-origin: center;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}
text {font-size: clamp(17px, 0.9vw, 17px); fill:#000; letter-spacing: 0.06em; vector-effect:non-scaling-stroke;}
.center {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background:#291c15;
	border-radius:100vw; width:7vw; height:7vw; z-index:-1; color:#fff; text-align:center; font-size:1.3vw; font-weight:700;
	border:0px dashed #fff; line-height:1.0vw;
}
.center div {margin:2.3vw 0 0.7vw 0;}

.side_menu {position:absolute; right:3vw; top:50%; z-index:1100; width:8vw; transition:all 0.5s ease .1s; 
	opacity:1; transform:translateY(-50%); font-size:0.8vw; display:none;
}
.side_menu dl {position:relative;}
.side_menu dl:before {content:''; width:100%; height:100%; left:0; top:0; position:absolute; opacity:0.8; z-index:-1;}
.side_menu dl dt {background:#60745b; color:#fff; padding:0.5vw; text-align:center; font-weight:500;}
.side_menu dl a {color:#fff; padding:0 0.7vw; line-height:2.5vw; padding-top:0; display:block; position:relative; opacity:1;}
.side_menu dl a {padding-left:1vw;}
.side_menu dl a:before {content:''; width:90%; height:0.5px; background:#fff; left:5%; bottom:0; position:absolute; opacity:0.3;}
.side_menu dl.group {border-radius:1vw 1vw 0 0; overflow:hidden; position:relative;}
.side_menu dl.group:before {background:#60745b;}/* 72896d */
.side_menu dl.group a img {width:0.5vw; position:absolute; right:9%; top:50%; transform:translateY(-50%);
	filter: brightness(0) invert(1); opacity:0; transition:all 0.5s ease .1s;
}
.side_menu dl.group a:hover img {opacity:1; right:5%;}
.side_menu dl.group dd:hover {background:#60745b;}
.side_menu dl.this {border-radius:0 0 1vw 1vw; margin-top:0.5vw; overflow:hidden; 
	text-align:center;
}
.side_menu dl.this:before {background:#5d5f38;}
.side_menu dl.this dt {background:#4c4e2e; color:#fff; float:left; width:100%;}
.side_menu dl.this dd {float:left; width:50%; font-size:0.6vw;}
.side_menu dl.this dd:hover {background:#5d5f38;}
.side_menu dl.this a {line-height:100%; padding:0.8vw 0.5vw;}
.side_menu dl.this a:before {width:100%; left:0;}
.side_menu dl.this dd+dd+dd a:before {display:none;}
.side_menu dl.this a img {width:2vw; filter: brightness(0) invert(1); margin-bottom:0.5vw; transition:all 0.5s ease .1s;}
.side_menu dl.this a:hover img {transform:rotate(15deg);}

/* s슬라이딩 */
.slide_wrap {position: relative; width:100%; margin: 0 auto;}
.slide_cont_wrap {position: relative; overflow: hidden;}
.slide_cont { display: flex; transition: transform 0.4s ease-in-out; padding: 0; list-style: none; }
.slide_cont li { min-width: 100%; }
.slide_cont li img { width: 100%; display: block; }
/* .slide_thum {display:flex; justify-content:center; gap:10px; list-style: none; margin-top: 10px; cursor: pointer; } */
.slide_thum_wrap {position:absolute; right:-7.5vw; top:0; padding-bottom:3vw;}
.slide_thum li {width:7vw; opacity: 0.5; transition: 0.3s; margin-bottom:0.5vw; cursor:pointer;}
.slide_thum li.on {opacity:1;}
.arrow {position: absolute; bottom:0; cursor:pointer; z-index:10; 
	width:1.7vw; background:#fff; padding:0.5vw;
}
.arrow_l {left:0; transform:rotate(-180deg);}
.arrow_r {right:0; }
/* e슬라이딩 */