html{
width:100%;
height:100%;
}
.mainp {overflow: hidden; touch-action: none; height: 100%;}
@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
@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;
}

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

body {
font-family:'Noto Sans KR',Noto Sans KR,'Nanum Gothic','나눔 고딕',나눔고딕,NanumGothic,Malgun Gothic,'Malgun Gothic','맑은 고딕','Dotum' , sans-serif ;
font-size:0.9vw;
letter-spacing:-0.05vw;
margin:0;
padding:0;
color:#555;
width:100%;
height:100%;
line-height:160%;
background:#fff;
}
* {box-sizing:border-box;}
.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;
}
.duck_foot {font-size:0.7vw; line-height:160%;}
.scont .duck_foot {margin-top:3vw;/*  background:#f8f8f8; padding:0.7vw; */}
/* .scont .duck_foot br {display:none;} */
.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; }
h2 {font-size:1.2vw; color:#111; font-weight:500; margin-bottom:1vw;}
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%;}
table th, table td {border-bottom:#ddd 1px solid; padding:15px; font-weight:normal;}

#header {width:100%; position:fixed; z-index:1000; transition:all 1.0s ease .1s; top:0;}
.mainp #header.off {top:-5vw;}
#header:before {content:''; width:100%; height:5vw; position:absolute; top:0; left:0;	opacity:0; 
	transition:all 0.5s ease .1s; z-index:-1; background:#fff;
}
#header.view:before {opacity:1;}
.mainp #header:before {opacity:0;}
#header:hover:before {height:17vw; opacity:1;}
#header.wh .gnb>li>a {color:#fff;}
#header .ci {position:absolute; left:3vw; line-height:5vw; top:1.5vw; z-index:2;}
#header .ci img {height:2.2vw;}
#header.wh .ci img {filter: brightness(0) invert(1);}
#header .gnb {position:absolute; text-align:center; width:100%;}
#header .gnb>li {display:inline-block; padding:0 2vw; position:relative;}
#header .gnb>li>a {line-height:5vw; font-weight:700; display:block; color:#333; letter-spacing:0.1vw; font-family:'Sweet';}
#header .gnb>li ul {position:absolute; text-align:left; padding:10px 0 0 0; max-height:0; overflow:hidden; font-size:0.9vw; text-align:center; width:100%;
	transition:all 0.5s ease .1s; margin-left:-2vw;
}
#header .gnb>li ul:before {content:''; height:2px; background:#755949; position:absolute; top:0; width:0; left: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;
}
#header .gnb>li:hover ul:before {width:100%;}
.soon {opacity:0.5;}
/* .soon ul {display:none;} */
/* #header.on .gnb>li ul,  */#header:hover .gnb>li ul {max-height:200px;}
#header .gnb>li ul>li>a {display:block; height:35px; line-height:35px; color:#555;}
.quick {position:fixed; right:3vw; top:1.6vw; z-index:1100;/*  overflow:hidden; */ transition:all 1s ease .1s;}
.mainp .quick.off {top:-5vw;}
.quick li {float:left; margin-left:0.5vw; height:100%;}
.quick li a {display:block; height:2vw; line-height:1.8vw; padding:0 1vw; font-size:0.8vw; 
	color:#111; border:#111 1px solid; border-radius:100vw;
}
.quick.wh li a {color:#fff; border:#fff 1px solid;}
.quick.wh li {color:#fff;}
.quick.wh li.open:before, .quick.wh li.open:after {background:#fff;}
.quick li a {font-weight:500;}
.quick li.tel a {font-family: 'Seaside Display'; letter-spacing:0.05vw; font-weight:500; font-size:0.95vw;}
.mainp .open {display:block;}
.open {position:absolute; z-index:10; right:0; top:3.5vw; text-align:center; width:13vw; color:#111;
	font-weight:bold; font-size:1.1vw; font-family: 'Sweet'; display:none; letter-spacing:0;
}
.open span {	font-weight:300;}
.open:before, .open:after {content:''; position:absolute; width:1vw; height:3px; background:#333; top:50%;
	animation: rotate-inf02 5s linear infinite; margin-top:-0.5vw;
}
.open:before {left:0;}
.open:after {right: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:#333; 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;
}

.mcont_wrap {height:100%; overflow:hidden; position:relative;}
.mcont_wrap .mcont, .cycle-carousel-wrap {width:100%; height:100%;}
.mcont_wrap .mcont {position:absolute; bottom:-100%; left:0; transition:all 1.5s ease .1s; overflow:hidden;}
.mcont_wrap .mcont .title {/* font-size:4vw;  */color:#111; font-family:'Sweet'; line-height:100%;
	letter-spacing:0; font-weight:bold; font-size:2.4vw; transition:all 1.5s ease .1s;
}
.mcont_wrap .mcont.on2 .title {letter-spacing:1vw;}
.mcont_wrap .mcont .title div {font-size:1vw; color:#777; font-weight:400; line-height:100%; margin-bottom:0.7vw;
	letter-spacing:0; margin-right:1vw; font-style:italic;
}
.mcont_wrap .mcont:before {content:''; position:absolute; bottom:-100%; left:0;
	transition:all 1.5s ease .1s; width: 100%; height:100%; z-index:-1;
}
.mcont_wrap .mcont.on:before {bottom:0;}
.mcont_wrap .mcont.on {bottom:0; border-radius:0;/*  z-index:10; */}
.mcont_wrap .mcont.off {bottom:100%;}
.mcont_wrap .mcont01, .mcont_wrap .mcont01.off {bottom:0;}
.mcont_wrap .mcont .cont_wrap {transition:all 1.5s ease .1s;}
.mcont_wrap .mcont.on .cont_wrap {margin-left:0;}
.mcont_wrap .mcont01:before {bottom:0; background:#111;}
.mcont_wrap .mcont.mwhy {background:#f5f3ee;}
.mcont_wrap .mcont.mwhy .cont_wrap {top:50%; left:50%; position:absolute; z-index:2;
	transform:translate(-50%, -50%); /* background:#f5f3ee; */ text-align:center;
}
/* .mcont_wrap .mcont.mwhy.w02 .cont_wrap,
.mcont_wrap .mcont.mwhy.w03 .cont_wrap,
.mcont_wrap .mcont.mwhy.w04 .cont_wrap,
.mcont_wrap .mcont.mwhy.w05 .cont_wrap,
.mcont_wrap .mcont.mwhy.w06 .cont_wrap
{top:15dvh; left:7vw; transform:unset;} */
.mcont_wrap .mcont.mwhy .cont_wrap dt {line-height:300%; font-size:7vw; transition:all 1.5s ease .1s; height:6.5vw; overflow:hidden; letter-spacing:2vw;}
.mcont_wrap .mcont.mwhy.on2 .cont_wrap dt {line-height:100%; margin-top:0.5vw; letter-spacing:0;}
/* .mcont_wrap .mcont.mwhy.w02 .cont_wrap dt {font-size:5vw;} */
.mcont_wrap .mcont.mwhy .wcont_wrap {position:absolute; transition:all 1.5s ease .1s; width:100%; height:100%;}
.mcont_wrap .mcont.mwhy .wcont_wrap>div {position:absolute; transition:all 1.0s ease .1s; width:20vw; top:50%; left:50%; opacity:0; 
	font-size:0.8vw; line-height:150%;
}
.mcont_wrap .mcont.mwhy .wcont_wrap>div h2 {font-size:1vw; margin-bottom:0.5vw;}
.mcont_wrap .mcont.mwhy .wcont_wrap>div .no {font-family:'Sweet'; color:#111; letter-spacing:0;
	display:noe; font-size:1vw; position:absolute; left:0; top:-2vw; font-weight:bold;
}
.mcont_wrap .mcont.mwhy.w02 .wcont_wrap>div {opacity:1;}
.mcont_wrap .mcont.mwhy .wcont_wrap .wcont01 {left:-10vw; top:45vh;}
.mcont_wrap .mcont.mwhy .wcont_wrap .wcont02 {left:10vw; top:5vh;}
.mcont_wrap .mcont.mwhy .wcont_wrap .wcont03 {left:70vw; top:5vh;}
.mcont_wrap .mcont.mwhy .wcont_wrap .wcont04 {left:90vw; top:45vh;}
.mcont_wrap .mcont.mwhy .wcont_wrap .wcont05 {left:40vw; top:90vh;}

.mcont_wrap .mcont.mwhy.w02 .wcont_wrap .wcont01 {left:5vw; top:45vh;}
.mcont_wrap .mcont.mwhy.w02 .wcont_wrap .wcont02 {left:20vw; top:13vh;}
.mcont_wrap .mcont.mwhy.w02 .wcont_wrap .wcont03 {left:60vw; top:13vh;}
.mcont_wrap .mcont.mwhy.w02 .wcont_wrap .wcont04 {left:75vw; top:45vh;}
.mcont_wrap .mcont.mwhy.w02 .wcont_wrap .wcont05 {left:40vw; top:70vh;}
.mwhy .wcont_wrap>div:before {content:'이미지컷'; position:absolute; /* border-radius:0; text-align:center; */
	z-index:-1; color:#fff; font-size:0.7vw; line-height:300%; width:20vw; height:16vh; bottom:0; text-indent:0.5vw;
}
.mwhy .wcont_wrap>div.wcont01:before, 
.mwhy .wcont_wrap>div.wcont02:before,
.mwhy .wcont_wrap>div.wcont03:before,
.mwhy .wcont_wrap>div.wcont04:before, 
.mwhy .wcont_wrap>div.wcont05:before {top:0; bottom:auto;}
.mwhy .wcont_wrap>div.wcont01, 
.mwhy .wcont_wrap>div.wcont02,
.mwhy .wcont_wrap>div.wcont03,
.mwhy .wcont_wrap>div.wcont04,
.mwhy .wcont_wrap>div.wcont05 {padding-top:18vh;}
/* .mwhy .wcont_wrap>div.wcont05 {padding-bottom:18vh;} */

.mcont_wrap .mwhy .wcont01:before {background:url('/img/mwhy01.jpg')center center; background-size:cover;}
.mcont_wrap .mwhy .wcont02:before {background:url('/img/mwhy02.jpg')center center; background-size:cover;}
.mcont_wrap .mwhy .wcont03:before {background:url('/img/mwhy03.jpg')center center; background-size:cover;}
.mcont_wrap .mwhy .wcont04:before {background:url('/img/mwhy04.jpg')center center; background-size:cover;}
.mcont_wrap .mwhy .wcont05:before {background:url('/img/mwhy05.jpg')center center; background-size:cover;}
/* 기본 상태: 선의 길이는 0 */
.mwhy .line {display:none;
  position: absolute;
  background-color: #333;
  height: 0.5px; opacity:0.5;
  width: 0; transition:all 1.0s ease .1s;
  /* transition보다는 keyframes 애니메이션이 제어하기 더 명확합니다 */
}

/* .w02 클래스가 붙었을 때 애니메이션 실행 */
.mwhy.on2 .line {
  width:40vmax;
}

/* 각 모서리 설정 (이전과 동일) */
.top-left {
  top: 0; left: 0;
  transform-origin: top left;
  transform: rotate(calc(atan2(100vh, 100vw)));
}

.top-right {
  top: 0; right: 0;
  transform-origin: top right;
  transform: rotate(calc(-1 * atan2(100vh, 100vw)));
}

.bottom-left {
  bottom: 0; left: 0;
  transform-origin: bottom left;
  transform: rotate(calc(-1 * atan2(100vh, 100vw)));
}

.bottom-right {
  bottom: 0; right: 0;
  transform-origin: bottom right;
  transform: rotate(calc(atan2(100vh, 100vw)));
}

/* 애니메이션 정의: 0에서 중앙(대각선의 절반)까지 */
@keyframes drawLine {
  from {
    width: 0;
  }
  to {
    /* 50vmax는 화면의 큰 쪽 길이를 기준으로 절반을 의미하여 
       정확히 중앙에 닿게 도와줍니다. */
    width:40vmax; 
  }
}
.mwhy.w02 .line {
  width: 0 !important; /* 강제로 길이를 0으로 고정 */
  transition: width 1.5s ease; /* (선택) 부드럽게 사라지길 원하면 추가 */
 }
.mcont_wrap .mwhy.off {bottom:0; left:-100%;}

.mcont_wrap .mcont.mloca {z-index:2; background:#f5f3ee; bottom:0; left:100%;}
.mcont_wrap .mcont.mloca.on {left:0;}
.mcont_wrap .mcont.mloca .cont_wrap {position:absolute; left:50%; top:25vh; opacity:0;}
.mcont_wrap .mcont.mloca .cont_wrap .title {margin-bottom:1vw;}
.mcont_wrap .mcont.mloca .cont_wrap dd a {background:#755949; color:#fff; display:inline-block; padding:0.3vw 0.7vw;
	margin-top:2vw; padding-right:2vw; position:relative; width:10vw;
}
.mcont_wrap .mcont.mloca .cont_wrap dd+dd+dd a {background:#c9b08f; margin-top:1vw;}
.mcont_wrap .mcont.mloca .cont_wrap dd a span {display:inline-block; font-size:1.5vw; position:absolute; right:0.7vw; top:50%; transform:translateY(-50%);}
.mcont_wrap .mcont.mloca .line {content:''; width:0; background:#f5f3ee; z-index:3;
	height:20%; position:absolute; transition:all 1.5s ease .1s; opacity:0;
}
.mcont_wrap .mcont.mloca.w02 .line {width:100%;}
.mcont_wrap .mcont.mloca .line_top {left:0; top:0; border-bottom:#333 1px solid;}
.mcont_wrap .mcont.mloca .line_bottom {right:0; bottom:0; border-top:#333 1px solid;}
.mcont_wrap .mcont.mloca.w02 .cont_wrap {left:65%; top:25vh; opacity:1;}
/* .mcont_wrap .mcont.mloca .img_wrap {width:80%; height:80%; position:absolute; left:10%; top:50%; transform:translateY(-50%);
	transition:all 1.5s ease .1s; overflow:hidden;
}
.mcont_wrap .mcont.mloca.w02 .img_wrap {width:60%; height:60%; left:0;}
.mcont_wrap .mcont.mloca img {width:100%; position:absolute; transition:all 1.0s ease .1s; left:0; bottom:0;}
.mcont_wrap .mcont.mloca.w02 img {width:150%; bottom:-50%;} */

.mcont_wrap .mcont.mloca .img_wrap {width:80%; left:10%; height:80%; overflow:hidden;
	 background:#333; transition:all 1.5s ease .1s; position:absolute; bottom:10%;
}
.mcont_wrap .mcont.mloca.w02 .img_wrap {height:60%; width:60%; left:0; bottom:20%;}
.mcont_wrap .mcont.mloca img {transition:all 1.0s ease .1s; position:relative; width:100%; height:100%; 
	object-fit: cover; display: block; object-position: right bottom;
}
.mcont_wrap .mcont.mloca.w02 img {width:150%; object-position: center 60%;}
.mcont_wrap .mcont.mloca.off {bottom:100%; left:0;}

.mcont_wrap .mcont.mprem {z-index:2; background:#fff;}
.mcont_wrap .mcont.mprem .m_logo {position:absolute; width:5%; left:calc(20% - 5%); 
	bottom:15vh; z-index:2; /* filter: brightness(0) invert(1); */
}
.bar-wrapper {display: flex; list-content: none; gap:0.5vw; align-items: center; overflow:hidden;
	position:absolute; height:40vh; bottom:0; transition:all 1.0s ease .1s; width:35%; background:#755949;
 }
.mcont.mback .bar-wrapper {right:0; bottom:auto; top:0; height:100vh; width:30%;}
.mcont.mback .bar-wrapper .bar {height:300vh;}
 .bar {will-change: transform;
  /* 기본적으로 비율은 1입니다. */
  --ratio: 1; 
  height:110vh;
  background-color:#695042;
  transform: rotate(calc(var(--rotate) * var(--ratio)));
  transition: transform 1.9s ease, background-color 0.5s;
}
.on .bar {--ratio: -0.8;}
.w01 .bar {--ratio: -0.3;}
.w02 .bar {--ratio: 0.8;}
.w03 .bar {--ratio: 1.3;}
.off .bar {--ratio: 1;}

.mcont_wrap .mcont.mprem .cont_wrap {position:absolute; width:65%; left:35%; top:9vw;}
.mcont_wrap .mcont.mprem .cont_wrap dt {float:left; width:100%; margin-bottom:8vw;}
.mcont_wrap .mcont.mprem .cont_wrap dd {float:left; width:50%; height:5.1vw; overflow:hidden; position:relative;}
.mcont_wrap .mcont.mprem .cont_wrap dd>div {position:absolute; transition:all 1.3s ease .1s; background:#fff;
	/* padding-left:2.2vw; */ top:120%; width:100%;
}
.mcont_wrap .mcont.mprem .cont_wrap dd>div .no {font-size:1.2vw; font-weight:500; position:absolute; 
	font-family:'Sweet'; color:#111; line-height:100%; letter-spacing:0; left:0; top:0.2vw; display:none;
}
.mcont_wrap .mcont.mprem.w01 .cont_wrap dd.mpt_t .mpt01,
.mcont_wrap .mcont.mprem.w02 .cont_wrap dd.mpt_t .mpt02,
.mcont_wrap .mcont.mprem.w03 .cont_wrap dd.mpt_t .mpt03,
.mcont_wrap .mcont.mprem.w04 .cont_wrap dd.mpt_t .mpt04,
.mcont_wrap .mcont.mprem.w01 .cont_wrap dd.mpt_b .mpt01,
.mcont_wrap .mcont.mprem.w02 .cont_wrap dd.mpt_b .mpt02,
.mcont_wrap .mcont.mprem.w03 .cont_wrap dd.mpt_b .mpt03,
.mcont_wrap .mcont.mprem.w04 .cont_wrap dd.mpt_b .mpt04
{top:0;}
.mcont_wrap .mcont.mprem.w02 .cont_wrap dd.mpt_t .mpt01,
.mcont_wrap .mcont.mprem.w03 .cont_wrap dd.mpt_t .mpt02,
.mcont_wrap .mcont.mprem.w04 .cont_wrap dd.mpt_t .mpt03,
.mcont_wrap .mcont.mprem.w05 .cont_wrap dd.mpt_t .mpt04,
.mcont_wrap .mcont.mprem.w02 .cont_wrap dd.mpt_b .mpt01,
.mcont_wrap .mcont.mprem.w03 .cont_wrap dd.mpt_b .mpt02,
.mcont_wrap .mcont.mprem.w04 .cont_wrap dd.mpt_b .mpt03,
.mcont_wrap .mcont.mprem.w05 .cont_wrap dd.mpt_b .mpt04
{top:-120%;}
.mcont_wrap .mcont.mprem ul.imgcont {width:65%; position:absolute; height:40vh; right:0; bottom:0;}
.mcont_wrap .mcont.mprem ul.imgcont li {position:absolute; transition:all 1.5s ease .1s; width:50%; height:100%}
.mcont_wrap .mcont.mprem ul.imgcont li:before {content:'이미지컷'; position:absolute; bottom:1vw; right:1vw;
	z-index:6; color:#fff; font-size:0.7vw; line-height:100%;
}
.mcont_wrap .mcont.mprem ul li.mp01 {left:0; bottom:0;}
.mcont_wrap .mcont.mprem ul li.mp02 {right:0; bottom:0;}
.mcont_wrap .mcont.mprem ul li .img_wrap {width:100%; height:100%; background:#fff; position:relative; 
	overflow:hidden; top:10vw; left:10vw; transition:all 1.5s ease .1s;
}
.mcont_wrap .mcont.mprem.on ul li.mp01 .img_wrap,
.mcont_wrap .mcont.mprem.on2 ul li.mp02 .img_wrap/* ,
.mcont_wrap .mcont.mprem.off ul li.mp01 .img_wrap,
.mcont_wrap .mcont.mprem.off ul li.mp02 .img_wrap */
{top:0; left:0;}
.mcont_wrap .mcont.mprem ul li .img_wrap>div {width:100%; height:100%; top:0; position:absolute; transition:all 1.5s ease .1s;}
.mcont_wrap .mcont.mprem ul li .img_wrap .img01 {z-index:4;}
.mcont_wrap .mcont.mprem ul li .img_wrap .img02 {z-index:3;}
.mcont_wrap .mcont.mprem ul li.mp01 .img_wrap .img01 {background:url('/img/mprem01.jpg')center center; background-size:cover;}
.mcont_wrap .mcont.mprem ul li.mp02 .img_wrap .img01 {background:url('/img/mprem02.jpg')center center; background-size:cover;}
.mcont_wrap .mcont.mprem ul li.mp01 .img_wrap .img02 {background:url('/img/mprem03.jpg')center center; background-size:cover;}
.mcont_wrap .mcont.mprem ul li.mp02 .img_wrap .img02 {background:url('/img/mprem04.jpg')center center; background-size:cover;}
.mcont_wrap .mcont.mprem ul li.mp01 .img_wrap .img03 {background:url('/img/mprem05.jpg')center center; background-size:cover;}
.mcont_wrap .mcont.mprem ul li.mp02 .img_wrap .img03 {background:url('/img/mprem06.jpg')center center; background-size:cover;}
.mcont_wrap .mcont.mprem.w02 ul li.mp01 .img_wrap .img01,
.mcont_wrap .mcont.mprem.w02 ul li.mp02 .img_wrap .img01,
.mcont_wrap .mcont.mprem.w03 ul li.mp01 .img_wrap .img01,
.mcont_wrap .mcont.mprem.w03 ul li.mp02 .img_wrap .img01,
.mcont_wrap .mcont.mprem.w03 ul li.mp01 .img_wrap .img02,
.mcont_wrap .mcont.mprem.w03 ul li.mp02 .img_wrap .img02
{width:0;}
.mcont_wrap .mcont.mprem ul li dl {position:absolute; width:100%; transition:all 1.5s ease .1s; z-index:-1; text-align:left;}
.mcont_wrap .mcont.mprem ul li dl dt {color:#111; font-weight:500; font-size:1vw; margin-bottom:1vw;}
.mcont_wrap .mcont.mprem ul li.mp01 dl {top:2vw; left:33vw;}
.mcont_wrap .mcont.mprem ul li.mp02 dl {bottom:2vw; right:33vw; text-align:right;}
.mcont_wrap .mcont.mprem.off {left:-100%; bottom:0;}
.mcont_wrap .mcont.mprem .bar-wrapper {background:#c9b08f;}
.mcont_wrap .mcont.mprem .bar-wrapper .bar {background:#b69d80;}

.mcont_wrap .mcont.mback {bottom:0; left:100%; /* background:#453326; */}
/* .mcont_wrap .mcont.mback .bar-wrapper {background:#453326; opacity:0.3;} */
.mcont_wrap .mcont.mback h2 {color:#fff; position:absolute; bottom:40%; right:20%; text-align:center;
	font-family:'Sweet'; font-weight:100; z-index:2; letter-spacing:0; opacity:0; width:30%; transition:all 1.5s ease .1s;
}
.mcont_wrap .mcont.mback.w02 h2 {opacity:1;}
.mcont_wrap .mcont.mback.w03 h2 {right:0;}
.mcont_wrap .mcont.mback dl {color:#fff; position:absolute; width:30vw; bottom:20%; right:0; text-align:center; z-index:1;}
.mcont_wrap .mcont.mback dl dt {margin-bottom:2vw;}
.mcont_wrap .mcont.mback dl img {max-width:100%; width:5vw;}
.mcont_wrap .mcont.mback .img_wrap {position:absolute; width:100vw; height:100vh; top:0; right:0; overflow:hidden;}
.mcont_wrap .mcont.mback .img_wrap:before {background:url('/img/mimg_sub.png')center center; background-size:cover;
	position:absolute; content:''; width:100vw; height:100vh; top:0; right:0; z-index:1;transition:all 1.5s ease .1s;
}
.mcont_wrap .mcont.mback.on {left:0;}
.mcont_wrap .mcont.mback.w03 .img_wrap:before {right:30vw;}
.mcont_wrap .mcont.mback.off {left:-100%;}

.mcont_wrap .mcont.mcontact {background:#664e3d; bottom:0; left:100%;}
.mcont_wrap .mcont.mcontact.on {left:0;}
.mcont_wrap .mcont.mcontact:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0;
	background:url('/img/contact_bg.jpg')center center; background-size:cover; z-index:2; opacity:0.3;
	animation: zoomInOut 10s ease-in-out infinite;
}
@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5); /* 1.2배로 커짐 (원하는 만큼 조절) */
    }
    100% {
        transform: scale(1);
    }
}
.mcont_wrap .mcont.mcontact .cont_wrap {text-align:center; position:absolute; z-index:3;
	top:50%; left:50%; transform:translate(-50%, -50%); width:65%;
}
.mcont_wrap .mcont.mcontact .cont_wrap dt, .mcont_wrap .mcont.mcontact .cont_wrap dd {float:left;}
.mcont_wrap .mcont.mcontact .cont_wrap dt {width:100%; margin-bottom:5vw;}
.mcont_wrap .mcont.mcontact .cont_wrap .title, 
.mcont_wrap .mcont.mcontact .cont_wrap .title div {color:#f5f3ee;}
.mcont_wrap .mcont.mcontact .cont_wrap dd {/*background: f5f3ee *//* 574235 */; text-align:left; position:relative;
	 /* backdrop-filter: blur(30px); */
}
.mcont_wrap .mcont.mcontact .cont_wrap dd img {max-width:50%;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul {position:absolute; top:20%; left:53%; color:#f5f3ee/* ae9d8d */; width:47%;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li {padding:0.2vw; line-height:1.7vw;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li h2 {color:#f5f3ee;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li span {font-weight:500; /* color:#fff; */ display:inline-block; width:4vw;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li a {/* background:#f5f3ee; */ position:absolute; padding:0 1vw; font-size:0.8vw;
	color:#fff/* 755949 */; font-weight:500; right:5.2vw; border:#f5f3ee 1px solid;
}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li a+a {right:0;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li.tel {/* font-size:1vw;  */text-align:center; color:#755949;
	/* font-family: 'Seaside Display'; letter-spacing: 0.05vw; font-weight: 500; */ background:#fff;
	padding:0.5vw; margin-top:2vw; line-height:120%;
}
.mcont_wrap .mcont.mcontact.off {bottom:10vw; left:0;}
.mcont_wrap .mcont.mfooter {height:11vw; bottom:-11vw; z-index:1001;}
.mcont_wrap .mcont.mfooter.on {bottom:0;}

.mcont_wrap .mcont.intro {z-index:1;}
.mcont_wrap .mcont.mcont01 {z-index:-1;}
.mcont_wrap .mcont.mwhy {z-index:3;}
.mcont_wrap .mcont.mprem {z-index:4;}
.mcont_wrap .mcont.mback {z-index:5;}
.mcont_wrap .mcont.contact {z-index:6;}


#footer {background:#111; padding:2vw 3vw; color:#777;}
.mainp #footer {width:100%;}
#footer .wrap {width:100%; font-size:0.8vw; position:relative; line-height:170%; overflow:hidden;}
#footer .wrap dt {color:#fff; font-size:0.9vw;}
#footer .wrap dd>span {color:#fff;}
#footer .wrap .footer_bi {float:left;}
#footer .wrap .duck_foot, #footer .wrap .copy {color:#777; font-size:0.6vw;}
#footer .wrap .copy {text-transform: uppercase; font-family:'Sweet'; letter-spacing:0;}
#footer .wrap .line {display:inline-block; width:1px; height:10px; background:#555; margin:0 7px; opacity:0.5;}
#footer .wrap .footer_part {position:absolute; right:0; bottom:0; width:30vw; opacity:0.4;}

.simg {text-align:center; width:100%;}
.simg>div {height:20vw; position:relative; overflow:hidden;}/* 96917e */
.subp .bar_wrap {overflow:hidden; width:100%; height:100%; position:absolute; z-index:-1; top:5vw;}
.subp .bar_wrap>li {float:left; width:20%; position:relative; height:100%;}
.subp .bar-wrapper {right:0; top:0; height:100%; width:100%; gap:0.35vw;}
.subp .bar_wrap>li .bar {--ratio: -1.2;}
.subp .bar_wrap>li+li .bar {--ratio: 0.2;}
.subp .bar_wrap>li+li+li .bar {--ratio: 0.5;}
.subp .bar_wrap>li+li+li+li .bar {--ratio: -0.8;}
.subp .bar_wrap>li+li+li+li+li .bar {--ratio: 0.3;}

/* 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; margin:0 0.1vw;
    opacity: 0; /* 처음엔 안 보임 */
    transform: translateY(20px); /* 20px 아래에서 시작 */
    animation: revealUp 0.5s forwards; /* 애니메이션 실행 후 상태 유지 */
}

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

.simg>div .mt {transform:translateY(-50%); line-height:100%; position:relative; top:63%; display:inline-block; color:#fff;}
.simg>div .mt_text {font-family:'Sweet'; letter-spacing:0; font-size:2.4vw; line-height:100%;}
/* .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; width:100%; left:0; opacity:0; margin-top:1.5vw;}
.simg>div .mt.on3 .mt_text2 {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:70%; 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:50%;}
.brandp .simg .tab_f li {width:50%;}
.locap .simg .tab_f li {width:50%;}
.applyp .simg .tab_f li {width:33.3%;}
.prp .simg .tab_f li {width:100%;}
.simg .tab_f li a {display:block; height:3.5vw; line-height:3.5vw; border-left:#ddd 0px solid; border-bottom:#ddd 1px solid;
	color:#777;
}
.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:#755949; border-bottom:#755949 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:70%; margin:5vw auto; min-height:500px;}
.scont .title {font-size:1.5vw; color:#543D33; margin-bottom:2vw; line-height:140%;}
.scont .title span {font-weight:700;}
.scont img {max-width:100%;}
.scont .sc {margin-top:5vw;}
.scont .sc.sc01 {margin-top:0;}

.busip.sub01p .scont .sc ul.info_table {display:flex; flex-wrap:wrap; gap:1.5vw; padding:0; list-style:none; margin-top:3vw;}
.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 .scont .sc01 dl {position:relative;}
.busip.sub01p .scont .sc01 dl dd img {position:absolute; right:25%; top:50%; transform:translateY(-50%);
	width:15vw;
}

.locap.sub01p .scont .sc02 img {width:100%;}

.brandp.sub01p .scont .sc01 {width:80%; margin-left:auto; margin-right:auto;}
.brandp.sub01p .scont .sc01>img {margin-bottom:3vw; width:100%;}
.brandp.sub01p .scont .sc01 dl {text-align:right; margin-top:3vw;}
.brandp.sub01p .scont .sc01 dl dd img {width:15vw; margin-top:3vw;}
.brandp.sub01p .scont .sc02 {text-align:right; margin-top:0;}
.brandp.sub01p .scont .sc02 img {width:30%;}

/* .privp .scont {font-size:0.8vw;} */
.privp .scont .t_wrap {background:#eee; text-align:center; padding:2vw;
	color:#111; font-size:0.9vw; line-height:190%; font-weight:500;
}
.privp .scont>ul>li {margin-top:2vw; border-top:#ddd 1px solid; padding:1vw 0;}
.privp .scont>ul>li br {display:none;}
.privp .scont>ul>li>dl>dt {color:#111; font-weight:500;}
.privp .scont>ul>li>dl>dd {margin-top:0.5vw;}
.privp .scont .dot>div {padding-left:1vw; position:relative;}
.privp .scont .dot>div:before {content:'·'; position:absolute; left:0;}
.privp .scont>ul>li table {border-top:#333 2px solid; border-right:#ddd 1px solid;}
.privp .scont>ul>li table th, .privp .scont>ul>li table td {border-left:#ddd 1px solid; text-align:center;}
.privp .scont>ul>li table th {background:#f8f8f8; color:#111; font-weight:500;}

/* 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슬라이딩 */

.prp.sub01p.card_listp .scont .sc01 ul {display:flex; gap:2vw;}
.prp.sub01p.card_listp .scont .sc01 ul li {width: calc((100% - (2vw * 2)) / 3); text-align:center;}
.prp.sub01p.card_listp .scont .sc01 ul li a div {font-size:1vw; border:#755949 2px solid; border-left:0; border-right:0; 
	color:#755949; padding:0.5vw 0; margin-top:0.7vw;
}
.prp.sub01p .scont .slide_thum_wrap {
	position: relative; right:auto;
	overflow: hidden; /* 영역 밖으로 나가는 섬네일 숨김 */
}
.prp.sub01p .scont .arrow {top:50%; transform:translateY(-50%); width:2vw; border:#333 1px solid; border-right:0;}
.prp.sub01p .scont .arrow_l {transform:translateY(-50%) rotate(-180deg);}
/* 섬네일들이 가로로 나열되는 ul */
.prp.sub01p .scont .slide_thum {
	display: flex;
	transition: transform 0.4s ease; /* 이동 애니메이션 효과 */
	padding: 0;
	margin:1vw 0 0 0;
	list-style: none;
	will-change: transform;
}

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

/*게시판*/
#bo_w, #content {width:1200px; margin:50px auto;}

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

/* 공통 */
.mo_view {display:block;}
.pc_view {display:none;}
body {font-size:13px; letter-spacing:-1px; word-break:keep-all;}
#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;}

/* 헤더 */
#header {height:50px;}
#header:before {height:50px;}
.mainp #header.off, .mainp .quick.off, .mainp .btn_all.off {top:-80px;}
#header .ci {left:15px; line-height:50px; top:0;}
#header .ci img {height:27px; vertical-align:middle;}
#header .gnb {position:fixed; background:#333; top:50px; width:100%; padding:15px; z-index:-1; left:-100%;
	transition:all 0.5s ease .1s;
}
#header .gnb.on {left:0; z-index:1;}
#header .gnb li {display:block; position:relative; z-index:1; padding:0;}
#header .gnb>li {margin-top:20px;}
#header .gnb>li>a {color:#fff; height:40px; line-height:40px; border:0; letter-spacing:5px; display:block; font-size:16px;}
#header .gnb>li:first-child {margin-top:0;}
#header .gnb:after {position:fixed; background:#111; width:100%; height:100%; opacity:0; top:0; left:0; content:''; z-index:-1; display:none;
-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;
}
#header .gnb.on:after {opacity:0.8; display:block;}
#header .gnb>li ul {position:relative; max-height:unset; padding:0; border:#444 1px solid; margin:0;}
#header .gnb>li ul>li>a {color:#b69d80; font-size:14px; border:0; border-left:#444 1px solid;}
#header .gnb>li ul>li:first-child>a {border-left:0;}
#header .gnb>li ul>li {width:50%; float:left;}
#header .gnb>li.t05 ul>li {width:33.3%;}
#header .gnb>li.t06 ul>li {width:100%;}
#header .gnb>li.soon ul {display:none;}
/* .quick {height:auto; top:auto; bottom:0; right:0; width:100%; overflow:hidden; border-top:#e5d6ca 1px solid;}
.quick li {width:50%; float:left; margin:0;}

.quick li+li a {font-size:15px;}
 */
.quick {right:60px; top:12px;}
.quick li {margin-left:10px;}
.quick li a {font-size:11px !important; height:27px; line-height:26px; padding:0 10px;}
.quick li+li a {font-size:13px !important;}
.btn_all {position:fixed; right:15px; top:13px; z-index:1003; display:block; transition:all 1.0s ease .1s;}
.btn_all.wh div, .btn_all.close div {background:#fff;}

.open {font-size:14px; width:auto; top:40px; padding:0 17px;}
.open:before, .open:after {width:10px; height:2px; margin-top:-4px;}

h2 {font-size:14px;}
.mcont_wrap .mcont .title {font-size:24px}
.mcont_wrap .mcont.on2 .title {letter-spacing:7px;}
.mcont_wrap .mcont .title div {font-size:13px; margin-bottom:7px}

.mcont_wrap .mcont.mwhy.w02 .cont_wrap {top:80%; left:55%; transform:translateX(0);}
.mcont_wrap .mcont.mwhy.w02 .cont_wrap dd {font-size:10px;}
.mcont_wrap .mcont.mwhy .cont_wrap dt {font-size:50px; height:50px;}
.mcont_wrap .mcont.mwhy .cont_wrap dd {transition:all 1.0s ease .1s;}
.mcont_wrap .mcont.mwhy .wcont_wrap>div {width:40%; font-size:11px; padding-top:15vh;}
.mcont_wrap .mcont.mwhy .wcont_wrap>div br {display:none;}
.mcont_wrap .mcont.mwhy .wcont_wrap>div .no {display:none;}
.mcont_wrap .mcont.mwhy .wcont_wrap>div h2 {font-size:13px; margin-bottom:5px;}
.mwhy .wcont_wrap>div:before {width:100%; height:14vh;}
.mcont_wrap .mcont.mwhy.w02 .wcont_wrap .wcont01 {left:7%; top:50%; transform:translateY(-25%);}
.mcont_wrap .mcont.mwhy .wcont_wrap .wcont02 {left:2%; top:8vh;}
.mcont_wrap .mcont.mwhy.w02 .wcont_wrap .wcont02 {left:7%; top:13vh;}
.mcont_wrap .mcont.mwhy .wcont_wrap .wcont03 {left:58%; top:8vh;}
.mcont_wrap .mcont.mwhy.w02 .wcont_wrap .wcont03 {left:53%; top:13vh;}
.mcont_wrap .mcont.mwhy .wcont_wrap .wcont04 {left:70%;}
.mcont_wrap .mcont.mwhy.w02 .wcont_wrap .wcont04 {left:53%; top:50%; transform:translateY(-25%);}
.mcont_wrap .mcont.mwhy .wcont_wrap .wcont05 {left:0%; top:auto; bottom:-5%;}
.mcont_wrap .mcont.mwhy.w02 .wcont_wrap .wcont05 {left:7%; top:auto; bottom:3%;}

.mcont_wrap .mcont.mloca .cont_wrap dd a {padding:7px 10px; width:130px; margin-top:10px;}
.mcont_wrap .mcont.mloca .cont_wrap dd+dd+dd a {margin-top:7px;}
.mcont_wrap .mcont.mloca .cont_wrap dd a span {font-size:20px; right:10px;}
.mcont_wrap .mcont.mloca .img_wrap {width:100%; left:0; height:40%; bottom:30%;}
.mcont_wrap .mcont.mloca.w02 .img_wrap {height:50%; bottom:0; width:100%;}
.mcont_wrap .mcont.mloca.w02 img {width:200%;}
/* .mcont_wrap .mcont.mloca.w02 .img_wrap {bottom:0; transform:translateY(0); height:50%; width:100%;}
.mcont_wrap .mcont.mloca img {position:relative; width:100%; height:100%; object-fit: cover; display: block;}
 */
.mcont_wrap .mcont.mloca .cont_wrap {left:10%; top:10%;}
.mcont_wrap .mcont.mloca.w02 .cont_wrap {left:10%; top:20%;}

.mcont_wrap .mcont.mprem .bar-wrapper {width:100%; height:20%; zoom:2;}
.mcont_wrap .mcont.mprem .m_logo {width:50px; left:50%; bottom:10%; margin:0 0 -25px -25px;}
.mcont_wrap .mcont.mprem .cont_wrap {width:100%; left:0; top:20%; padding:0 10px;}
.mcont_wrap .mcont.mprem .cont_wrap dt {padding-left:10px;}
.mcont_wrap .mcont.mprem .cont_wrap dd {height:100px; font-size:12px;}
.mcont_wrap .mcont.mprem .cont_wrap dd>div {padding:10px;}
.mcont_wrap .mcont.mprem .cont_wrap dd>div br {display:none;}
.mcont_wrap .mcont.mprem ul.imgcont {width:100%; height:30%; bottom:20%;}

.mcont_wrap .mcont.mback .img_wrap {height:100%; width:100%;}
.mcont_wrap .mcont.mback.w03 .img_wrap:before {right:0; top:-30%; height:100%; width:100%;}
.mcont.mback .bar-wrapper {width:100%; height:30%; top:70%; gap:1.5vw;}
.mcont_wrap .mcont.mback h2 {width:100%; text-align:center; right:0; bottom:50%; margin-bottom:40px;}
.mcont_wrap .mcont.mback.w03 h2 {bottom:15%;}
.mcont_wrap .mcont.mback dl {width:100%; top:85%; margin-top:-35px}
.mcont_wrap .mcont.mback dl img {width:70px;}

.mcont_wrap .mcont.mcontact .cont_wrap {width:90%;}
.mcont_wrap .mcont.mcontact .cont_wrap dd img {max-width:100%; margin-bottom:10px;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul {width:100%; position:relative; top:0; left:0;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li {line-height:170%; margin:5px 0; position:relative;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li h2 {font-size:17px; display:none;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li span {width:100%;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li a {font-size:11px; padding:3px 7px; right:55px; bottom:0;}
.mcont_wrap .mcont.mcontact .cont_wrap dd ul li.tel {margin-top:20px; padding:7px 0;}

.mcont_wrap .mcont.mfooter {height:auto; bottom:-200px;}

#footer {padding:20px 15px;}
#footer dl.wrap {font-size:12px; line-height:140%;}
#footer .wrap dt {font-size:16px; margin-bottom:10px;}
#footer .wrap .duck_foot, #footer .wrap .copy {font-size:9px; margin:5px 0; line-height:130%;}
#footer .wrap .footer_part {position:relative; right:auto; bottom:auto; width:100%; margin-top:5px;}
#footer .wrap .br {display:block; height:0; }

.simg>div {height:200px;}
.simg>div .mt_text {font-size:20px;}
.simg .mt_text span {margin:0 5px}
.simg>div .mt .mt_text2 {font-size:12px; top:60px; margin-top:10px;}
.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;}
.subp .bar_wrap {top:50px;}
.subp .bar_wrap>li {width:33.3%;}

.simg .tab_f {width:100%; border:0;}
.simg .tab_f li a {height:50px; line-height:50px; font-size:12px;}

.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;}
.scont .title {font-size:17px;}
.scont .duck_foot {font-size:8px;}

.busip.sub01p .scont .sc {width:100% !important; margin-left:0 !important;}
.busip.sub01p .scont .sc01 dl dd img {width:60%; position:relative; right:auto; top:auto; transform:unset;
	padding:50px 0; margin-left:20%;
}
.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;}

.brandp.sub01p .scont .sc01 {width:100%;}
.brandp.sub01p .scont .sc01 dl dd img {width:130px;}

}