/*모바일*****************************************************************************************************/
@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:13px; 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;} */
.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 !important;}
#header:before {display:none;}
#header.view {border:0;}
#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; letter-spacing:0; color:#fff !important;
	display:block; font-size:15px; padding:0 20px !important; background:#8c7b69; font-weight:500;
}
#header:hover .gnb>li>a, #header.wh .gnb>li>a {color:#fff !important;}
#header .gnb>li>a:before {content:''; width:100%; height:1px; background:#111; position:absolute;
	top:0; left:0; opacity:0.1;
}
#header .gnb>li:first-child>a:before {display:none;}
#header .gnb li:first-child a {border-top:0;}
#header .gnb:after {position:fixed; background:#5a534b;/* d09e85 */ width:100%; height:100%; opacity:0; top:0; 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;}
#header:hover {background:none !important;}
#header.view {background:#fff !important;}
.quick {transition:all 0.5s ease .1s; right:0; width:100%; top:auto !important; bottom:-50px;
	transform:unset !important;
}
.quick.on {bottom:0;}
.quick li {margin:0; text-align:right; width:100%; padding:0 20px;}
.quick li a img {width:13px; margin-right:7px; filter: brightness(0) invert(1) !important;}
.quick li a {font-size:17px; line-height:50px; height:50px; width:100%; font-weight:500; border:0;
	color:#fff !important;
}
.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;}
.mainp .btn_all {top:-26px;}
.mainp .btn_all li div {background:#fff;}
.mainp.hv .btn_all {top:15px;}
.btn_all.wh 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;}

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

.mcont01 .txt {font-size:3.5vw; width:65%; transform:unset; left:20%; top:20%;}
.mcont01 .txt dt {font-size:30px; margin-top:10px;}
.mcont01:before {left:10%; top:20%;}
.mcont01.lay:before {bottom:20%;}
.mcont01 .step01 {left:10%;}
.mcont01 .step01.on {width:80%;}
.mcont01.lay .step01 {height:30%;}
.mcont01.lay3 .step01 {width:100%; height:100%;}
.mcont01 .mbi {width:50%; left:20%; transform:unset; bottom:15%;}
.mcont01.lay2 .mbi {bottom:20%;}
.mcont01.lay3 .mbi {left:10%;}
.mcont01.end {transform:translateY(-190px);}
.mcont01 .duck_foot {bottom:30px;}

.mcont02 ul.info_table {right:15px; gap:20px; bottom:50px; width:calc(100vw - 40px);}
.mcont02.w02 ul.info_table {right:15px;}
.mcont02 ul.info_table li {width: calc((100% - 20px) / 2);}
.mcont02 ul.info_table li dl dt {font-size:14px;}

.mainp.newp .mcont03 h2 {top:auto; padding:0; left:0;}
.mainp.newp .mcont03 h2 .font {font-size:100px;}
.mainp.newp .mcont03.w02 h2 {bottom:-100px;}
.patt #pattWrap {
    grid-template-columns: repeat(auto-fill, minmax(33.3vw, 1fr));
    grid-auto-rows: 33.3vw;
}
.mcont03 .btn_wrap {top:33.3vw;}
.mcont03 .tt {font-size:20px;}
.mcont03 .btn_wrap li .st {font-size:30px;}
.mcont03 .btn_wrap li {width:33.3vw; height:33.3vw;}
.mcont03 .btn_wrap li.p03 {margin-top:33.3vw;}
/* .mcont03 .cprem::after {display:none;} */
.mcont03 .cprem:before {width:100%; height:50%;}
.mcont03 .cprem02:before {top:50%;}
.mcont03 .cprem dl {width:100%;}
.mcont03 .cprem01 dl {top:60%;}
.mcont03 .cprem02 dl {top:80px;}
.mcont03 .cprem dl dt {font-size:40px;}
.mcont03 .cprem dl dd div {font-size:17px; margin:10px 0 15px 0; line-height:140%;}
.mcont03 .cprem dl dd span {font-size:9px;}
.mcont03 .cprem03 .thum {width:100%;}
.mcont03 .cprem03 .thum ul {gap:0; width:80vw; margin-top:40px; flex-wrap: wrap;
	display:block; overflow:hidden; margin-left:10vw;
}
.mcont03 .cprem03 .thum ul li {width:40vw; float:left; font-size:17px;}
.mcont03 .cprem03 .thum ul li:nth-child(2n) {float:right;}
.mcont03 .cprem03 .thum ul li+li+li {margin-top:20px;}
.mcont03 .cprem03 .thum ul li .im {width:40vw; height:40vw; margin-bottom:10px;}
.mcont03 .cprem03 .thum ul li .im:before,
.mcont02 .img_wrap:before,
.mcont03 .img_wrap:before
{font-size:9px;}
.mcont02 .img_wrap:before,
.mcont03 .img_wrap:before {right:15px !important; bottom:15px;}
.mcont03 .cprem01 .img_wrap:before {bottom:calc(50% + 15px);}
.mcont03 .btn_oj {margin-top:20px;}
.btn_oj {padding:7px 40px; padding-left:15px;}
.btn_oj:before {right:15px; width:10px; height:10px;}

