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

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

body {
/* font-family:'Noto Sans KR',Noto Sans KR,'Dotum' , sans-serif ; */
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.85vw; font-weight:400;
letter-spacing:-0.03vw;
margin:0;
padding:0;
color:#777;
width:100%;
height:100%;
line-height:170%;
background:#fff;
word-break: keep-all; 
overflow-wrap: break-word;
}
* {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.7vw; margin-top:2vw; line-height:1vw; color:#888;}
.unitp .duck_foot>div {color:red;}
.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;}
#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;}
.font {font-weight:400; font-family: "Bricolage Grotesque", sans-serif; letter-spacing:0;}
/* 기본테이블 */
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;}

.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.5s ease .1s; top:0;
}
#header.view {background:#fff; border-bottom:#ccc 1px solid;}
.mainp #header {top:-5vw; opacity:0;}
.mainp.hv #header {top:0; opacity:1;}
#header:hover {max-height:18vw /* 12vw */; background:#fff !important; /* dccfbe */}
#header .ci {position:absolute; left:3vw; line-height:5vw; top:0;}
#header .ci img {width:16vw; vertical-align:middle; margin-top:-0.7vw; filter:brightness(0);}
.mainp #header .ci img {filter:brightness(0) invert(1);}
#header:hover .ci img, #header.wh .ci img {filter:brightness(0) invert(0);}
#header .gnb>li {display:inline-block; position:relative; margin:0 0.5vw; min-width:8vw;}
#header:before {content:''; position:absolute; height:0.5px; width:0; background:#ddd; top:5vw; left:0;}
#header:hover:before {width:100%;}
#header .gnb>li>a {display:block; padding:0 1.5vw; font-size:1vw; font-weight:500; color:#111;}
.mainp #header {background:none;}
.mainp #header .gnb>li>a {color:#fff;}
#header:hover .gnb>li>a,
#header.wh .gnb>li>a
{color:#111 !important;}
#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:2px; background:#5a534b; 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:2vw; font-size:0.9vw; opacity:0.7;}
#header .gnb>li ul>li.line02>a {line-height:1.4vw;}
.quick {position:fixed; right:3vw; top:1.4vw; z-index:1001; transition:all 1.5s ease .1s;}
.mainp .quick {top:0; transform:translateY(-100%);}
.mainp.hv .quick {top:1.4vw; transform:translateY(0);}
.quick li {float:left; margin-left:7px;}
.quick li a {display:block; height:2.4vw; line-height:2.4vw; padding:0; font-size:1.3vw;
	color:#fff; border:#49352d 0px solid; border-radius:10vw; font-weight:500;
	letter-spacing:0;
}
.mainp .quick li a {color:#fff;}
.quick li a img {width:0.8vw; position:relative; top:50%; transform:translateY(-50%); margin-right:0.3vw;}
.quick li a img {filter:brightness(0) invert(1);}
.quick.wh li a, .quick.view li a {color:#111;}
.quick.wh li a img, .quick.view li a img {filter:brightness(0) invert(0);}
.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:#111; 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;
}

/*관심고객 회전버튼*/
.circle-wrap {position:absolute; width:10vw; height:10vw; right:0; bottom:3vw; z-index:1000;
	transition:all 1.5s ease .1s; opacity:0; transform: scale(1.2); transform-origin: center center;
}
.mainp.hv .circle-wrap {right:4vw; 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(15px, 0.9vw, 15px); fill:#fff; vector-effect:non-scaling-stroke;}
text.font {letter-spacing:0.5vw;}
.center {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background:#fff;
	border-radius:100vw; width:70%; height:70%; z-index:-1; color:#111; text-align:center; font-size:1vw; font-weight:500;
	border:0px dashed #fff; line-height:1.2vw;
}
.center div {margin-top:2.3vw;}

.mainp {overflow:hidden; background:#121418;}
.mcont {position:absolute; top:0; left:0; width:100%; height:100%;
	transform:translateY(100%); transition:all 1.5s ease .1s;
    will-change:transform; backface-visibility: hidden;
}

/* 활성화 상태 (on) 및 지나간 상태 (off) */
.mcont.on {transform: translateY(0%);}
.mcont.off {transform: translateY(-100%);}

.mcont .step01,
.mcont.w02 .step02,
.mcont.w03 .step03 {display:block;}

.mainp.newp .mcont01 {transform:translate(0, 0);}
.mainp.newp .mcont01.off {transform:translate(-100%, 0);}
.mainp.newp .mcont h2 {position:absolute; font-size:1vw; color:#fff; top:10vw; right:10vw; z-index:2;}
.mainp.newp .mcont h2 div {font-size:5vw; line-height:100%; margin-bottom:1vw;}
.mainp.newp .mcont02 .img_wrap,
.mainp.newp .mcont03 .img_wrap
{position:absolute;  transition:all 1.5s ease .1s;}
.mainp.newp .mcont03 .img_wrap {width:100%; height:100%;}

/* 배경색 구분 */
.mcont01 {background-color:#f6f3ed; z-index:2;}
.mcont01.end {transform:translateY(-20%);}
.mcont01 .txt {position:absolute; transform:translateX(-50%); top:23%; left:50%;
	font-size:1.2vw; transition:all 1.5s ease .1s; color:#111; z-index:10;
}
.mcont01:before {content:''; position:absolute; width:0.5px; height:0; top:23%; left:30%;
	background:#5a534b; transition:all 1.5s ease .1s;
}
.mcont01.line:before {height:60%;}
.mcont01.lay:before {height:0; top:auto; bottom:17%;}
.mcont01.lay3 .txt {color:#fff; left:10%; transform:translateX(0);}
.mcont01 .txt dt, .mcont01 .txt dd {line-height:120%;}
.mcont01 .txt div {transform:translateY(30%); transition:all 1.5s ease .1s; opacity:0; filter:blur(5px);}
.mcont01 .txt .on div {transform:translateY(0); opacity:1; filter:blur(0);}
.mcont01 .txt dt {font-size:3vw; margin-top:1.3vw; font-weight:500; line-height:140%;}
.mcont01 .step01 {position:absolute; width:0; height:0.5px; left:15%; bottom:30%; overflow:hidden; z-index:2; transform: translateZ(0);
	background:#5a534b;
}
.mcont01 .step01.on {width:70%;}
.mcont01.lay .step01 {height:20%;}
.mcont01.lay3 .step01 {width:100%; height:100%; left:0; bottom:0;}
.mcont01 .step01 iframe {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);
	width:100vw; height:56.25vw; min-height:100vh; min-width:177.77vh; border:0; opacity:0;
    pointer-events:none; transition:all 1.5s ease .1s; zoom:1.2;
}
.mcont01.lay .step01 iframe {opacity:1; zoom:1;}
.mcont01 .mbi {position:absolute; bottom:10%; left:50%; transform:translate(-50%, -50%);
	width:20%; filter:brightness(0) blur(5px); opacity:0; transition:all 1.5s ease .1s; z-index:2;
}
.mcont01.lay2 .mbi {filter:brightness(0) invert(0); blur(0px); bottom:15%; opacity:1;}
.mcont01.lay3 .mbi {filter:brightness(0) invert(1); opacity:0;}
.mcont01 .duck_foot {color:#fff; position:absolute; bottom:3vw; left:0; z-index:2; transition:all 1.5s ease .1s;
	opacity:0;
}
.mainp.hv .mcont01 .duck_foot {left:10%; opacity:1;}

.mcont02 {background-color:#2b211b; transform:translateX(100%);}
.mcont02.on {transform:translateX(0);}
.mcont02 .img_wrap {z-index:-1; height:100%; left:0; top:0; width:100%; opacity:0.9;
	background:url('/img/busi/01cont01.jpg')center center; background-size:cover;
}

.mcont02 .img_wrap:before,
.mcont03 .img_wrap:before
{content:'이미지컷'; position:absolute; bottom:0.5vw; right:1vw;
	font-size:0.7vw; z-index:2; opacity:0.5; color:#fff;
}
.mcont03 .cprem01 .img_wrap:before {right:calc(40% + 1vw);}

.mcont02.w02 .img_wrap {height:80%; top:10%; transform:translateX(-50%); opacity:0.2;}
.mcont02 ul.info_table {display:flex; flex-wrap:wrap; gap:1.5vw; padding:0; list-style:none; 
	position:absolute; bottom:5vw; width:60%; right:0vw; opacity:0; transition:all 1.5s ease .1s;
}
.mcont02.w02 ul.info_table {right:10vw; opacity:1;}
.mcont02 ul.info_table li {width: calc((100% - 3vw) / 3); padding:0; margin:0;}
.mcont02 ul.info_table li dl dt {font-size:1.1vw; font-weight:500; color:#fff;}
.mcont02 ul.info_table li dl dd {color:#ddd;}
.mcont02 ul.info_table li dl dt+dd {margin-top:1vw; padding-top:1vw; border-top:#555 1px solid;}

.mcont03 {background:#5a534b;}
.mcont03.w02 {background:#f6f3ed;}
.mainp.newp .mcont03 h2 {right:0; top:auto; bottom:0; transition:all 1.5s ease .1s;
    width:100%;
    overflow: hidden;
    white-space: nowrap;
}
.mainp.newp .mcont03.w02 h2 {bottom:-10vw;}
.mainp.newp .mcont03.w03 h2 {display:none;}
/* 내부 .font 요소들을 flex로 묶고 애니메이션을 실행합니다 */
.mainp.newp .mcont03 h2 .font {
    display: inline-block; /* 또는 flex 아이템 처리 */
    font-size:10vw;
    padding-right:5vw; /* 글자 사이 간격 */
    flex-shrink: 0;
    animation: marquee 25s linear infinite;
}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        /* 정확히 한 덩어리 너비만큼 왼쪽으로 이동 */
        transform: translateX(-100%); 
    }
}
.mcont03:before {content:''; width:100%; height:100%; position:absolute; left:0; top:0;
	background: url('/img/dan/01cont02.jpg') center center / cover no-repeat; z-index:-2; opacity:0;
}
.mcont03.bg:before {opacity:1;}
.mcont03 .btn_wrap {display:flex; flex-wrap:wrap; right:0; top:15vw; position:absolute;
	overflow:hidden; justify-content:center; transition:all 1.5s ease .1s;
}
.mcont03.w02 .btn_wrap {/*  translateY(50%); bottom:0; */opacity:0; transform:scale(0)}
.mcont03 .tt {position:absolute; color:#fff; font-size:2vw; top:50%; left:50%; transform:translate(-50%, -950%);}
.mcont03 .btn_wrap li .st {position:absolute; color:#fff; font-size:3vw; background-blend-mode:difference;
	top:50%; left:50%; transform:translate(-50%, -50%);
}
.mcont03 .btn_wrap li.p01 .st {line-height:100%;}
.mcont03 .btn_wrap .p01 {border-radius:0 100vw 100vw 0;}
.mcont03 .btn_wrap .p02 {border-radius:0 0 100vw 100vw;}
.mcont03 .btn_wrap .p03 {border-radius:100vw 100vw 0 0;}
.mcont03 .btn_wrap li {width:16.6vw; height:15vw; /* background:#121418; */ position:relative;}
.mcont03 .cprem {position:absolute; width:100%; height:100%; transition:all 1.5s ease .1s; top:0; left:100%; overflow:hidden; transform:translateZ(0);
	/* background:#5a534b; */
}
.mcont03.w02 .cprem01,
.mcont03.w03 .cprem02, .mcont03.w04 .cprem03 {left:0;}
.mcont03.w03 .cprem01 {left:-100%;}
.mcont03.w04 .cprem02 {left:-100%;}
.mcont03 .cprem:before,
.mcont03 .cprem:after
{content:''; width:100vw; height:100dvh; position:fixed; top:0;}
.mcont03 .cprem:before {width:60vw;}
.mcont03 .cprem:after {width:0.5px; height:100%; background:#333; opacity:1;}
.mcont03 .cprem01:before {background: url('/img/dan/01cont02.jpg') center center / cover no-repeat; left:0;}
.mcont03 .cprem02:before {background: url('/img/dan/01cont01.jpg') center center / cover no-repeat; right:0;}
.mcont03 .cprem dl {position:fixed; z-index:2; opacity:1; transition:all 0.9s ease .1s;
	width:40vw; padding:0 0 0 7vw; color:#111;
}
.mcont03 .cprem01 dl {right:0; top:10vw;}
.mcont03 .cprem02 dl {left:0; bottom:10vw;}
.mcont03 .cprem dl dt {letter-spacing:0; font-size:5vw; line-height:100%;}
.mcont03 .cprem dl dd div {font-size:1.3vw; line-height:150%; margin:2vw 0 1vw 0;}
.mcont03 .cprem dl dd.tot div {font-size:1.1vw; margin-bottom:-0.2vw}
.mcont03 .cprem dl dd p {display:inline-block; font-weight:bold;}
.mcont03 .cprem dl dd span {font-size:0.7vw;}
.mcont03 .cprem03 .thum {position:absolute; top:50%; left:50%; transform:translate(-50%, -41%);}
.mcont03 .cprem03 dl {position:relative; left:50%; padding:0; transform:translateX(-50%); text-align:center;}
.mcont03 .cprem03 .thum ul {display:flex; gap:0 2vw; width:80%; margin-top:3vw;}
.mcont03 .cprem03 .thum ul li {flex:1; text-align:center; color:#111; font-size:1.5vw;}
.mcont03 .cprem03 .thum ul li .im {height:18vw; width:18vw; margin-bottom:1vw; position:relative;}
.mcont03 .cprem03 .thum ul li .im:before {content:'이미지컷'; position:absolute; bottom:0.5vw; left:50%; transform:translateX(-50%);
	font-size:0.7vw; z-index:2; opacity:0.5; color:#fff;
}
.mcont03 .cprem03 .thum ul li.st01 .im {background: url('/img/mcont03_01.png?v01') center center / cover no-repeat; border-radius:100vw 100vw 0 0;}
.mcont03 .cprem03 .thum ul li.st02 .im {background: url('/img/mcont03_02.png?v01') center center / cover no-repeat; border-radius:0 100vw 100vw 0 ;}
.mcont03 .cprem03 .thum ul li.st03 .im {background: url('/img/mcont03_03.png?v01') center center / cover no-repeat; border-radius:0 0 100vw 100vw;}
.mcont03 .cprem03 .thum ul li.st04 .im {background: url('/img/mcont03_04.png?v01') center center / cover no-repeat; border-radius:100vw 0 0 100vw;}

/* 2. 전체를 감싸는 영역 */
.patt {z-index:-1; position:absolute; transition:all 1.5s ease .1s;
    width: 100vw; height: 100vh; left:0; top:0;
}
/* .mcont03.w02 .patt {opacity:0.2;} */

/* 3. Grid를 이용한 화면 타일링 설정 */
.patt #pattWrap {
    display: grid;
    /* 화면 너비 기준으로 15vw 크기 타일 반복 생성 */
    grid-template-columns: repeat(auto-fill, minmax(15vw, 1fr));
    /* 높이도 15vw로 맞춰 1:1 정사각형 타일 유지 */
    grid-auto-rows: 15vw;
    
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 4. 개별 타일(li) 기본 스타일 */
.patt #pattWrap li { transition:all 1.5s ease .1s;
    width: 100%;
    height: 100%;
    background: #121418;
    position: relative;
    box-sizing: border-box;
}
.mcont03.w02 .patt #pattWrap li {transform:scale(0);}
/* 5. 패턴 방향별 모서리 곡선 설정 */
.patt #pattWrap li.p01 { border-radius: 0 100vw 100vw 0; }
.patt #pattWrap li.p02 { border-radius: 0 0 100vw 100vw; }
.patt #pattWrap li.p03 { border-radius: 100vw 100vw 0 0; }
.patt #pattWrap li.p04 { border-radius: 100vw 0 0 100vw; } /* 필요 시 사용 */

.mcont04 {background:#5a534b;}
.mcont04 ul {overflow:hidden; width:100%; height:100%;}
.mcont04 ul li {float:left; width:33.3%; position:relative; height:100%; overflow:hidden; color:#fff/* 49352d */;
	/* cursor:pointer; */
}
.mcont04 ul li:before {content:''; width:100%; height:100%; position:absolute; bottom:0; left:-100%; z-index:-1;
	transition:all 0.8s ease .1s; background:#5a534b; opacity:0.8;
}
.mcont04 ul li:after {content:'이미지컷'; position:absolute; bottom:2%; right:4%; font-size:0.7vw; color:#fff;
	opacity:0.8;
}
.mcont04 ul li:hover:before {left:0;}
.mcont04 ul li:hover {color:#fff;}
.mcont04 ul li dl {position:absolute; width:100%; top:30%; transform:translateY(-50%); padding:0 2.5vw;
	transition:all 0.8s ease .1s;
}
.mcont04 ul li:hover dl {top:50%; transform:translateY(-50%);}
.mcont04 ul li dl dt {font-size:0.85vw; letter-spacing:-0.05vw;}
.mcont04 ul li dl dt:before {content:''; width:0.7vw; height:2px; position:absolute; top:-2vw; left:2.5vw; 
	background:#49352d; display:none;
}
.mcont04 ul li:hover dl dt:before {background:#fff;}
.mcont04 ul li dl dt div {letter-spacing:0; font-size:3vw; margin-bottom:3vw !important;
	line-height:100%;}
.mcont04 ul li dl dd {opacity:0; transition:all 0.8s ease .1s; transform: translateY(100%);}
.mcont04 ul li:hover dl dd {opacity:1; transform: translateY(0);}
.mcont04 ul li:hover dl dd:nth-of-type(1) {transition-delay:0.3s;}
.mcont04 ul li:hover dl dd:nth-of-type(2) {transition-delay:0.5s;}
.mcont04 ul li:hover dl dd:nth-of-type(3) {transition-delay:0.7s;}
.mcont04 ul li .img_wrap {height:90%;}
.mcont04 ul li .img_wrap:before, .mcont04 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;
}
.mcont04 ul li:hover .img_wrap:before {transform:scale(1.2);}
.mcont04 ul li .img_wrap:after {background:linear-gradient(to bottom, #5a534b 2%, 
	#5a534b/* 8c7b69 */ 0%, transparent 90%); z-index:-1;
}
.mcont04 ul li.sc01 .img_wrap:before {background:url('/img/mcont04_01.png')center center; background-size:cover;}
.mcont04 ul li.sc02 .img_wrap:before {background:url('/img/mcont04_02.jpg')center center; background-size:cover;}
.mcont04 ul li.sc03 .img_wrap:before {background:url('/img/mcont04_03.jpg')center center; background-size:cover;}
.mcont04 ul li .btn_oj {color:#fff; border:#fff 1px solid; margin-top:1vw;}
/* .mcont04 ul li.sc01 .btn_oj {display:inline-block;} */
.mcont05 {background:#f6f3ed;}
.mainp.newp .mcont.mcont05 h2 {position:relative; top:auto; right:auto; color:#111; 
	margin:4vw 0;
}
.mcont05 ul {display:flex; width:80%; gap:0 5vw; position:absolute; left:50%; transform:translate(-50%, -60%);
	top:50%; color:#555
}
.mcont05 ul li {width:40%;}
.mcont05 ul li+li {width:60%; padding:0 2vw; font-size:1vw;}
.mcont05 ul li>div {position:relative; overflow:hidden; padding:1vw 0;}
.mcont05 ul li>div+div {border-top:#5a534b 1px solid;}
.mcont05 ul li>div>div {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.mcont05 ul li>div span {font-weight:700;}
.mcont05 ul li>div a {font-size:0.8vw; margin-left:0.5vw;}

.btn_oj {border:#111 0.5px solid; border-radius:100vw; color:#111; padding:0.5vw 3vw 0.5vw 1vw; position:relative; display:inline-block;}
.btn_oj:before {content:''; position:absolute; right:1vw; top:50%; width:1vw; height:1vw;
	background:url('/img/arrow_na.png')center center; background-size:cover; transform:translateY(-50%);
}
.mcont03 .btn_oj {margin-top:2vw;}
.mcont04 .btn_oj:before {filter:brightness(0) invert(1);}
.step-box {display:none; transition:all 1.5s ease .1s; width:;100%; height:100%;}

.mainp #footer {position:fixed; left:0; bottom:0; transition:all 0.9s ease .1s; border:0; z-index:-1;}
.mainp #footer.on {bottom:0;}
.mainp.newp #footer {transform:translateY(100%); z-index:2;}
.mainp.newp #footer.on {transform:translateY(0);}
#footer {background:#121418; padding:1.5vw 3vw; width:100%; color:#fff; height:10vw; position:relative;
	border-top:#333 1px solid;
}
#footer .wrap {width:100%; overflow:hidden; font-size:0.8vw; font-weight:300; line-height:170%;}
#footer .wrap .bi_bottom img {height:19px; filter: brightness(0) invert(1); margin-bottom:1vw;}
#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;}
.simg>div {height:30vw; position:relative; overflow:hidden;}/* 96917e */
.simg>div:before {content:''; width:100%; height:100%; background:url('/img/simg2.jpg')center bottom -6vw; 
	background-size:cover; position:absolute; left:0; top:0;
	animation: scaleDown 1.9s ease 0.1s forwards;
}
@keyframes scaleDown {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.simg .mt_text {
    overflow: hidden; /* 글자가 밑에서 대기할 때 안 보이게 처리 */
    display: inline-block;
}

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

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

.simg>div .mt {font-size:4vw; color:#111; transform:translateY(-50%);
	line-height:100%; padding:1.5vw; position:relative; top:53%; display:inline-block;
}
.simg>div .mt .mt_text2 {font-size:1vw; position:absolute; width:100%; left:0; top:8vw; opacity:0;}
.simg>div .mt.on3 .mt_text2 {top:6.7vw; 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; position:relative; border-bottom:#ddd 1px solid;
	padding:0 10%; z-index:2;
}
.danp.sub01p .simg .tab_f {background:#fff;}
.simg .tab_f li {float:left;}
.busip .simg .tab_f li {width:20%;}
.danp .simg .tab_f li {width:33.3%;}
.salep .simg .tab_f li {width:50%;}
.appp .simg .tab_f li {width:50%;}
.bunp .simg .tab_f li {width:14.28%;}
.unitp .simg .tab_f li {width:14.28%;}
.pressp .simg .tab_f li, .notip .simg .tab_f li, .prp .simg .tab_f li {width:50%;}
.simg .tab_f li a {display:block; height:4vw; line-height:4vw;
	color:#777; font-size:0.9vw; 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, .pressp .simg .tab_f li.st03 a,
.sub04p .simg .tab_f li.st04 a, .notip .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,
.sub10p .simg .tab_f li.st10 a
{color:#615b47; border-bottom:#615b47 2px solid;}

.tab02 {overflow:hidden; margin:-2vw 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:#8c7b69; 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%;}

.scont, #scont {width:80%; margin:5vw auto; min-height:400px;}
.scont h2 {font-size:1.4vw; color:#111; margin-bottom:5vw; line-height:150%;}
.scont h2 .font {letter-spacing:1vw; font-size:0.8vw; 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 .ani_view {opacity:0; transition:all 0.9s ease .1s; transform:translateY(5vw);}
.scont .ani_view.on {opacity:1; transform:translateY(0);}
.scont .sc {margin-top:4vw;}
.scont .sc01 {margin-top:0;}

.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; }

.busip.sub01p .scont .sc {position:relative;}
.busip.sub01p .scont .slide_cont_wrap .duck_foot {position:absolute; bottom:2vw; right:2vw; color:#fff; opacity:0.7;}
.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:1.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 .slide_wrap {width:calc(100% - 7.5vw); margin:0;}
.busip.sub01p.newp .scont .sc ul.info_table {position:relative; width:calc(100% - 7.5vw); margin:3.5vw 0 0 0; left:0; bottom:auto; gap:2.2vw 1.5vw;}
/* .busip.sub02p {background:#f6f3ed;} */
.busip.sub03p .scont .sc01 {position:relative; width:75%;}
.busip.sub03p .scont .sc01 h2 img {width:25%; margin-top:3vw;}
.busip.sub03p .scont .sc01 .thum {width:100%;}
.busip.sub03p .scont .sc01 .group {width:70%; margin-bottom:3vw;}
.busip.sub03p .scont .sc01 .hj {width:45%; position:absolute; right:-40%; bottom:-5vw; z-index:2;}
.busip.sub03p .scont .sc01 .info_table {margin:2vw 0; background:#111;	padding:3vw;}
.busip.sub03p .scont .sc01 .info_table h3 {color:#fff; font-weight:500; font-size:1.2vw;
	margin-bottom:1vw;
}
.busip.sub03p .scont .sc01 ul {display:flex; gap:2vw;}
.busip.sub03p .scont .sc01 ul li {flex:1;}
.busip.sub03p .scont .sc01 ul li table {border-top:#333 1px solid;}
.busip.sub03p .scont .sc01 ul li th, .busip.sub03p .scont .sc01 ul li td {background:none;
	border-bottom:#333 1px solid; color:#ddd;
}
.busip.sub03p .scont .sc01 ul li th {color:#fff; font-weight:500;}
.busip.sub03p .scont .sc01 ul li td+td {text-align:right;}
.busip.sub04p {background:#f6f3ed;}
.busip.sub04p .scont .sc01 h2 {margin:5vw 0 3vw 0;}
.busip.sub04p .scont .sc01 ul {display:flex; width:100%; gap:0 5vw; color:#555}
.busip.sub04p .scont .sc01 ul li {width:40%;}
.busip.sub04p .scont .sc01 ul li+li {width:60%; padding:0 2vw; font-size:1vw;}
.busip.sub04p .scont .sc01 ul li>div {position:relative; overflow:hidden; padding:1vw 0;}
.busip.sub04p .scont .sc01 ul li>div+div {border-top:#5a534b 1px solid;}
.busip.sub04p .scont .sc01 ul li>div>div {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.busip.sub04p .scont .sc01 ul li>div span {font-weight:700; color:#111;}
.busip.sub04p .scont .sc01 ul li>div a {font-size:0.8vw; margin-left:0.5vw;}

.bunp.sub02p .scont>img {padding:0 8vw;}
/* .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;} */


.bunp.sub10p .scont .sc ul li {position:relative; margin-top:15vw;}
.bunp.sub10p .scont .sc ul li .img_wrap:after {content: ""; width:100%;
    position: absolute; aspect-ratio: 16 / 9;
    bottom: 0;
    right: 0;
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center;}
.bunp.sub10p .scont .sc ul li:first-child {margin-top:0;}
.bunp.sub10p .scont .sc ul li:first-child dl dd+dd {margin-top:0.5vw;}
.bunp.sub10p .scont .sc ul li:first-child dl dd+dd .duck_foot {margin-top:0;}
.bunp.sub10p .scont .sc ul li:nth-child(2n) {text-align:right;}
.bunp.sub10p .scont .sc ul li .img_wrap {position:relative; width:50%; display:inline-block; margin-top:5vw;
	transition: all 1.2s ease .1s;
}
.bunp.sub10p .scont .sc ul li.on .img_wrap {margin-top:0;}
/* .bunp.sub10p .scont .sc ul li:nth-child(2n) .img_wrap {margin-left:50%;} */
.bunp.sub10p .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%;
}
.bunp.sub10p .scont .sc ul li.edu .img_wrap:before {color:#111;}
.bunp.sub10p .scont .sc ul li .img_wrap img {opacity:0;}
.bunp.sub10p .scont .sc ul li dl {position:absolute; left:65%; top:10vw; line-height:1.6vw; transition: all 1.2s ease .1s;
	font-size:0.9vw;
}
.bunp.sub10p .scont .sc ul li.on dl {top:5vw;}
/* .bunp.sub10p .scont .sc ul li dl:before {content:''; width:10vw; height:10vw; background:#f1ebe3; position:absolute; left:-5vw; top:-5vw;
	border-radius:100vw 0 0 100vw; z-index:-1; animation: rotate-infinitely 20s linear infinite;
} */
.bunp.sub10p .scont .sc ul li:nth-child(2n) dl:before {left:auto; right:-5vw; border-radius:0 100vw 100vw 0;}
.bunp.sub10p .scont .sc ul li:nth-child(2n) dl {right:65%; left:auto;}
.bunp.sub10p .scont .sc ul li dl dt {font-family: 'Seaside Display'; letter-spacing:0; font-size:1vw; display:none;}
.bunp.sub10p .scont .sc ul li dl dt+dd {font-size:1.8vw; line-height:2.4vw; margin:0 0 1vw 0; color:#453731;}
.bunp.sub10p .scont .sc ul li dl dt+dd span {font-size:0.8vw; line-height:100%;}
.bunp.sub10p .scont .sc ul li dl dd+dd+dd {margin-top:0.5vw;}
.bunp.sub10p .scont .sc ul li dl dd a {background:#828160; color:#fff; border-radius:50vw; margin-top:1vw;
	 height:30px; line-height:30px; display:inline-block; padding:0 30px 0 15px; position:relative;
}
.bunp.sub10p .scont .sc ul li dl dd a img {height:40%; position:absolute; right:15px; top:30%; filter: brightness(0) invert(1);}

.prp.sub02p.newp .scont {padding:0; background:none; position:relative; overflow:hidden;}
.prp.sub02p.newp .scont .tab02 {margin:0 0 2vw 0;}
.prp.sub02p.newp .scont .tab02 li {width:50%;}
.prp.sub02p.newp .scont .tabcont {background:#e0ddd3; padding:3vw; position:relative; overflow:hidden; text-align:center;}
.prp.sub02p.newp .scont #tab02 {padding:3vw 19vw;}

@keyframes rotate-infinitely {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* .danp.sub01p {transition: all 0.9s ease .1s;}
.danp.sub01p.w02 {background:#f6f3ed;}
.danp.sub01p.w03 {background:#dccfbe;}
.danp.sub01p.w04 {background:#fff7ef;}
.danp.sub01p.w05 {background:#e7ddd0;}
.danp.sub01p.w06 {background:#f6f3ed;}
.danp.sub01p.w07 {background:#dccfbe;}
.danp.sub01p.w08 {background:#fff7ef;} */
.danp.sub01p .scont {width:100%; margin-top:0;}
.danp.sub01p .scont .sc01 h2 {padding:9vw 0 0 5vw;}
.danp.sub01p .scont .sc01:before, .danp.sub01p .scont .sc01:after {content:''; width:0.5px; height:100%; 
	background:#ccc; position:fixed; top:-7vw; z-index:-1; display:none;
}
.danp.sub01p .scont .sc01:before {left:70%;}
.danp.sub01p .scont .sc01:after {left:90%;}
.danp.sub01p .scont .sc01 ul {
  position:relative;
  width:100%;
  height:100vh; /* 부모 화면 고정용 높이 */
}
.danp.sub01p .scont .sc01 ul:before {content:''; width:30vw; height:28.7vw; border:#999/* f1ebe3 */ 0.5px solid; position:absolute; 
	left:10vw; top:0; border-radius:100vw 0 0 100vw; z-index:-1; 
	animation: rotate-infinitely 20s linear infinite;
}

.danp.sub01p .scont .sc01 ul li {
  position: absolute; text-align:right;
  top:40vh; /* 처음에는 화면 아래쪽에 대기 */
  left:0;
  width:100%;
  box-sizing:border-box;
  
  /* 부드러운 스타일 변화 */
  transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}
.danp.sub01p .scont .sc01 ul li .img_wrap {width:60vw; height:100vh; position:fixed; right:0; top:0; overflow:hidden;}
.danp.sub01p .scont .sc01 ul li:nth-child(8n) .img_wrap:before {content:'이미지 컷'; position:absolute; right:1vw; bottom:1vw; color:#fff; z-index:2;}
.danp.sub01p .scont .sc01 ul:after {content:''; width:60vw; height:100vh; position:absolute; 
	right:0; top:0; background:#fff; z-index:-1;
}
.danp.sub01p .scont .sc01 ul li .img_wrap img {width:100%; height:100%; transform: scale(1.2);
	object-fit:cover; object-position:center; transition:all 0.9s ease .1s; opacity:0;
}
.danp.sub01p .scont .sc01 ul li.on .img_wrap img {transform: scale(1); opacity:1;}
.danp.sub01p .scont .sc01 ul li dl {position:absolute; right:67%; top:6vw; opacity:0; transition:all 0.9s ease .1s;}
.danp.sub01p .scont .sc01 ul li.on dl {opacity:1;}
.danp.sub01p .scont .sc01 ul li:has(+ li.on) dl {top:4vw;}
.danp.sub01p .scont .sc01 ul li.on+li dl {top:8vw;}
.danp.sub01p .scont .sc01 ul li dl dt {font-weight:400; font-family: "Bricolage Grotesque", sans-serif; letter-spacing:0;
	font-size:4vw; color:#111;
}
.danp.sub01p .scont .sc01 ul li dl dt+dd {color:#111; margin:3.5vw 0 1vw 0; font-size:1.3vw; line-height:160%;}
.danp.sub01p .scont ul+.duck_foot {margin:-10vw 0 0 5vw;}

.danp.sub02p .scont .sc ul li {margin-top:5vw; position:relative;}
.danp.sub02p .scont .sc ul li div {background:#fff; color:#111; position:absolute; width:10vw; text-align:center;
	border-radius:10vw; line-height:2.4vw; font-size:1vw; font-weight:500; border:#111 1px solid; top:1vw; left:1vw;
}
.danp.sub03p {background:#f6f3ed;}
.danp.sub03p .scont {width:100%; margin-bottom:0;}
.danp.sub03p .scont .sc01 {width:80%; margin-left:10%;}
.danp.sub03p .scont .sc01 .iso {padding:0 7vw; margin:7vw 0 10vw 0; display:none;}
.danp.sub03p .scont .sc02 {background:#121418; padding:14vw 0 10vw 0; position:relative; overflow:hidden;}
.danp.sub03p .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.sub03p .scont .sc02 ul::-webkit-scrollbar {display:none;}
.danp.sub03p .scont .sc02 ul li {color:#fff; width:52%; flex-shrink: 0 !important;}
.danp.sub03p .scont .sc02 ul li .img_wrap {padding:3vw; opacity: 0.2; transition:all 0.5s ease .1s;
	text-align:center;
}
.danp.sub03p .scont .sc02 ul li .img_wrap img {width:100%;}
.danp.sub03p .scont .sc02 ul li.active .img_wrap {opacity: 1; padding:0;}
.danp.sub03p .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%;
}
.danp.sub03p .scont .sc02 ul li.active .txt {opacity:1; left:7%;}
.danp.sub03p .scont .sc02 ul li .txt>div {opacity: 0; font-size:1vw; margin-top:1.3vw;
  transition: opacity 0.3s ease 0.1s;
}
.danp.sub03p .scont .sc02 ul li.active .txt div {opacity:1;}
.danp.sub03p .scont .sc02 ul li .font {color:#fff; font-size:7vw; position:absolute;
	top:21%; left:0; opacity:0; left:9%; transition:all 1.0s ease .1s;
}
.danp.sub03p .scont .sc02 ul li.active .font {opacity:1; left:7%;}
.danp.sub03p .scont .sc02>.duck_foot {width:80%; margin:0 0 0 7%;}
/* 마우스 커서를 따라다닐 드래그 버튼 스타일 */
.btn_drag {background:#f6f3ed; color:#111; width:5vw; height:5vw; border-radius:10vw;
  position: fixed; text-align:center; line-height:5vw; font-size:0.7vw;
  top: 0;
  left: 0;
  z-index: 9999;
  
  /* 마우스 포인터 클릭 및 반응 이벤트를 방해하지 않도록 설정 */
  pointer-events: none; 
  
  /* 커서 중앙 정렬 */
  transform: translate(-50%, -50%) scale(0.8);
  margin-left:2vw;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
.mainp .btn_drag {background:#e0ddd3; font-size:0.9vw; pointer-events: auto; cursor:pointer;}
.mainp .btn_drag * {
    /* 버튼 내부 자식 요소들이 마우스 이벤트를 방해하지 않도록 설정 */
    pointer-events: none;
}

/* 영역 진입 시 활성화 스타일 */
.btn_drag.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

.salep.sub01p .scont .tabcont {padding:0 10vw;}

.unitp .scont {padding:4vw;}
.unitp.sub05p .scont, .unitp.sub07p .scont {padding:0;}
.unitp.sub01p .scont, .unitp.sub02p .scont {background:#fafaf7;}
.unitp.sub03p .scont, .unitp.sub04p .scont {background:#f7f7f3;}
.unitp .scont h2 {display:none;}
.unitp.sub05p .scont h2, .unitp.sub07p .scont h2 {display:block;}
/*.unitp .scont img {padding:0 3vw;} */
/*.unitp.sub02p .scont img, .unitp.sub04p .scont img {padding:0 19vw;} */
.unitp.sub05p .scont .tabcont,
.danp.sub05p .scont .tabcont
{position:relative; height:70vh;}

.prp.sub02p .scont {padding:5vw 20%; background:#e0ddd3; position:relative; overflow:hidden;}
.prp.sub02p .scont img {z-index:2; position:relative; width:65%;}
.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;}
.prp.sub07p.newp .scont {padding:0 5%;}

/*게시판*/
/* #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;}