/*°øÅë*/
.w1400 {width:1400px; margin:0 auto;}

/*Çì´õ*/
header {position:relative; background:#fff; transition: 1s;}
header.nav-down {position:sticky; top:0; z-index:999; width:100%; box-shadow:0 5px 10px rgba(0,0,0,0.1); transition: 1s;}
.nav-up {top: -100px;}
header .header_wrap {position:relative; display:flex; justify-content:space-between; align-items:center; gap:0 15px; align-items:center; width:100%; position:relative; }
header .logo {width:20%; padding:5px 0 5px 25px;}
header .logo img {max-width:100%;}
header .logo a {display:inline-flex; align-items:center;}
header .depth1 {display:flex; justify-content:center; width:100%; }
header .depth1>li {position:relative; text-align:center; padding:0 3%;} 
header .depth1>li:hover span {color:var(--txt-color);}
header .depth1>li>a {display:flex; align-items:center; font-size:20px; color:#111111; font-weight:bold; }
header .depth1>li.on:hover {color:var(--txt-color);}
header .depth1>li.on:hover span::after {display:block; position:absolute; bottom:-1px; content:""; display:block; width:100%; height:3px; background:var(--bg-color);}
header .depth1>li.on span {position:relative; display:block; white-space:nowrap; transition:line-height 0.5s;}
header .depth2 {display:none; position:absolute; left:0; /*top:100px; */width:100%; padding:15px 0; z-index:102; }
header .depth2:hover { display:block; }
header .depth2.on { display:block;}
header .depth2 li a {display:block; font-size:16px; font-weight:500; text-align:center; padding:10px 10px;}
header .depth2 li a:hover {font-weight:600; color:var(--txt-color)}
header .right {display:flex; align-items:center; flex-shrink:0; background-color:var(--bg-color); color:var(--y-txt-color); padding:12px 15px;}
header .right .txt_wrap {text-align:center; padding:0 20px;}
header .right .txt_wrap .t1 {display:flex; gap:5px; justify-content:center; align-items:center; color:var(--y-txt-color); font-size:14px;}
header .right .txt_wrap .t1 a {display:flex; align-items:center; justify-content:center; width:24px; height:24px; font-size:9px; background-color:rgba(0,0,0,0.5); color:rgba(255,255,255,0.8); font-weight:400; border-radius:100px;}
header .right .txt_wrap .t2 {color:var(--y-txt-color); font-size:24px; font-family: 'GM'; font-weight:900; margin-top:7px; }
header .util {display:flex; align-items:center; flex-direction:column; gap:3px; flex-wrap:wrap; margin-left:10px;}
header .util>li {position:relative; width:100%;}
header .util>li>a {display:inline-block; width:100%; font-size:11px; background-color:rgba(0,0,0,0.5); color:rgba(255,255,255,0.8); padding:8px; font-weight:400; text-align:center;}
header .util>li>a:hover {background-color:rgba(0,0,0,0.8); color:#fff;}
header .util>li i {font-size:15px; vertical-align:middle; }
header .util .quick_my {position:absolute; right:0%; top:30px; min-width:130px; border-radius:5px; background:#fff; padding:10px; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:88;}
header .util .quick_my li {border-bottom:1px dotted #ddd; }
header .util .quick_my li:last-child {border-bottom:0;}
header .util .quick_my li a {display:block; font-size:14px; color:#555 !important; padding:10px 0; text-align:center;}
header .util .quick_my li a:hover {font-weight:bold;}
header .m_menubtn {display:none;}
header .menu_bg {display:none;position:absolute; top:100%; width:100%; height:260px; background:#fff; border-top:1px solid #ddd; z-index:100; /*transition:height 0.3s ease-in-out;*/ box-shadow:0px 5px 10px rgba(0,0,0,0.05); /*display:none;*/ z-index:101;  transition: 1s;}
header .menu_bg.top {top:80px;}
header .menu_bg.on { display:block; } /*Ãß°¡*/
/*header .menu_bg::after {content:""; display:block; position:absolute; top:90px; width:100%; height:1px; background:#ddd; }*/

/*
header.on a { color:#fff !important; }
header.not- {background-color:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.01);}
header.not- a { color:#111 !important; }
header.on .depth2>li a { color:#333 !important; }
header.not- .depth2>li a { color:#333 !important; }
header.on .depth2 { border:none; }
*/

.main_visual { width:100vw; height:100%; overflow:hidden;}
.main_visual .swiper-container {overflow:hidden;}
.main_visual .swiper-wrapper {position:relative; overflow:hidden;}
.main_visual .swiper-slide img {width:100%; /*height:100vh;*/ object-fit:cover;}
.main_visual .main_txt {position:absolute; left:50%; top:30%; width:100%; transform:translate(-50%, -30%); text-align:center; z-index:9;}
.main_visual .main_txt .b1 {font-family:'GM'; font-weight:900; color:#3c3e98; font-size:72px; line-height:1.4;}
.main_visual .main_txt .b2 {font-size:40px; color:#1a1a1a; font-weight:600; line-height:1.4; margin-top:40px;}
.main_visual .swiper-slide-active .b1 {opacity:1; transform:translate(0,0);}
.main_visual .swiper-slide-active .b2 {opacity:1; transform:translate(0,0);}
.main_visual .swiper-slide-active img { transform:scale(1.05); animation:main-bg-anim 4s ease-in-out forwards;}
.main_visual .main_txt .main01_txt02 {font-size:22px; transform:translate(0, 30px); transition:transform 2s ease-in-out, opacity 2s ease-in-out; opacity:0;  transition-delay:0.3s; font-weight:500;  word-break:keep-all; line-height:1.4; margin-top:20px;}
.main_visual .swiper-slide-active .main01_txt02 {opacity:1; transform:translate(0,0);}

@keyframes main-bg-anim {
0% {opacity:1; transform:scale(1.1)}
100%  {opacity:1; transform:scale(1)}
}

.black_bg {position:relative; background:#061c2d url('../images/main23/black_bg_deco02.webp') no-repeat left bottom / contain; }
.black_bg > div {position:relative; z-index:1;}
.black_bg::before,
.black_bg::after {position:absolute; left:0; top:0; content:""; width:760px; height:720px; display:block; background:url('../images/main23/black_bg_deco01.webp') no-repeat left top; z-index:0;}
.black_bg::after {right:0; left:initial; transform: scaleX(-1);}
.contact {position:relative; top:-170px; display:flex; gap:18px; justify-content:center; z-index:10;}
.contact .box {position:relative; width:505px; padding:50px 40px; background:var(--bg-color); }
.contact .box > * {position:relative; z-index:1;}
.contact .box .t1 {font-size:30px; color:var(--y-bg-color); margin-bottom:30px;}
.contact .box1 {text-align:center;}
.contact .box1 .t2 {font-size:48px; font-family:'GM'; font-weight:900; color:var(--y-txt-color); }
.contact .box1 .t3 {font-size:20px; color:var(--y-txt-color); line-height:1.4; margin-top:30px; font-weight:450;}
.contact .box2 .t1 {text-align:center; color:var(--y-txt-color2)}
.contact .box2::after {content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.3); }
.contact .box2 ul {display:flex; flex-wrap:wrap; gap:10px; width:100%; margin-bottom:10px;}
.contact .box2 ul li {width:calc((100% - 10px) / 2);}
.contact .box2 ul li:last-child {width:100%;}
.contact .box2 input {width:100%; border-radius:3px; padding:15px; color:var(--y-txt-color); background-color:rgba(255,255,255,0.1); font-size:18px;}
.contact .box2 input::placeholder {color:#ddd;}
.contact .box2 button {font-size:18px; text-align:center; padding:20px 10px; width:100%; background-color:rgba(0,0,0,0.9); color:#fff; border-radius:3px;}

.apt {position:relative; top:-20px;}
.apt .t1,
.apt .t2 { font-family:'GM'; font-weight:300; color:#fff; text-align:center;}
.apt .t1 {font-size:30px;}
.apt .t2 {font-size:48px; margin:45px 0 70px 0; line-height:1.4; word-break:keep-all;}
.apt .t2 b {font-weight:900;}
.apt .img {position:relative; padding-bottom:60%; width:100%; overflow:hidden;}
.apt .img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); object-fit:cover; width:100%; height:100%;}
.apt .table {position:relative; top:-70px; width:90%; background:#fff; padding:40px; border:5px solid #061c2d; margin:0 auto 0 auto; z-index:1;}
.apt .table table {width:100%; border-top:1px solid #061c2d;}
.apt .table th {width:15%; min-width:170px; background-color:#f2f2f2; color:#061c2d; font-size:20px; padding:20px 10px; line-height:1.4; border-bottom:1px solid #e6e6e6; vertical-align:middle;}
.apt .table td {background-color:#fff; color:#333333; font-size:20px; line-height:1.4; padding:20px 30px; border-bottom:1px solid #e6e6e6;}

/*¼½¼Ç°øÅë*/
.section{}
.section .t1 {font-size:60px; color:#111111; font-weight:900; text-align:center;}
.section .t2 {font-size:24px; color:#111111; line-height:1.4; text-align:center; margin:20px 0 55px 0; word-break:keep-all;}

.premium {margin-top:100px; }
.premium .t1 em {color:#da4815; font-weight:900; font-size:100px; font-family:'EBSJSK'; -webkit-text-stroke: 2px #da4815;  text-shadow: 1px 1px 2px rgba(218,72,21,0.3); vertical-align:baseline; margin-left:5px; font-style:italic;}
.premium .t1 span {font-size:36px; font-weight:850; color:#da4815; vertical-align:baseline;}
.premium .tit {font-size:30px; color:#da4815; font-family:'GM'; font-weight:500; }
.premium .tit span {display:inline-block; position:relative; padding:1px 0;}
.premium .tit span::before {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:50%; background-color:rgba(218,58,21,0.1);}
.premium .detail_intro {width:100%; font-family:'GM'; font-weight:500; }
.premium .detail_intro .line2 {font-size:48px; color:#da3a15; line-height:1.3; word-break:keep-all; margin:35px 0;}
.premium .detail_intro .line3 {font-size:18px; color:#333333; line-height:1.6;}
.premium .sliding {position:relative; width:100%;}
.premium .gallery-top .swiper-slide {display:flex; gap:0 5%;}
.premium .gallery-top .right {width:calc(100% - 660px - 5%); margin-top:50px;}
.premium .gallery-top .left {position:relative; width:660px; aspect-ratio:16 / 13; border-radius:80px 0 80px 0; overflow:hidden;}
.premium .gallery-top .left img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); object-fit:cover; width:100%; height:100%;}
.premium .gallery-thumbs {position:absolute; right:0; bottom:0; width:calc(100% - 660px - 5%);  }
.premium .gallery-thumbs .swiper-slide {position:relative; aspect-ratio:1/1; overflow:hidden; cursor:pointer;}
.premium .gallery-thumbs .swiper-slide a {display:block; width:80%; color:#fff; border-radius:2px; background-color:rgba(0,0,0,0.35); padding:5px; font-size:13px; margin-top:10px; text-align:center; font-weight:normal;}
.premium .gallery-thumbs .swiper-slide a:hover {background-color:rgba(0,0,0,0.8); transition:0.4s ease-in-out; }
.premium .gallery-thumbs img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); object-fit:cover; width:100%; height:100%;}
.premium .gallery-thumbs .swiper-slide-thumb-active {border:3px solid #da3a15}

.environment {margin-top:150px; }
.environment img {max-width:100%;}
.environment .e_list {background-color:#fafafa; padding:80px 60px; font-family:'GM'; word-break:keep-all;}
.environment .e_list .t3 {font-size:48px; color:#14859a; line-height:1.6;  margin:0 0 60px 0; text-align:center; font-weight:500;}
.environment ul {display:flex; flex-wrap:wrap; gap:50px 5%; }
.environment ul li {width:calc((100% - 5%) / 2);}
.environment dt {color:#181e32; font-size:36px; font-weight:500; line-height:1.4; margin:25px 0 20px 0;}
.environment dt b {font-weight:900; line-height:1.4;}
.environment dd {font-size:18px; line-height:1.4; color:#5d5d5d; border-left:6px solid #3c3e98; padding-left:10px; font-weight:500;}

.complex {margin-top:150px; }
.complex img {max-width:100%;}
.complex ul {display:flex; gap:4%; }
.complex ul li {width:calc((100% - 4%) / 2);}
.complex ul li .txt {width:100%; font-size:36px; color:#181e32; background-color:#fafafa; padding:30px 10px; font-family:'GM'; font-weight:500; text-align:center; }


.interior {margin-top:150px; }
.interior .img {aspect-ratio: 16 / 10;}
.interior .img img {width:100%; height:100%; object-fit:cover;}
.interior .swiper-container {position:relative; overflow:hidden;}
.interior .main_g_btn {position:absolute; left:50%; top:45%; width:90%; transform:translate(-50%, -45%); display:flex; align-items:center; justify-content:space-between; z-index:9; opacity:0;}
.interior .main_g_btn button {display:flex; align-items:center; justify-content:center; width:80px; height:80px; border-radius:100px; border:1px solid #eee; box-shadow:rgba(0,0,0,0.05); font-size:39px; background:rgba(255,255,255,0.7); z-index:5;}
.interior .main_g_list:hover .main_g_btn {transition: 1s ease-out; opacity:1;}
.interior .main_g_list:not(:hover) .main_g_btn {transition: 1s ease-out;}
.interior .swiper-container p {font-family:'GM'; font-weight:500; font-size:30px; color:#181e32; margin-top:25px; line-height:1.2;}

.floor {margin-top:150px;}
.floor .tab {display:flex; gap:10px; justify-content:center; margin-bottom:55px;}
.floor .tab li {background-color:#d0d0d0; color:#fff; padding:20px 30px; font-size:30px; cursor:pointer;}
.floor .tab li.on { background:var(--bg-color); color:var(--y-txt-color); }
.floor .swiper-container {position:relative; overflow:hidden;}
.floor .swiper-slide {display:flex; justify-content:center;}
.floor .swiper-slide img {max-width:100%;}
.floor .swiper-pagination {position:initial; margin-top:20px;}
.floor .swiper-pagination-bullet {width:12px; height:12px;}
.floor .swiper-pagination-bullet-active {background:var(--txt-color); }

.b_contact {display:flex; margin-top:8%; }
.b_contact .img {width:60%;}
.b_contact .img img {object-fit:cover; max-width:100%; height:100%;}
.b_contact .right {display:flex; flex-direction:column; width:40%;}
.b_contact .right .r_t {padding:8%;}
.b_contact .right .num {font-size:60px; font-family:'GM'; font-weight:900; color:#111111; margin:40px 0;}
.b_contact .right .call_time {font-size:18px; color:#555555; line-height:1.5;}
.b_contact .right dl dt {font-size:20px; font-weight:800; color:#111111; }
.b_contact .right .sns {margin:40px 0 0 0;}
.b_contact .right .sns dd {display:flex; flex-wrap:wrap; gap:5px; margin-top:15px;}
.b_contact .right .sns img {width:40px;}
.b_contact .right .r_b {background-color:#f5f5f5; padding:8%; }
.b_contact .right .r_b dl {margin-bottom:40px;}
.b_contact .right .r_b dt {margin-bottom:20px;}
.b_contact .right .r_b dd {font-size:18px; line-height:1.4; color:#444; }
.b_contact .right .r_b ul {display:flex; gap:10px; width:100%;}
.b_contact .right .r_b ul li {width:calc((100% - 10px) / 2);}
.b_contact .right .r_b ul li button {position:relative; width:100%; background:var(--bg-color); color:var(--y-txt-color); padding:25px 10px; font-size:24px;}
.b_contact .right .r_b ul li:last-child button::before {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.1);}
.b_contact .right .r_b ul li span {position:relative; z-index:1;}

footer {background-color:#1a1a1a; padding:40px 0;}
footer .w1400 {display:flex; justify-content:space-between;}
footer .left {display:flex; gap:20px 40px; align-items:center;}
footer .left .b_logo {}
footer .left .b_logo img {max-width:200px;}
footer .left .company_info {color:#a6a6a6; line-height:1.5; font-size:14px; font-weight:450;}
footer .right {flex-shrink:0;}
footer ul {display:flex; flex-direction:column; gap:1px;}
footer ul a {display:flex; align-items:center; gap:5px; padding:10px; background-color:rgba(255,255,255,0.1); color:rgba(255,255,255,0.5); font-size:13px;}
footer ul li:first-child a {color:rgba(255,255,255,0.8);}

/**********************************ȸ»çÈ«º¸¼Ò°³1 ¸¶Ä§*******************************************/


/*°øÅë*/
/*html {font-size:62.5%}*/

/*¸ð¹ÙÀϸ޴º*/
.m_nav {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; }
.m_nav .menu_wrap {position:absolute; right:0; width:80%; background:#fff; height:100%;}
.m_nav .m_menu {height:100%;}
.m_nav .m_menu .m_nav_tab {display:flex; padding:15px 15px 0px 15px; }
.m_nav .m_menu .m_nav_tab li {width:50%;cursor:pointer; border:1px solid #ccc; }
.m_nav .m_menu .m_nav_tab li a {display:block; color:#888; font-size:17px; font-weight:600; text-align:center; padding:15px 0; }
.m_nav .m_nav_top {display:flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #eee;}
.m_nav .m_nav_top .left {display:flex; align-items:center; width:200%; padding:0 0 0 20px;}
.m_nav .m_nav_top .left span {display:inline-block; margin-left:5px;}
.m_nav .m_nav_top .left li {margin-right:5px; display:flex; flex-wrap:wrap; align-items:center; }
.m_nav .m_nav_top .left a {display:block; font-size:13px; border:1px solid #aaa; padding:5px; border-radius:3px; color:#222; }
.m_nav .m_nav_top .left .join a {border-color:#ddd; color:#888; }
.m_nav .m_nav_top .right {display:flex; align-items:center; justify-content:end; width:100%;}
.m_nav .m_nav_top .right li {font-size:16px; margin:0 0 0 10px; height:100%;}
.m_nav .m_nav_top .right li a {padding:10px;}
.m_nav .m_nav_top .right li button {font-size:24px; background:#333; color:#fff; padding:10px 15px;}
.m_nav .depth1 {height:100%; padding:10px 20px 60px 20px; overflow-y:scroll; }
.m_nav .depth1 li {border-bottom:1px solid #f4f4f4;}
.m_nav .depth1 li a{display:flex; justify-content:space-between; padding:20px 0 20px 10px; }
.m_nav .depth1 li.on>a {color:blue;}
.m_nav .depth1 li a {font-size:18px; font-weight:600;}
.m_nav .depth2 { display:none; background:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;}
.m_nav .depth1 > li.on .depth2 { display:block; }
.m_nav .depth2 li {}
.m_nav .depth2 li a {font-size:15px; font-weight:400; padding:15px 20px}








/****************************@@@@@@@@@@ ¹ÝÀÀÇü @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1680px ÀÌÇÏ@@@@@@@@@@ÇØ»óµµ1680****************************/
@media all and (max-width:1680px) {
/*°øÅë*/



}


/****************************@@@@@@@@@@ 1440px ÀÌÇÏ@@@@@@@@@@ÇØ»óµµ1440****************************/
@media all and (max-width:1440px) {
.w1400 {width:100%; padding:0 30px;}

.main_visual .main_txt {top:50%; transform:translate(-50%, -50%);}
.main_visual .swiper-slide img {height:70vh;}

.black_bg {padding:70px 0;}
.black_bg > div {position:relative; z-index:1; top:0;}
.apt {position:initial; }
.contact {margin-bottom:100px;}

.premium .gallery-top .swiper-slide {gap:0 5%;}
.premium .gallery-top .left {width:50%; }
.premium .gallery-top .right {width:45%; margin-top:0;}
.premium .gallery-thumbs {width:45%;}
}

/****************************@@@@@@@@@@ 1100px ÀÌÇÏ@@@@@@@@@@****************************/
@media all and (max-width:1100px) {
.contact {padding:0 30px;}
.contact .box {width:calc((100% - 30px) / 2);}

.black_bg::before, 
.black_bg::after {width:50%; height:30%; background-size:cover;}
}



/****************************@@@@@@@@@@ 1023px ÀÌÇÏ / ÅÂºí¸´@@@@@@@@@@****************************/
@media all and (max-width:1023px) {
/*°øÅë*/
.w1400 {padding:0 30px;}

/*»çÀ̵åÄü*/
.main_side_quick {display:none;}

header h1 img {max-width:150px;}
header .depth1 {display:none;}
header .util {display:none;}
header .m_menubtn {display:block; font-size:24px;}
header .m_menubtn a {display:flex; align-items:center; justify-content:center; color:#fff; background:var(--bg-color); color:var(--y-txt-color); }
header .bg- .m_menubtn a {color:#111;}

header .header_wrap {padding:0 0 0 30px;}
header .logo {padding:5px 0;}
header .util {margin-left:0;}
header .right .txt_wrap .t1 a {display:none}
header .logo {width:30%;}


.main_visual .swiper-slide-active .b1 {font-size:50px !important;; }
.main_visual .main_txt .b2 {font-size:24px !important;; margin-top:20px;}

.black_bg {padding:70px 0 0 0;}

.apt .t2 .br {display:block;}


.premium {height:auto; }
.premium .fp-tableCell {vertical-align:middle}
.premium .sliding {width:100%;}
.premium .gallery-thumbs {position:initial; bottom:0; width:100%; order:1;}
.premium .gallery-thumbs .swiper-slide a {display:none;}
.premium .gallery-top .swiper-slide {flex-wrap:wrap;}
.premium .gallery-top .right {width:100%; margin-top:30px;}
.premium .gallery-top .left {width:100%;}
.premium.active .tab {animation:none; opacity:1;}
.premium.active .gallery-top {animation:none; opacity:1;}
.premium.active .btn {animation:none; opacity:1;}
.premium.active .gallery-thumbs {animation:none; opacity:1;}
.premium .sliding {display:flex; flex-direction:column; }
.premium .gallery-top {width:100%; order:2;}
.premium .gallery-top .left {border-radius:0; margin-top:20px;}

.interior .main_g_btn {display:none;}

.environment .e_list {padding:60px 30px}

.b_contact {flex-wrap:wrap;}
.b_contact .img {width:100%;}
.b_contact .right {width:100%;}
.b_contact .right .r_t,
.b_contact .right .r_b {padding:50px 30px;}
.b_contact .right .num {margin:0 0 30px 0;}

footer .w1400 {flex-wrap:wrap;}
footer .left {width:100%;}
footer .right {width:100%; margin-top:30px;}
footer ul {flex-direction:row;}
}

/****************************@@@@@@@@@@ 768px ÀÌÇÏ / ÅÂºí¸´¹Ì´Ï@@@@@@@@@@****************************/
@media all and (max-width:768px) {
.w1400 {padding:0px 10px;}
header .right {padding:12px 10px 12px 12px;}
header .header_wrap {padding:0 0 0 10px}
header h1 img {max-width:120px;}

.main_visual .swiper-slide img {height:50vh;}
.main_visual .swiper-slide-active .b1 {font-size:44px !important;}
.main_visual .main_txt .b2 {font-size:26px !important; margin-top:20px;}

.black_bg {padding:50px 0;}
.contact {gap:10px; margin-bottom:70px; padding:0 10px;}
.contact .box {padding:30px 20px;}
.contact .box .t1 {font-size:20px; margin-bottom:20px;}
.contact .box1 .t2 {font-size:32px;}
.contact .box1 .t3 {font-size:14px; margin-top:20px;}
.contact .box2 input {padding:10px; font-size:15px;}
.contact .box2 button {font-size:15px; padding:15px 10px; }

.apt .t1 {font-size:24px;}
.apt .t2 {font-size:30px; margin:25px 0 30px 0;}
.apt .table {top:0; margin-top:20px; width:100%; padding:15px;}
.apt .table th {font-size:15px; min-width:100px; padding:10px;}
.apt .table td {font-size:15px; padding:10px;}

.section .t1 {font-size:30px;}
.section .t2 {margin:15px 0 25px 0; font-size:16px; padding:0 10px;}
.premium {margin-top:35px;}
.premium .t1 em {font-size:50px;}
.premium .t1 span {font-size:20px;}
.premium .gallery-top .right {margin-top:0;}
.premium .tit {display:none;}
.premium .detail_intro .line2 {font-size:24px; margin:20px 0 20px 0;}
.premium .detail_intro .line3 {font-size:14px; }
.premium .gallery-top .left {margin-top:10px;}

.environment {margin-top:70px;}
.environment .e_list {padding:40px 20px}
.environment .e_list .t3 {font-size:24px; margin:0 0 40px 0;}
.environment ul {gap:40px 4%;}
.environment ul li {width:calc((100% - 4%) / 2)}
.environment dt {font-size:20px; margin:20px 0;}
.environment dt br {display:none;}
.environment dd {font-size:14px; border-left-width:3px;}

.complex  {margin-top:70px;}
.complex ul {gap:0 4%;}
.complex ul li {width:calc((100% - 4%) / 2)}
.complex ul li .txt {font-size:24px; padding:20px 10px;}

.interior {margin-top:70px;}
.interior .swiper-container p {font-size:24px; margin-top:20px;}

.floor  {margin-top:70px;}
.floor .tab {overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width:none; margin-bottom:30px;}
.floor .tab li {padding:14px 18px; font-size:20px;}


.b_contact .right .num {font-size:30px;}
.b_contact .right .call_time {font-size:14px;}
.b_contact .right .r_t, 
.b_contact .right .r_b {padding:30px 20px;}
.b_contact .right .num {margin:0 0 20px 0;}
.b_contact .right .sns {margin:20px 0 0 0;}
.b_contact .right .sns img {width:20px; }
.b_contact .right dl dt {font-size:18px;}
.b_contact .right .r_b dl {margin-bottom:25px;}
.b_contact .right .r_b dt {font-size:18px; margin-bottom:15px;}
.b_contact .right .r_b dd {font-size:14px;}
.b_contact .right .r_b ul li button {font-size:16px; padding:15px 10px;}

footer {padding:30px 0;}
footer .left {flex-wrap:wrap;}
footer .left .company_info {width:100%; font-size:13px; }
footer ul a {font-size:12px; padding:7px;}
}

/****************************@@@@@@@@@@ 530px ÀÌÇÏ / ¸ð¹ÙÀÏ@@@@@@@@@@****************************/
@media all and (max-width:530px) {
header .right .txt_wrap .t1 {font-size:13px;}
header .right .txt_wrap .t2 {font-size:20px;}

.main_visual .swiper-slide-active .b1 {font-size:34px !important;}
.main_visual .main_txt .b2 {font-size:16px !important; margin-top:20px;}

.black_bg {padding:30px 0;}

.apt .t1 {font-size:16px;}
.apt .t2 {font-size:20px; margin:20px 0 25px 0;}

.contact {flex-wrap:wrap; margin-bottom:50px;}
.contact .box {width:100%;}

.environment .e_list {padding:30px 15px;}
.environment .e_list .t3 {font-size:20px; margin-bottom:30px;}
.environment dt {font-size:18px; margin:15px 0;}
.environment ul li {width:100%;}
.environment dt br {display:block;}

.complex ul li .txt {font-size:18px;}

.interior .swiper-container p {font-size:18px; margin-top:15px;}

.floor .tab {margin-bottom:15px; gap:5px;}
.floor .tab li {padding:10px 15px; font-size:15px; }
.floor .swiper-pagination-bullet {width:8px; height:8px;}


/*¸ð¹ÙÀϸ޴º*/
.m_nav .m_nav_top .left {padding-left:15px}
.m_nav .depth1 {padding:10px 15px 60px 15px}
.m_nav .depth1 li a {padding:18px 0 18px 10px; font-size:17px;}
.m_nav .depth2 li a {padding:10px 15px; font-size:15px;}
}



/****************************@@@@@@@@@@ 380px ÀÌÇÏ@@@@@@@@@@****************************/
@media all and (max-width:380px) {


}

/****************************@@@@@@@@@@ 360px ÀÌÇÏ@@@@@@@@@@****************************/
@media all and (max-width:360px) {
/*html {font-size:50%}*/

}