.mcont04 {padding:0;}
.mcont04 ul {height:90vh; margin-top:10vh;}
.mcont04 ul li {width:100%; height:33.3%}
.mcont04 ul li:after {font-size:9px;}
.mcont04 ul li dl {transform:unset !important; top:30px; padding:0 0 0 20px;}
.mcont04 ul li:hover dl {top:30px;}
.mcont04 ul li dl dt {font-size:14px;}
.mcont04 ul li dl dt div {font-size:32px; margin:5px 0 15px 0 !important;}
.mcont04 ul li.sc02 .img_wrap:before {background: url('/img/mcont04_02.jpg')center bottom -15vh; background-size:cover;}

.mainp.newp .mcont.mcont05 h2 {left:0; padding:0; margin:15px 0 5px 0;}
.mcont05 ul {display:block; width:100%; gap:0; position:relative; left:0; transform:unset;
	top:40px;
}
.mcont05 ul li {width:100%; padding:0 25px;}
.mcont05 ul li+li {width:100%; font-size:12px;}
.mcont05 ul li>div {padding:5px 0;}
.mcont05 ul li>div span {display:block;}
.mcont05 ul li>div a {font-size:11px;}
.mcont05 ul li .btn_oj {padding:3px 20px 3px 7px;}
.mcont05 ul li .btn_oj:before {right:7px;}

#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:5px;}

.simg>div {height:300px;}
.simg>div:before {height:110%; background: url(/img/simg2.jpg) center center;
	background-size:cover;
}
.simg>div .mt {font-size:40px; padding:15px 20px;}
.simg>div .mt .mt_text2 {font-size:17px; top:40px;}
.simg>div .mt.on3 .mt_text2 {top:60px;}
.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; padding:0;}
.simg .tab_f li a {height:50px; line-height:50px; font-size:13px;}
.unitp .simg .tab_f li {width:25%;}
.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%;}
.busip .simg .tab_f li {width:20%;}
.bunp .simg .tab_f li {width:23.3%;}
.bunp .simg .tab_f li+li+li+li {width:30%;}
.bunp .simg .tab_f li+li+li+li+li {width:35%;}
.bunp .simg .tab_f li+li+li+li+li+li {width:32.5%;}

