@font-face {
    font-family: 'Seaside Display';
    src: url('/font/SeasideDisplayMedium.woff2') format('woff2'),
        url('/font/SeasideDisplayMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Seaside Display';
    src: url('/font/SeasideDisplay-Bold.woff2') format('woff2'),
        url('/font/SeasideDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Akkurat Pro';
    src: url('/font/AkkuratPro-Regular.woff2') format('woff2'),
        url('/font/AkkuratPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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:'Noto Sans KR',Noto Sans KR,'Dotum' , sans-serif ;
font-size:0.8vw; font-weight:400;
letter-spacing:-0.05vw;
margin:0;
padding:0;
color:#453630;
width:100%;
height:100%;
line-height:160%;
background:#fff;
}
* {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;}
#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;}

.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; background:#828160;
}
#header:hover {max-height:18.5vw; background:#828160 !important;}
#header .ci {position:absolute; left:3vw; line-height:5vw; top:0;}
#header .ci img {width:15vw; vertical-align:middle; margin-top:-0.7vw; filter:brightness(0) invert(1);}
#header.color .ci img {filter:brightness(100) invert(1);}
#header:hover .ci img {filter:brightness(0) invert(1);}
#header .gnb>li {display:inline-block; position:relative; margin:0 0.5vw;}
#header .gnb>li>a {display:block; color:#fff; padding:0 1.5vw; font-size:1vw; font-weight:400;}
.mainp #header {background:none;}
.mainp #header .gnb>li>a {color:#fff;}
#header:hover .gnb>li>a {color:#fff !important;}
#header.color .gnb>li>a, .quick.color li a {color:#453630;}
#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:2vw; color:#fff; font-size:0.9vw;}
#header .gnb>li ul>li.line02>a {line-height:1.4vw;}
.quick {position:fixed; right:3vw; top:1.4vw; overflow:hidde; z-index:1001;}
.quick li {float:left; margin-left:7px;}
.quick li a {display:block; height:2vw; line-height:2vw; padding:0; font-size:0.9vw;
	color:#fff; background:#828160; border-radius:0; text-align:center; width:7vw; border:#9c9b79 1px solid;
}
.mainp .quick li a {border:#828160 1px solid;}
.quick.border li a {border:#9c9b79 1px solid;}
.quick li+li a {font-family:'Seaside Display'; font-size:1vw; letter-spacing: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:#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:#f1ebe3; overflow:hidden;
}
.mcont.on {top:0;}
.mcont.off {top:-100dvh;}
.mcont h2 {font-size:1.5vw; font-family:'Seaside Display'; color:#fff; width:100%; line-height:1.7vw; 
	padding:6vw 1vw; transition:all 0.9s ease .1s; opacity:0; position:absolute;
}
.mcont.on2 h2 {padding:5vw 0; opacity:1;}
.mcont h2 div {font-family:'Noto Sans KR',Noto Sans KR,'Dotum' , sans-serif ; font-size:1vw;}
.mcont h2 div .duck_foot {margin:0; position:relative; bottom:auto; left:auto; padding:0;}
.mcont h2 div span {font-size:0.6vw; display:inline-block; vertical-align:middle; margin-bottom:0.2vw;
	line-height:1vw;
}
.mcont h2 div h3 {font-size:2.5vw; margin:3vw 0 1vw 0; line-height:3.5vw;}
.mcont h2 div h3 span {font-size:0.9vw; display:inline-block; vertical-align:middle; margin-bottom:0.5vw;
	line-height:1vw; display:none;
}
.mcont.off02 {top:-100dvh !important}
.mcont02 h2 div h3 {font-size:1.4vw; margin-top:2vw;}
.cycle-slideshow, .cycle-carousel-wrap, .cycle-sentinel, .cycle-slide {width:100%; height:100vh !important;}
.mcont01 {background:url('/img/mimg.jpg?v01')center bottom; background-size:cover; top:0 !important;}
.newp .mcont01 {background:url('/img/mimg_n.jpg')center bottom; background-size:cover;}
/* .mcont01.off {filter: grayscale(0) blur(5px);} */
/* .mcont01 .mov {width:100%; height:100%; position:fixed; top:0; right:0;}
.mcont01 .mov.off {z-index:-1;} */
.mcont01 .mov dl {font-size:1.2vw; letter-spacing:-0.1vw; color:#494435; bottom:70dvh; position:absolute; font-weight:500;}
.mcont01 .mov dl dt {font-size:2.6vw; margin-top:1.5vw; font-weight:700;}
.mcont01 .mov dl dd span {font-size:0.8vw;}
.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;}
.mcont02 {color:#fff; background:none; backdrop-filter: blur(5px);}
.mcont02 h2 {font-size:4vw; line-height:1.4vw;}
.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:50%; 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;}
.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:1vw; 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;}
/* .mcont03, .mcont04 {width:96%; height:calc(100% - 6vw); margin:6vw 0 0 4%; border-radius:10vw 0 0 0;}
.mcont04 {border-radius:0 10vw 0 0; margin:6vw 4% 0 0;} */
.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:-100vw; top:0}
.mcont06.off {left:0; top:-100dvh;}
.mcont04, .mcont05, .mcont06 {top:0; left:100vw;}
.mcont04.on, .mcont05.on, .mcont06.on {left:0;}
.mcont03:before, .mcont04:before {z-index:-1; 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;
}
.mcont03.on:before, .mcont04.on:before, .mcont03.on:after, .mcont04.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.jpg')center center; background-size:cover;}
.mcont03:after, .mcont04:after {z-index:-1; content:''; position:absolute; width:100%; height:90%;
	top:5%; left:0; opacity:0.3; 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:'Seaside Display'; 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:'Seaside Display'; 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%;}
.mcont07 {background:#fff; padding:0;}
.mcont07 ul {overflow:hidden; width:100%; height:100%;}
.mcont07 ul li {float:left; width:33.3%; position:relative; height:100%; overflow:hidden;}
.mcont07 ul li:before {content:''; width:100%; height:37%; position:absolute; bottom:0; left:0; z-index:-1;
	transition:all 0.8s ease .1s;
}
.mcont07 ul li:after {content:''; width:0.5px; height:0; position:absolute; top:0; left:0; 
	background:#615b47; opacity:0.2; transition:all 0.9s ease .1s; z-index:-2;
}
.mcont07 ul li.fir:before {background:url('/img/mth01.jpg')center center; background-size:cover;}
.mcont07 ul li.sec:before {background:url('/img/mth02.jpg?v01')center center; background-size:cover;}
.mcont07 ul li.third:before {background:url('/img/mth03.jpg')center center; background-size:cover;}
.mcont07 ul li a {display:block; height:100%; color:#615b47;}
.mcont07 ul li dl {position:absolute; width:100%; top:45%; transform:translateY(-50%); padding:0 2.5vw;}
.mcont07 ul li dl dt {font-family:'Seaside Display'; letter-spacing:0; font-size:2vw; margin-bottom:1vw;}
.mcont07 ul li dl dt:before {content:''; width:0.7vw; height:0.7vw; position:absolute; top:-4vw; left:2.5vw; background:#fff;
	border-radius:0; border-bottom:#615b47 2px solid;
}
.mcont07.on ul li:after {height:100%;}
.mcont07 ul li:hover:before {opacity:1; width:110%; left:-5%;}
.mcont07 ul li dl dd span {font-size:10px;}
.mcont07 ul li dl dd+dd {margin-top:1vw; position:absolute; right:2.5vw; border:#828160 1px solid; padding:0.5vw 1.5vw;
	border-radius:100vw; overflow:hidden; transition:all 0.5s ease .1s;
}
.mcont07 ul li:hover dl dd+dd {color:#fff;}
.mcont07 ul li dl dd+dd:before {content:''; width:0; height:100%; position:absolute; bottom:0; left:0; background:#828160; z-index:-1; transition:all 0.5s ease .1s;}
.mcont07 ul li:hover dl dd+dd:before {width:100%;}

.mcont08 {background:#f1ebe3;}
.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 .img_wrap {width:30%; left:13%; position:absolute; top:50%; transform:translateY(-50%); padding:1.5vw;
	backdrop-filter: blur(10px); opacity:0; transition:all 0.5s ease .1s;
}
.mcont08 .img_wrap img {width:100%; opacity:0; transition:all 0.9s ease .1s;}
.mcont08 .img_wrap.on2 {opacity:1;}
.mcont08 .img_wrap.on3 img {opacity:1;}
.mcont08 .img_wrap:before, .mcont08 .img_wrap:after {content:''; width:0.5px; height:0; background:#453630; top:1.5vw; left:0; position:absolute; transition:all 0.9s ease .1s;}
.mcont08 .img_wrap.on:before, .mcont08 .img_wrap.on:after {height:calc(100% - 3vw);}
.mcont08 .img_wrap:after {left:auto; right:0;}
.mcont08 .img_wrap>div:before, .mcont08 .img_wrap>div:after {content:''; height:0.5px; width:0; background:#453630; top:0; left:1.5vw; position:absolute; transition:all 0.9s ease .1s;}
.mcont08 .img_wrap.on2>div:before, .mcont08 .img_wrap.on2>div:after {width:calc(100% - 3vw);}
.mcont08 .img_wrap>div:after {top:auto; bottom:0;}
.mcont08 dl {position:absolute; left:47%; top:50%; transform:translateY(-50%);}
.mcont08 dl h2 {color:#453630; font-size:4vw; position:relative;}
.mcont08 dl dd {padding:1vw 0; overflow:hidden; padding-left:2vw; transition:all 0.9s ease .1s; opacity:0;}
.mcont08.on2 dl dd, .mcont08.off dl dd {padding-left:0; opacity:1;}
.mcont08 dl dd+dd {border-top:#453630 0.5px solid;}
.mcont08 dl dd span {color:#453630; font-weight:700;}
.mcont08 dl dd a {float:right; margin:0 0.5vw;}
.mcont08 dl dd a+a {margin-left:1.5vw;}
.mcont08 dl dd a img {height:1.2vw; vertical-align:middle; margin:-0.2vw 0.5vw 0 0;}
.mcont08.off {top:-10vw;}
.mcont08.off dl h2 {opacity:1; padding:5vw 0;}
.mcont09 {height:0; padding:0;}

.mainp #footer {position:fixed; left:0; bottom:-10vw; z-index:10; transition:all 0.9s ease .1s;}
.mainp #footer.on {bottom:0;}
#footer {background:#615b47; 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: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 {font-family: 'Seaside Display'; 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:20vw; background:#828160; position:relative; overflow:hidden;}/* 96917e */

/* 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: 'Seaside Display'; letter-spacing:0; font-size:2.4vw; color:#fff; transform:translateY(-50%);
	line-height:100%; padding:1.5vw; position:relative; top:53%; display:inline-block;
}
.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: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:80%; margin:0 auto; position:relative; border-left:#ddd 0px solid; border-right:#ddd 0px solid;}
.simg .tab_f li {float:left; background:#fff;}
.busip .simg .tab_f li {width:20%;}
.danp .simg .tab_f li {width:20%;}
.salep .simg .tab_f li {width:50%;}
.bunp .simg .tab_f li {width:20%;}
.unitp .simg .tab_f li {width:20%;}
.pressp .simg .tab_f li, .notip .simg .tab_f li, .prp .simg .tab_f li {width:16.66%;}
.simg .tab_f li a {display:block; height:3vw; line-height:3vw; border-left:#ddd 0px solid; border-bottom:#ddd 1px solid;
	color:#777; font-size:0.8vw; font-weight:500;
}
.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
{	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;}
.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:#a1b06d; color:#fff; font-weight:500;}
.salep.sub01p .tab02 li {width:25%;}
.unitp.sub05p .tab02 li {width:25%;}

.scont, #scont {width:80%; margin:5vw auto; min-height:500px;}
.scont h2 {font-size:2.4vw; text-align:center; padding:3vw 0; color:#111; border-bottom:#333 1px solid; margin-bottom:5vw;}
.danp.sub03p .scont h2 {padding-top:8vw;}
/* .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:4vw;}
.scont .sc01 {margin-top:0;}
/* .scont .tabcont {display:none;}
.scont .tabcont.on {display:block;} */

.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.sub03p .scont .sc {width:80%; margin-left:10%;}
.busip.sub04p .scont .sc:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; opacity:1;
	background:url('/img/mcontact_bg03.jpg'); background-size:cover; z-index:-1;
	background-position:center center;
}
.busip.sub04p .scont .sc {position:relative; padding:5vw;}
.busip.sub04p .scont .sc .img_wrap {width:43%; position:relative;}
.busip.sub04p .scont .sc .img_wrap img {width:100%; padding:1vw;}
.busip.sub04p .scont .sc .img_wrap:before, .busip.sub04p .scont .sc .img_wrap:after {content:''; width:0.5px; height:calc(100% - 3vw); background:#453630; top:1.5vw; left:0; position:absolute;}
.busip.sub04p .scont .sc .img_wrap:after {left:auto; right:0;}
.busip.sub04p .scont .sc .img_wrap>div:before, .busip.sub04p .scont .sc .img_wrap>div:after {content:''; height:0.5px; width:calc(100% - 3vw); background:#453630; top:0; left:1.5vw; position:absolute;}
.busip.sub04p .scont .sc .img_wrap>div:after {top:auto; bottom:0;}
.busip.sub04p .scont .sc dl {position:absolute; left:50%; top:50%; transform:translateY(-50%);}
.busip.sub04p .scont .sc dl dt {font-family: 'Seaside Display'; letter-spacing:0; font-size:3vw; color:#453630; position:relative; margin-bottom:2vw;}
.busip.sub04p .scont .sc dl dd {padding:1vw 0; overflow:hidden;}
.busip.sub04p .scont .sc dl dd+dd {border-top:#453630 0.5px solid;}
.busip.sub04p .scont .sc dl dd span {color:#453630; font-weight:700;}
.busip.sub04p .scont .sc dl dd a {float:right; margin:0 0.5vw;}
.busip.sub04p .scont .sc dl dd a+a {margin-left:1.5vw;}
.busip.sub04p .scont .sc dl dd a img {height:1.2vw; vertical-align:middle; margin:-0.2vw 0.5vw 0 0;}

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

.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; width:50%; display:inline-block; margin-top:5vw;
	transition: all 1.2s ease .1s;
}
.danp.sub01p .scont .sc ul li.on .img_wrap {margin-top:0;}
/* .danp.sub01p .scont .sc ul li:nth-child(2n) .img_wrap {margin-left:50%;} */
.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:65%; top:10vw; line-height:1.4vw; transition: all 1.2s ease .1s;}
.danp.sub01p .scont .sc ul li.on dl {top:5vw;}
.danp.sub01p .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;
}
.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:65%; left:auto;}
.danp.sub01p .scont .sc ul li dl dt {font-family: 'Seaside Display'; letter-spacing:0; font-size:1vw;}
.danp.sub01p .scont .sc ul li dl dt+dd {font-size:1.6vw; line-height:2.4vw; margin:1vw 0; color:#453731;}
.danp.sub01p .scont .sc ul li dl dt+dd span {font-size:0.8vw; line-height:100%;}
.danp.sub01p .scont .sc ul li dl dd+dd+dd {margin-top: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.sub02p .scont .sc ul li:nth-child(2n) div {left:auto; right:1vw;} */
.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;}
.danp.sub03p .scont {margin-top:0;}
/* .danp.sub03p .scont h2 {position:fixed; font-family: 'Seaside Display'; letter-spacing:0; font-size:7vw;
	left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1; border:0; color:#; opacity:0.1;
} */
.danp.sub03p .scont .iso {background:#e3e6e1; padding:5vw; margin-bottom:5vw;}
.danp.sub03p .scont .sc ul {margin-bottom:7vw;}
.danp.sub03p .scont .sc ul li {margin-top:10vw; position:relative;}
.danp.sub03p .scont .sc ul:before, 
.danp.sub03p .scont .sc ul:after {content:''; width:0.5px; height:100%; position:fixed; top:0; left:25%;
	background:#111; z-index:-1; opacity:0.3;
}
.danp.sub03p .scont .sc ul:after {left:75%;}
.danp.sub03p .scont .sc ul li:first-child {margin-top:0;}
.danp.sub03p .scont .sc ul li:nth-child(2n) {text-align:right;}
.danp.sub03p .scont .sc ul li .img_wrap {width:45%; margin-top:5vw; transition:all 1.2s ease .1s; display:inline-block; position:relative;}
.danp.sub03p .scont .sc ul li.on .img_wrap {margin-top:0;}
.danp.sub03p .scont .sc ul li .txt {position:absolute; left:25%; margin-top:2vw; border:#453630 1px solid;
	border-radius:100vw; padding:0 1vw; line-height:2.4vw; font-size:1vw; font-weight:500; background:#fff;
}
.danp.sub03p .scont .sc ul li .txt>div {position:absolute; font-size:0.8vw; width:300%; line-height:1.3vw; margin-top:1vw; left:0;}
.danp.sub03p .scont .sc ul li .txt>div .duck_foot {margin-top:0.5vw;}
.danp.sub03p .scont .sc ul li:nth-child(2n) .txt {left:auto; right:25%; margin-left:5vw;}
.danp.sub03p .scont .sc ul li:nth-child(2n) .txt>div {left:auto; right:0;}
.danp.sub03p .scont .sc ul li .img_wrap:before {content:'이미지컷'; position:absolute; bottom:1vw; left:1vw;
	z-index:2; color:#fff; opacity:0.8; font-size:0.7vw;
}

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

.unitp .scont h2, 
.danp.sub01p .scont h2,
.danp.sub03p .scont h2
{font-family: 'Seaside Display'; letter-spacing:0; background:#fff;}
.unitp .scont {padding:4vw;}
.unitp.sub05p .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 {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;}
.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;}

/*상단 퀵메뉴*/
.circle-wrap {position:absolute; width:10vw; height:10vw; right:3vw; top:5vw; z-index:1000;}
.side_menup .circle-wrap {right:auto; top:auto; left:3vw; bottom:5.5vw; display:none;}
.side_menup .mcont01 .circle-wrap {display:block;}
.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:#000;/* f2cdbc */
	border-radius:100vw; width:7vw; height:7vw; z-index:-1; color:#fff; text-align:center; font-size:1.5vw; 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%);
}
.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슬라이딩 */

/*모바일*****************************************************************************************************/
@media all and (max-width:1099px) {

/* 공통 */
.mo_view {display:block;}
.pc_view {display: none !important; 
        visibility: hidden;
        width: 0;
        height: 0;
        pointer-events: none;}
body {font-size:14px; letter-spacing:-1px; line-height:160%;}
#cont_wrap {width:100%; min-height:100px; margin:0 auto; padding:0; max-width:900px;}
.view_mo {display:block;}
/* #contp {width:100%; padding:70px 15px 15px 15px;} */
#simg {height:200px; line-height:250px; font-size:30px;}
.nav {display:none;}
.duck_foot {font-size:9px; line-height:13px; margin-top:20px;}
.duck_foot br {display:none;}
table th, table td {padding:7px;}
.br {display:block !important; height:0 !important;}
br.none {display:none;}

.scroll {bottom:50%; right:15px; text-align:center; letter-spacing:0; font-size:8px; transform:rotate(-90deg);}
.scroll.off {bottom:50%; right:0;}
.scroll img {width:9px; 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 {height:60px; max-height:60px;}
#header:hover {background:none !important;}
#header .ci {left:15px; line-height:50px; font-size:14px; z-index:1000;}
#header .ci img {height:19px; width:auto; vertical-align:middle;}
#header .gnb {position:fixed; top:60px; width:100%; z-index:-1; left:-100%;
transition:all 0.5s ease .1s; text-align:left;
}
#header .gnb.on {left:0; z-index:1;}
#header .gnb li {display:block; position:relative; z-index:1; margin:0;}
#header .gnb>li>a {height:60px; line-height:60px; border-top:#9c9b79 1px solid; letter-spacing:0; color:#fff !important;
	display:block; font-size:15px; padding:0 20px !important; background:#828160; font-weight:500;
}
#header .gnb li:first-child a {border-top:0;}
#header .gnb:after {position:fixed; background:#615b47;/* d09e85 */ width:100%; height:100%; opacity:0; top:60px; left:0; content:''; 
	z-index:-1; display:none; transition:all 0.5s ease .1s;
}
#header .gnb.on:after {opacity:0.9; display:block;}
#header .gnb>li ul {display:none;}
.quick {transition:all 0.5s ease .1s; right:0; width:100%; top:auto; bottom:-50px;}
.quick.on {bottom:0;}
.quick li {width:50%; margin:0;}
.quick li a {font-size:14px; line-height:50px; height:50px; width:100%; font-weight:500; border:0;}
.quick li+li a {font-size:16px; background:#998c6c; font-weight:bold;}
.btn_all {position:fixed; right:15px; top:15px; z-index:1003; display:block;}
.btn_all.color li div {background:#111;}
.r_menu {width:75px; top:60px; right:-90px; transition:all 0.5s ease .1s;}
.r_menu.view {right:15px !important; opacity:1;}
.bi_poong {right:15px; top:60px; width:50px;}

.side_menu {right:0; width:100%; top:auto; bottom:0; transform:unset; padding:10px; overflow:hidden;}
.side_menu dl {width:49.5%; float:left;}
.side_menu dl.group {border-radius:10px 0 0 10px;}
.side_menu dl.group dd {width:50%; float:left;}
.side_menu dl.group a img {opacity:1; width:5px;}
.side_menu dl a, .side_menu dl dt {line-height:30px !important; padding:0 10px !important; font-size:11px;}
.side_menu dl dt {font-size:12px;}
.side_menu dl.this {border-radius:0 10px 10px 0; float:right; margin:0;}
.side_menu dl.this dd {height:60px;}
/* .side_menu dl.this a br {display:none;} */
.side_menu dl.this a img {width:25px; margin:10px 0 -3px 0;}

.mcont_wrap .cycle-carousel-wrap, .mcont_wrap {height:100dvh;}
.mcont {padding:20px; height:100dvh; margin:0; transition:all 1.2s ease .1s;}
.mcont h2 {font-size:19px; line-height:29px; letter-spacing:0; padding:0 0 0 15px; left:30px; top:15%;}
.mcont.on2 h2 {padding:0}
.mcont h2 div {font-size:12px; line-height:18px; margin-top:20px;}
.mcont h2 div span {font-size:9px; margin-bottom:3px;}
.mcont h2 div h3 {font-size:22px; line-height:30px; margin-bottom:15px;}
.mcont h2 div h3 span {font-size:10px; margin-bottom:6px}

.mcont01 .mov {height:100dvh;}
.mcont01 .mov .hj {right:20px; height:50dvh; max-height:380px; bottom:0;
	filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.3));
}
.newp .mcont01 .mov .hj {width:auto;}
.newp .mcont01 {background-position:calc(50% - 11%) center;}
/* .video-container .mov_menu {width:100%;}
.video-container .mov_menu li {width:20% !important;} */
.mcont01 .mov dl {font-size:14px; letter-spacing:-1px; bottom:auto; top:120px; line-height:22px; font-weight:500; left:35px;}
.mcont01 .mov dl dt {font-size:28px; line-height:38px; margin-top:10px;}
.mcont01 .mov dl dd span {font-size:10px;}
.mcont02:before {height:100dvh;}
.mcont02 h2 {top:auto; bottom:400px; font-size:40px}
.mcont02 h2 div {margin-top:-7px;}
.mcont02 h2 div h3 {font-size:15px; margin-top:15px;}
.mcont02 ul {width:calc(100% - 40px); right:20px; top:auto; transform:none; bottom:20px;}
.mcont02 ul li {width:100%; margin:0; padding:7px 0; height:auto;}
.mcont02 ul li:before {display:none;}
.mcont02 ul li dl dt {font-size:14px; position:absolute;}
.mcont02 ul li dl dd {padding-left:100px;}
.mcont03, .mcont04 {background:#615b47;}
/* .mcont04 {background:#616047;} */
.mcont03 .duck_foot, .mcont04 .duck_foot, .mcont05 .duck_foot, .mcont06 .duck_foot {bottom:110px; font-size:8px; line-height:12px; left:0px; padding:0 10px;}
.mcont05 .duck_foot, .mcont06 .duck_foot {bottom:70px;}
.mcont03:after, .mcont04:after {display:none;}
.mcont03:before, .mcont04:before {height:30%; top:auto; bottom:120px;}
.mcont03.on:before, .mcont04.on:before {height:40%; top:auto; bottom:100px;}
.mcont07 ul {top:50%; transform:translateY(-50%); position:relative; height:90%;}
.mcont07 ul li {width:100%; height:calc(33.3% - 40px); margin:20px 0;}
.mcont07 ul li:before {height:50%; border-radius:20px 20px 0 0;}
.mcont07 ul li:after {display:none;}
.mcont07 ul li dl {position:relative; top:0; transform:none; padding:0;}
.mcont07 ul li dl dt {font-size:30px; margin-bottom:10px;}
.mcont07 ul li dl dd {font-size:12px; line-height:18px;}
.mcont07 ul li dl dd+dd {margin:0; right:0; top:0; font-size:11px; padding:5px 10px;}
.mcont08::before {background: url('/img/mcontact_bg03.jpg'); background-size:cover;
background-position: right 19% center;
}
.mcont08 .img_wrap {width:calc(100% - 30px); left:15px; top:80px; transform:none; padding:15px;}
.mcont08 dl {position:absolute; left:15px; top:auto; bottom:20px; transform:none; width:calc(100% - 30px);}
.mcont08 dl h2 {font-size:34px; left:0;}
.mcont08 dl dd {padding:15px 0;}
.mcont08 dl dd a {width:49%; margin:7px 0 0 0 !important; background:#5b5f32; color:#fff;
	padding:7px 15px; border-radius:100px; position:relative; font-size:12px;
}
.mcont08 dl dd a+a {float:left;}
.mcont08 dl dd a img {height:16px; margin:-8px 0 0 0; position:absolute; right:15px; top:50%;}
.mcont08.off {top:-190px;}
.mcont09 {height:0; padding:0;}

.mpre_small ul li {width:100%; margin:0; padding:20px 0; text-align:left;}
.mpre_small ul li .img_wrap {position:absolute; left:0; margin:0 15px; top:calc(50% - 10vw);}
.mpre_small ul li:nth-child(2n) .img_wrap {left:auto; right:0;}
.mpre_small ul li dl {width:60vw; font-size:11px; margin-left:30vw;}
.mpre_small ul li:nth-child(2n) dl {margin-left:0;}
.mpre_small ul li.mp01, .mpre_small ul li.mp03, .mpre_small ul li.mp04, .mpre_small ul li.mp06 {border:0;}
.mpre_small ul li dl dt {font-size:13px; padding:5px 10px; margin-bottom:7px;}
.mpre_small ul li dl dt+dd {font-size:15px; line-height:23px; margin-bottom:7px;}
.mpre_small ul li dl dd {line-height:17px;}

.mprem_list {bottom:-54px; right:auto; left:15px; font-size:9px; line-height:18px;}
.mprem_list.on {bottom:15px;}
.mprem_list dd {padding:0 3px;}

.mainp #footer {bottom:-200px;}
#footer {padding:20px 15px; height:auto}
#footer .wrap {font-size:11px; line-height:17px;}
#footer .wrap .bi_bottom img {margin-bottom:10px;}
#footer .wrap .ct>div {font-size:14px; margin-bottom:10px;}
#footer .wrap .ct .duck_foot {font-size:10px; line-height:13px; margin:5px 0;}
#footer .wrap .ct .duck_foot br {display:none;}
#footer .wrap .copy {bottom:auto; position:relative; font-size:9px; margin-top:10px;}

.simg>div {height:240px;}
.simg>div .mt {font-size:30px; padding:15px 20px;}
.simg>div .mt .mt_text2 {font-size:14px; top:60px;}
.simg>div .mt.on3 .mt_text2 {top:75px;}
.simg>div .mt:before, .simg>div .mt:after {top:10px;}
.simg>div .mt.on:before, .simg>div .mt.on2:after {height: calc(100% - 20px); top:10px;}

.simg .tab_f {width:100%; border:0;}
.simg .tab_f li a {height:50px; line-height:50px; font-size:12px;}
.rentp .simg .tab_f li {width:50%;}
.rentp .simg .tab_f li+li+li {width:33.3%;}
.rsp .simg .tab_f li {width:50%;}
.rsp .simg .tab_f li+li+li {width:33.3%;}
.pressp .simg .tab_f li, .notip .simg .tab_f li, .prp .simg .tab_f li {width:33.33%;}

.tab02 {margin:0 0 40px 0;}
.tab02 li {font-size:11px; line-height:40px;}

.scont, #scont {width:100%; padding:0 15px; margin:30px 0 !important;
	min-height:200px;
}
.scont h2 {font-size:24px; padding:0 0 15px 0; margin-bottom:20px;}
.scont h3 {font-size:17px !important; line-height:24px; letter-spacing:-1px; padding:20px;}
.scont h3 .br {display:block;}

.busip.sub01p .scont {padding-left:0; padding-right:0; overflow-x:hidden;}
.busip.sub01p .scont .sc {width:100% !important; margin-left:0 !important;}
.busip.sub01p .scont .sc ul.info_table li {width: calc((100% - 3vw) / 2);}
.busip.sub01p .scont .sc ul.info_table li dl dt {font-size:14px;}
.busip.sub01p .scont .sc ul.info_table li dl dd {font-size:11px; line-height:17px;}
.busip.sub01p .scont .duck_foot {padding-left:15px; padding-right:15px;}
.busip.sub01p.newp .scont {padding:15px;}
.busip.sub01p.newp .scont .sc ul.info_table {margin:20px 0 0 0; gap:15px;}
.busip.sub01p.newp .scont .sc ul.info_table li {width:calc((100% - 15px) / 2);}
.busip.sub01p.newp .scont .duck_foot {padding-left:0; padding-right:0;}
.busip.sub03p .scont .sc {width:100%; margin-left:0;}
.busip.sub04p .scont {padding-left:0; padding-right:0;}
.busip.sub04p .scont .sc::before {background: url('/img/mcontact_bg03.jpg'); background-size:cover;
background-position: right 19% center;
}
.busip.sub04p .scont .sc .img_wrap {width:100%; left:0; top:0px; transform:none; padding:15px; backdrop-filter: blur(5px);}
.busip.sub04p .scont .sc dl {position:relative; margin-top:30px; transform:none; width:100%; left:0;}
.busip.sub04p .scont .sc dl dt {font-size:28px; left:0;}
.busip.sub04p .scont .sc dl dd {padding:15px 0;}
.busip.sub04p .scont .sc dl dd a {width:49%; margin:7px 0 0 0 !important; background:#5b5f32; color:#fff;
	padding:7px 15px; border-radius:100px; position:relative; font-size:12px;
}
.busip.sub04p .scont .sc dl dd a+a {float:left;}
.busip.sub04p .scont .sc dl dd a img {height:16px; margin:-8px 0 0 0; position:absolute; right:15px; top:50%;}

.bunp.sub01p .scont, .bunp.sub04p .scont {padding:50px 0;}
.bunp.sub01p .scont ul, .bunp.sub04p .scont ul {width:90%; margin-top:100px;}
.bunp.sub01p .scont ul li img, .bunp.sub04p .scont ul li img {width:90%;}
.bunp.sub05p .scont .img_wrap {padding:10px;}

.danp.sub01p .scont {width:100%;}
.danp.sub01p .scont .sc ul li {margin-top:100px;}
.danp.sub01p .scont .sc ul li:first-child {margin-top:30px;}
.danp.sub01p .scont .sc ul li:first-child.on {margin-top:0px;}
.danp.sub01p .scont .sc ul li:first-child dl dd+dd {margin-top:7px;}
.danp.sub01p .scont .sc ul li.on {margin-top:70px;}
.danp.sub01p .scont .sc ul li .img_wrap {width:calc(100% - 60px);}
.danp.sub01p .scont .sc ul li dl {position:relative; width:calc(100% - 30px); left:30px; line-height:18px; font-size:12px; top:30px; margin-top:40px;}
.danp.sub01p .scont .sc ul li.on dl {top:0;}
.danp.sub01p .scont .sc ul li dl:before {width:20vw; height:20vw;}
.danp.sub01p .scont .sc ul li:nth-child(2n) dl {left:auto; right:0px;}
.danp.sub01p .scont .sc ul li dl dt {font-size:12px;}
.danp.sub01p .scont .sc ul li dl dt+dd {font-size:17px; line-height:25px; margin:10px 0;}
.danp.sub01p .scont .sc ul li dl dt+dd span {font-size:11px;}
.danp.sub01p .scont .sc ul li dl dd+dd+dd {margin-top:10px;}
.danp.sub01p .scont .sc ul li .img_wrap:before {font-size:8px; right:7px; bottom:7px;}
.danp.sub02p .scont .sc ul li div {width:140px; border-radius:100px; line-height:30px; font-size:14px; top:10px; left:10px;}
/* .danp.sub02p .scont .sc ul li:nth-child(2n) div {right:10px;} */
.danp.sub03p .scont {width:100%; padding-top:0; margin-top:0 !important;}
.danp.sub03p .scont h2 {padding-top:40px !important;}
.danp.sub03p .scont .sc ul {margin-bottom:90px;}
.danp.sub03p .scont .sc ul:after {display:none;}
.danp.sub03p .scont .sc ul:before {left:50%;}
.danp.sub03p .scont .sc ul li {margin-top:150px;}
.danp.sub03p .scont .sc ul li .img_wrap {width:80%;}
.danp.sub03p .scont .sc ul li .txt {font-size:14px; padding:7px 15px; line-height:100%; margin:15px 0;
	left:50%; transform:translateX(-50%);
}
.danp.sub03p .scont .sc ul li:nth-child(2n) .txt {margin-left:0; right:auto; left:50%;}
.danp.sub03p .scont .sc ul li .txt>div {font-size:11px; line-height:15px; margin-top:20px; background:#fff;}
.danp.sub03p .scont .duck_foot.hh {padding-top:60px;}

.salep.sub01p .scont .tabcont {padding:0;}
.salep.sub01p .scont .tab02 li {font-size:10px;}

.unitp.sub05p .scont {padding:0 15px;}
.unitp .scont img {padding:0;}
/* .unitp.sub02p .scont img, .unitp.sub04p .scont img {padding:0 5vw;} */

.prp.sub02p .scont {padding:15px;}
.prp.sub02p.newp .scont #tab02,
.prp.sub02p.newp .scont .tabcont
{padding:15px;}
.prp.sub06p .scont {width:100% !important;}
.prp.sub06p .scont .arrow {padding:5px; width:20px;}
.prp.sub06p .scont .slide_thum li {width:60px; margin-right:5px;}

/*상단 퀵메뉴*/
.circle-wrap-link {display:block; z-index:11000; position:fixed; width:110px; height:110px; right:50px; top:-37px;}
.circle-wrap {width:110px; height:110px; right:50px; top:-37px;}
.side_menup .circle-wrap {left:auto; bottom:auto; right:0; top:0; display:block;}
text {font-size:17px; fill:#000; font-weight:500;}
.center {width:80px; height:80px; z-index:-1; color:#fff; text-align:center; font-size:15px;
	border:0px dashed #fff; line-height:20px;
}
.center div {margin:28px 0 0 0;}

/*게시판*/
#bo_list .tbl_head01 table thead {display:none;}
#bo_list .tbl_head01 .btn_edit, .bo_fx, #bo_v_bot {display:none;}
.notip .scont {font-size:12px;}
.notip #bo_v_title {font-size:14px;}

/*슬라이딩*/
.slide_thum_wrap {position:relative; right:0; padding:10px 0; text-align:center;}
.slide_thum li {display:inline-block; width:70px; margin:0 2px;}
.arrow {width:12px; bottom:50%; margin-bottom:-12px; padding:0;}

}