.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:17px; padding:0 0 15px 0; margin-bottom:20px;}
.scont h2 .font {font-size:12px;}
.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.newp .scont .sc .slide_wrap {width:100%;}
.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:15px;}
/* .busip.sub01p .scont .sc ul.info_table li dl dd {font-size:11px; line-height:17px;} */
.busip.sub01p .scont .sc ul.info_table li dl dt+dd {margin-top:10px; padding-top:10px;}
.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:100%;}
.busip.sub01p.newp .scont .duck_foot {padding-left:0; padding-right:0;}
.busip.sub03p .scont .sc {width:100%; margin-left:0;}
.busip.sub03p .scont .sc01 h2 img {width:50%; margin-top:15px;}
.busip.sub03p .scont .sc01 .info_table h3 {font-size:12px !important; padding:5px;}
.busip.sub03p .scont .sc01 ul li th, .busip.sub03p .scont .sc01 ul li td {font-size:8px; padding:2px;}
.busip.sub03p .scont .sc01 .hj {display:none;}
.busip.sub03p .scont .sc01 .group {width:100%; margin:20px 0 5px 0;}
.busip.sub04p .scont .sc01 h2 {margin:15px 0 0 0;}
.busip.sub04p .scont .sc::before {background: url('/img/mcontact_bg03.jpg'); background-size:cover;
background-position: right 19% center;
}
.busip.sub04p .scont .sc01 ul {display:block;}
.busip.sub04p .scont .sc01 ul li {width:100%;}
.busip.sub04p .scont .sc01 ul li+li {width:100%; font-size:14px;}
.busip.sub04p .scont .sc01 ul li>div {padding:10px 0;}
.busip.sub04p .scont .sc01 ul li>div>div {position:relative; top:0; transform:unset; margin-top:7px;}
.busip.sub04p .scont .sc01 ul li>div a {font-size:12px; margin:0 10px 0 0; width:40%;}
.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.sub02p .scont>img {padding:0; height:auto;}
/* .bunp.sub05p .scont .img_wrap {padding:10px;} */
.bunp.sub10p .scont {width:100%;}
.bunp.sub10p .scont .sc ul li {margin-top:100px;}
.bunp.sub10p .scont .sc ul li:first-child {margin-top:30px;}
.bunp.sub10p .scont .sc ul li:first-child.on {margin-top:0px;}
.bunp.sub10p .scont .sc ul li:first-child dl dd+dd {margin-top:7px;}
.bunp.sub10p .scont .sc ul li.on {margin-top:70px;}
.bunp.sub10p .scont .sc ul li .img_wrap {width:calc(100% - 60px);}
.bunp.sub10p .scont .sc ul li dl {position:relative; width:calc(100% - 30px); left:30px; line-height:18px; font-size:12px; top:30px; margin-top:40px;}
.bunp.sub10p .scont .sc ul li.on dl {top:0;}
.bunp.sub10p .scont .sc ul li dl:before {width:20vw; height:20vw;}
.bunp.sub10p .scont .sc ul li:nth-child(2n) dl {left:auto; right:0px;}
.bunp.sub10p .scont .sc ul li dl dt {font-size:12px;}
.bunp.sub10p .scont .sc ul li dl dt+dd {font-size:17px; line-height:25px; margin:0 0 10px 0;}
.bunp.sub10p .scont .sc ul li dl dt+dd span {font-size:11px;}
.bunp.sub10p .scont .sc ul li dl dd+dd+dd {margin-top:10px;}
.bunp.sub10p .scont .sc ul li .img_wrap:before {font-size:8px; right:7px; bottom:7px;}

.danp.sub01p .scont {width:100%;}
.danp.sub01p .scont .sc01 h2 {padding:0;}
.danp.sub01p .scont .sc01 ul {height:70vh; margin-top:10vh}
.danp.sub01p .scont .sc01 ul:after {display:none;}
.danp.sub01p .scont .sc01 ul:before {left:-30px; width:35vw; height:35vw; top:20vh;}
.danp.sub01p .scont .sc ul li .img_wrap {width:80%; height:40%; top:auto; bottom:80px;}
.danp.sub01p .scont .sc ul li dl {width:100%; position:relative; line-height:18px; font-size:12px;
	right:0; top:5vh;
}
.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 dl dt {font-size:30px; line-height:100%;}
.danp.sub01p .scont .sc ul li dl dt+dd {font-size:17px; line-height:25px; margin:20px 0 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 ul+.duck_foot {margin:0;}
.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:0; margin:0 !important;}
.danp.sub03p .scont h2 {padding-top:40px !important;}
.danp.sub03p .scont .sc ul {margin-bottom:0px;}
.danp.sub03p .scont .sc ul:after {display:none;}
.danp.sub03p .scont .sc ul:before {left:50%;}
.danp.sub03p .scont .sc ul li {margin:100px 0;}
.danp.sub03p .scont .sc ul li .img_wrap img {height:150px;}
.danp.sub03p .scont .duck_foot.hh {padding-top:30px;}
.danp.sub03p .scont .sc01 {width:100%; margin-left:0; padding:0 15px;}
.danp.sub03p .scont .sc01 .iso {padding:0; margin:30px 0 50px 0;}
.danp.sub03p .scont .sc02 {padding:0 0 40px 0; margin:0;}
.danp.sub03p .scont .sc02 ul li {width:auto;}
.danp.sub03p .scont .sc02 ul li .font {top:50px;}
.danp.sub03p .scont .sc02 ul li .txt {font-size:15px; top:280px;}
.danp.sub03p .scont .sc02 ul li .txt>div {font-size:12px; line-height:17px;}
.btn_drag {display:none;}
.mainp .btn_drag {display:block; width:50px; height:50px; line-height:50px; font-size:14px}

.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.sub02p .scont img {width:100%;}
.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 {width:110px; height:110px; right:50px;}
.side_menup .circle-wrap {left:auto; bottom:auto; right:0; top:0; display:block;}
text {font-size:17px; font-weight:500;}
.center {width:80px; height:80px; z-index:-1; text-align:center; font-size:15px;
	line-height:20px;
}
.center div {margin:22px 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;}

}