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

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 , sans-serif ;
font-size:0.8vw; font-weight:300;
letter-spacing:-1px;
margin:0;
padding:0;
color:#777;
width:100%;
height:100%;
line-height:170%;
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:11px; line-height:15px;} */
.eng {font-family:'Nanum Square',NanumSquare; font-weight:700;}
.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; }
ul, li, dl, dt, dd {padding:0; margin:0; list-style:none;}
p {margin:0; padding:0;}
img {vertical-align:top; max-width:100%;}
#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; background:#fff; font-weight:normal;}

#header {width:100%; position:fixed; z-index:1000; top:0; left:0; height:100px;}
#header.on {background:;}
#header img {vertical-align:middle;}
#header .ci {position:absolute; left:50px; top:50%; margin-top:-12px; z-index:2;}
#header .ci img {height:24px;}
#header .gnb {width:100%; position:fixed; right:0; top:100%; height:100%; text-align:center; background:url('/bon02/img/menu_bg.jpg'); transition: all 0.5s ease;}
#header .gnb.on {top:0;}
#header .gnb>li {display:inline-block; width:200px; height:600px; position:relative; overflow:hidden; top:50%; margin-top:-250px;}
#header .gnb>li>a {top:0; left:0; height:100%; color:#111; font-size:1.1vw; overflow:hidden; position:absolute; font-weight:bold;
	font-family: 'Cormorant Garamond', serif; letter-spacing:0; transition: all 0.9s ease-out; width:100%;
}
#header .gnb>li>a span {position:absolute; width:100%; left:0; top:20px;}
#header .gnb>li>a span:before {content:''; position:absolute; width:0; left:50%; top:60px; height:1px; background:#777; transition: all 0.9s ease-out;}
#header .gnb>li:hover>a span:before {width:20%; left:40%;}
#header .gnb>li:first-child>a {border-left:0;}
#header .gnb>li a:before {content:''; position:absolute; width:100%; height:100%; top:0; left:0; transition: all 0.9s ease-out; transform:scale(0.7);}
#header .gnb>li:hover a {}
#header .gnb>li:hover a:before {transform:scale(0.75);}
#header .gnb>li.t01 a:before {background:url('/bon02/img/menu_bg01.jpg')center center; background-repeat:no-repeat; background-size:100%;}
#header .gnb>li.t02 a:before {background:url('/bon02/img/menu_bg02.jpg')center center; background-repeat:no-repeat; background-size:100%;}
#header .gnb>li.t03 a:before {background:url('/bon02/img/menu_bg03.jpg')center center; background-repeat:no-repeat; background-size:100%;}
#header .gnb>li.t04 a:before {background:url('/bon02/img/menu_bg04.jpg')center center; background-repeat:no-repeat; background-size:100%;}
#header .gnb>li.t05 a:before {background:url('/bon02/img/menu_bg05.jpg')center center; background-repeat:no-repeat; background-size:100%;}
#header .gnb>li.t06 a:before {background:url('/bon02/img/menu_bg06.jpg')center center; background-repeat:no-repeat; background-size:100%;}
.soon {opacity:1;}
.soon ul {display:none;}
.soon a {color:#555 !important; cursor:default;}
.soon span:before {content:'준비중입니다.'; position:absolute; font-size:13px; margin-top:10px; font-family:'Noto Sans KR'; opacity:0; transition: all 0.5s ease;}
.soon:hover span:before {opacity:1; margin-top:30px;}
#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:#fff;}
.quick {position:fixed; right:130px; top:0; z-index:1000; height:100px;}
.quick li {float:left; margin-left:20px;}
.quick li a {color:#fff; font-size:1.0vw; line-height:100px; display:block; font-weight:400;}
.quick li+li a {font-size:1.3vw; line-height:92px; font-family: 'Cormorant Garamond', serif; font-weight:bold; letter-spacing:0;}
.quick.black li a {color:#111;}
.btn_all {position:fixed; right:0px; top:0px; cursor:pointer; z-index:4; height:100px; width:100px; z-index:1000; background:#111; padding-top:35px;}
.btn_all.close div.line01, .btn_all.close div.line03 {width:0px;}
.btn_all li div {width:40px; height:1px; background:#fff; margin:7px auto;
-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 {height:100%;}
.mcont:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:#111; opacity:0.2; z-index:110;}
.mcont #image {position: absolute; z-index:999; transition: all 0.3s ease-out; height:70px;}
.mcont #image.on {transform:rotate(180deg);}
.mcont #image.off {opacity:0;}
.mcont ul {width:100%; height:100%; position:absolute; z-index:999; top:0;}
.mcont ul li {float:left; width:50%; height:100%; cursor:pointer;}
.cycle-carousel-wrap {width:100%; height:100%;}
.mcont dl {position:absolute; z-index:111; top:50%; text-align:center; width:100%; color:#fff; letter-spacing:0; line-height:1.5em;}
.mcont dl dt {font-family: 'Cormorant Garamond', serif; font-size:2.4vw; line-height:1.2em; margin-bottom:30px;}
.mcont dl dd {letter-spacing:0.1vw; font-size:0.8vw;}
.mcont .cont {width:100%; height:100%; position:relative !important; overflow:hidden;}
.mcont .cont div {width:100%; height:100%; transition:all 10.0s ease .1s; position:absolute; left:0;}
.mcont .c01 div {transform:scale(1.4);}
.mcont .c01 div.on {transform:scale(1.0);}
.mcont .c02 div {width:120%; left:auto; right:0;}
.mcont .c02 div.on {right:-20%;}
.mcont .c03 div {width:120%;}
.mcont .c03 div.on {left:-20%;}
.mcont .c01 div {background:url('/bon02/img/mimg01.jpg')center center; background-size:cover;}
.mcont .c02 div {background:url('/bon02/img/mimg02.jpg')center center; background-size:cover;}
.mcont .c03 div {background:url('/bon02/img/mimg03.jpg')center center; background-size:cover;}

.simg {position:relative; background:#333;}
.simg dl {position:absolute; top:50%; font-size:18px; color:#111; line-height:30px;}
.simg h2 {font-family: 'Cormorant Garamond', serif; font-size:3vw; width:100%; letter-spacing:0; font-weight:bold; line-height:100%;}
.simg h2 span {display:block;}
.simg dl dd {padding-top:100px; position:relative;}
.simg dl dd:before {content:''; position:absolute; top:50px; width:50px; height:1px; background:#777;}
.premp .simg dl dd:before,
.locap .simg dl dd:before,
.amenip .simg dl dd:before
{background:#fff;}
.simg dl dd div {font-size:13px; line-height:20px; margin-top:10px;}
.btn_scroll {position:fixed; z-index:990; bottom:50px; left:50%; transform:rotate(0deg); width:50px; height:50px; margin-left:-25px; transition: all 0.5s ease; 
	opacity:0; background:#111; color:#fff; text-align:center; border-radius:100px; line-height:50px; letter-spacing:0; font-family: 'Cormorant Garamond', serif;}
.btn_scroll.on {bottom:30px; opacity:1;}

.scont {height:100%;}
.scont .sc {width:100%; height:100%; position:relative !important;}
/* .scont .sc01, .scont .sc01+div {width:1400px; margin:0 auto;} */
.scont .sc .half {position:absolute; top:50%;}
.storyp .simg {background:url('/bon02/img/story/simg.jpg')center center; background-size:cover;}
.locap .simg {background:url('/bon02/img/loca/simg.jpg')center bottom; background-size:cover;}
.premp .simg {background:url('/bon02/img/prem/simg.jpg')center center; background-size:cover;}
.amenip .simg {background:url('/bon02/img/ameni/simg.jpg')center center; background-size:cover;}
.interiorp .simg {background:url('/bon02/img/interior/simg.jpg')center center; background-size:cover;}
.scont .title {font-family: 'Cormorant Garamond', serif; font-size:5vw; line-height:1em; color:#111; margin-bottom:70px;}
.scont .stitle {color:#111; font-weight:500; margin-top:20px;}
.scont .eng {letter-spacing:0;}

.storyp .simg dl {text-align:right; right:20%;}
.storyp.sub01p .scont .sc01 {width:100%; padding-left:10%; z-index:-1 !important;}
.storyp.sub01p .scont .sc01 img.half {right:0; width:45vw; transition: all 2.0s ease;}
.storyp.sub01p .scont .sc01 img.half.on {right:-45vw;}
.storyp.sub01p .scont .sc01 {background:url('/bon02/img/story/01cont01_bg.jpg')center center; background-size:cover;}
.storyp.sub01p .scont .sc02 {padding-left:10%;}
.storyp.sub01p .scont .sc02 dl {color:#111; padding-bottom:200px;}
.storyp.sub01p .scont .sc02 .stitle+dd {margin-top:50px; margin-left:-10px;}
.storyp.sub01p .scont .sc02 .stitle+dd span {font-weight:500; margin-left:10px;}
.storyp.sub01p .scont .sc02 .table {position:absolute; bottom:5%; right:5%; color:#fff; font-size:11px; line-height:17px;}
.storyp.sub01p .scont .sc02 .table li:first-child {padding-bottom:20px; position:relative;}
.storyp.sub01p .scont .sc02 .table li:first-child:before {content:''; position:absolute; width:40px; height:1px; background:#fff; bottom:10px;}
.storyp.sub01p .scont .sc02 .table li span {display:inline-block; width:50px;}
.storyp.sub01p .scont .sc02 {background:url('/bon02/img/story/01cont02_bg.jpg')center center; background-size:cover;}
.storyp.sub01p .scont .sc03 {padding-left:10%;}
.storyp.sub01p .scont .sc03 dl {color:#111;}
.storyp.sub01p .scont .sc03 {background:url('/bon02/img/story/01cont03_bg.jpg')center center; background-size:cover;}

.locap.sub01p .simg02 {background:url('/bon02/img/loca/simg02.jpg')center top; background-size:cover;}
.locap.sub01p .simg dl {color:#fff; left:15%; top:36%;}
.locap.sub01p .scont .sc01 {background:url('/bon02/img/loca/bg01.jpg?v01')center center; padding:0 10%; background-size:cover;}
.locap.sub01p .scont .sc01 dl {right:25%; text-align:right; color:#333; overflow:hidden;}
.locap.sub01p .scont .sc01 dl dd {text-align:left; float:right; width:51%; padding-left:355px;}
.locap.sub01p .scont .sc01 dl dd .stitle {border-bottom:#333 1px solid; line-height:30px; margin-bottom:10px;}
.locap.sub01p .scont .sc01.sec {background:url('/bon02/img/loca/bg02.jpg?v01')center center; background-size:cover;}
.locap.sub01p .scont .sc01.sec dl {right:auto; left:25%; text-align:left;}
.locap.sub01p .scont .sc01.sec dl dd {float:none; width:30%; padding-left:0;}

.locap.sub01p .scont .sc02 {background:#ebe4de; padding:0 10%;}
.locap.sub01p .scont .sc02 img.half {width:45vw; left:10%;}
.locap.sub01p .scont .sc02 dl {right:10%; text-align:right;}

.premp .simg dl {right:15%; color:#fff; margin:0 !important; bottom:15%;}
.premp.sub01p .scont {color:#fff;}
.premp.sub01p .scont .title {color:#fff; font-size:1.2vw; letter-spacing:0.5vw;}
.premp.sub01p .scont .title div {font-family:'Noto Sans KR'; font-size:3vw; letter-spacing:-0.2vw; margin-top:30px; font-weight:300;}
.premp.sub01p .scont .sc+.sc dl {width:70%; position:absolute; left:15%;}
.premp.sub01p .scont .sc+.sc dl {text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.premp.sub01p .scont .sc:before {content:''; position:absolute; width:100%; height:100%; background:#111; opacity:0.2;}
/* .premp.sub01p .scont .sc {filter: grayscale(100%);} */
.premp.sub01p .scont .sc02 dl,
.premp.sub01p .scont .sc06 dl
{text-align:right;}
.premp.sub01p .scont .sc01 {background:url('/bon02/img/prem/01cont01.jpg')center center; background-size:cover;}
.premp.sub01p .scont .sc02 {background:url('/bon02/img/prem/01cont02.jpg')center center; background-size:cover;}
.premp.sub01p .scont .sc03 {background:url('/bon02/img/prem/01cont03.jpg')center center; background-size:cover;}
.premp.sub01p .scont .sc04 {background:url('/bon02/img/prem/01cont04.jpg')center center; background-size:cover;}
.premp.sub01p .scont .sc05 {background:url('/bon02/img/prem/01cont05.jpg')center center; background-size:cover;}
.premp.sub01p .scont .sc06 {background:url('/bon02/img/prem/01cont06.jpg')center center; background-size:cover;}

.amenip.sub01p .simg dl {color:#fff; left:15%; bottom:15%; margin:0 !important; text-align:left !important;}
.amenip.sub01p .scont {transition: all 0.7s ease;}
.amenip.sub01p .scont.color {background:#60564b;}
.amenip.sub01p .scont.color02 {background:#eae8f1;}
.amenip.sub01p .scont.color03 {background:#f1ece8;}
.amenip.sub01p .scont .sc+.sc dl {padding:0 10%; width:100%;}
.amenip.sub01p .scont .sc dl dt {font-size:2.2vw; letter-spacing:1.5vw; line-height:3vw;}
.amenip.sub01p .scont .sc img.half {width:45vw; z-index:-1; transition: all 1.0s ease;}
/* .amenip.sub01p .scont .sc01 img.half, 
.amenip.sub01p .scont .sc03 img.half,
.amenip.sub01p .scont .sc05 img.half */
.amenip.sub01p .scont .sc:nth-child(even) img.half
{right:0;}
/* .amenip.sub01p .scont .sc01.cycle-slide-active img.half, .amenip.sub01p .scont .sc03.cycle-slide-active img.half {right:0;}
.amenip.sub01p .scont .sc02.cycle-slide-active img.half, .amenip.sub01p .scont .sc04.cycle-slide-active img.half {left:0;} */
/* .amenip.sub01p .scont .sc img.half {padding:70px;}
.amenip.sub01p .scont .sc.cycle-slide-active img.half {padding:0;} */
.amenip.sub01p .scont .sc02 dl, .amenip.sub01p .scont .sc03 dl {color:#fff;}
.amenip.sub01p .scont .sc02 dl dt, .amenip.sub01p .scont .sc03 dl dt {color:#fff;}
.amenip.sub01p .scont .sc02 dl dd, .amenip.sub01p .scont .sc03 dl dd {opacity:0.7;}
.amenip.sub01p .scont .sc:nth-child(odd) dl {text-align:right;}
/* .amenip.sub01p .scont .sc02 dl {}
.amenip.sub01p .scont .sc04 dl {text-align:right;} */

.interiorp .simg dl {left:24%;}
.interiorp.sub01p .scont .sc01 {background:url('/bon02/img/interior/01cont01.jpg')center center; background-size:cover;}
.interiorp.sub01p .scont .sc02 {background:#e8e1db;}
.interiorp.sub01p .scont .sc02>dl {width:80%; margin-left:10%;}
.interiorp.sub01p .scont .sc02 ul {margin-top:70px; overflow:hidden; width:100%;}
.interiorp.sub01p .scont .sc02 ul li {overflow:hidden; width:5%; float:left; transition: all 1.0s ease; position:relative; height:300px; cursor:pointer; border-right:#555 1px solid;}
.interiorp.sub01p .scont .sc02 ul li:first-child {border-left:#555 1px solid;}
.interiorp.sub01p .scont .sc02 ul li.on {width:75%; cursor:default;}
.interiorp.sub01p .scont .sc02 ul li .wrap {height:100%; opacity:0; transition: all 0.5s ease; padding:0 20px; text-align:right;}
.interiorp.sub01p .scont .sc02 ul li.on .wrap {opacity:1;}
.interiorp.sub01p .scont .sc02 ul li .wrap>img {max-height:100%; max-width:50%;}
.interiorp.sub01p .scont .sc02 ul li:first-child .wrap>img {margin-right:30px;}
/* .interiorp.sub01p .scont .sc02 ul li .wrap>img+img {margin-left:10px;} */
.interiorp.sub01p .scont .sc02 ul li dl {position:absolute; text-align:left;}
.interiorp.sub01p .scont .sc02 ul li>span {transform: rotate(90deg); position:absolute; padding-left:30px; font-family: 'Cormorant Garamond', serif; letter-spacing:0; width:100%;}
.interiorp.sub01p .scont .sc02 ul li.on>span {display:none;}
.interiorp.sub01p .scont .sc02 ul li dl {padding-top:70px;}
.interiorp.sub01p .scont .sc02 ul li:last-child dl {padding-top:120px;}
.interiorp.sub01p .scont .sc02 ul li dl dt {position:absolute; top:0;}
.interiorp.sub01p .scont .sc02 ul li dl dt img {transform:scale(0.6); transform-origin:left top;}

.unitp.sub01p {background:#f1ece8;}
.unitp.sub01p .type_menu {position:fixed; font-family: 'Cormorant Garamond', serif; font-size:30px; color:#cac6c3; font-size:7vw; line-height:100%; top:50%; padding-left:50px; z-index:110;}
.unitp.sub01p .type_menu li {line-height:15vh; opacity:0.5; transition: all 0.7s ease; cursor:pointer;}
.unitp.sub01p .type_menu li.on {color:#111; opacity:1;}
.unitp.sub01p .type_smenu {overflow:hidden; margin-top:20px;/*  max-width:250px; */}
.unitp.sub01p .type_smenu div {float:left; width:60px; height:60px; border:#cac6c3 1px solid; color:#777; text-align:center; line-height:60px; cursor:pointer; margin:0 5px 5px 0; 
	font-family: 'Cormorant Garamond', serif; font-size:1.1vw;}
.unitp.sub01p .type_smenu div.on {background:#111; color:#fff;}

.unitp.sub01p .scont .sc .info {z-index:2;}
.unitp.sub01p .scont .sc01 {padding:0 20%; position:relative;}
.unitp.sub01p .scont .sc01 .title {text-align:center; margin-bottom:30px; max-width:306px;}
.unitp.sub01p .scont .sc01 .title div {font-family:'Noto Sans KR'; font-size:14px; letter-spacing:-1px; line-height:40px; border-top:#333 1px solid; border-bottom:#333 1px solid; height:40px;}
.unitp.sub01p .scont .sc01 .title span {font-size:16px;}
.unitp.sub01p .scont .sc01 .stitle {font-size:18px; letter-spacing:0;}
.unitp.sub01p .scont .sc01 .stitle img {height:180px; margin:20px 0;}
.unitp.sub01p .scont .sc01 ul.half {text-align:center; width:100%; top:55%;}
/* .unitp.sub01p .scont .sc01 ul.half li {opacity:0; height:0;}
.unitp.sub01p .scont .sc01 ul.half li.on {opacity:1; height:60vh;} */
.unitp.sub01p .scont .sc01 ul.half li img {height:50vh;}
.unitp.sub01p .scont .sc01 ul li div {color:#111; margin-top:20px; font-size:17px; letter-spacing:0; font-weight:bold;}

#footer {background:#111; padding:30px 100px; width:100%; transition: all 0.5s ease;}
.subp #footer {position:fixed; bottom:-200px; z-index:1000;}
.wishp #footer {bottom:0;}
#footer.on {bottom:0;}
#footer .wrap {position:relative; line-height:17px; overflow:hidden; padding-left:200px;}
#footer .wrap .footer_bi {position:absolute; height:22px; left:0; opacity:0.2;}
#footer .wrap .duck_foot, #footer .wrap .copy {color:#444;}
#footer .wrap .line {display:inline-block; width:1px; height:10px; background:#555; margin:0 7px; opacity:0.5;}
#footer .wrap .duck_foot {margin-top:7px; font-size:11px;}
#footer .wrap .copy {position:absolute; right:0; bottom:0px; letter-spacing:0; font-size:11px; text-align:right;}
#footer .wrap .copy .footer_part {height:27px; margin-bottom:5px; opacity:0.7;}


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

/*모바일*************************************************************/
@media all and (max-width:1099px) {
body {
/* transform: rotate(-90deg);
transform-origin: left top;
width: 100vh;
overflow-x: hidden;
position: absolute;
top: 100%;
left: 0;
height: 100vw;
overflow-y: hidden; */
}
body {font-size:3vw;}
body.xx {display:none !important;}
.mo_view {display:block;}
.pc_view {display:none;}
#header {height:50px;}
#header .ci {left:15px; margin-top:-8px;}
#header .ci img {height:15px;}
#header .gnb {padding:100px 0;}
#header .gnb>li {width:100%; height:16.6%;}
#header .gnb>li>a {border-left:0; border-top:#333 1px solid; font-size:4.5vw; color:#fff;}
#header .gnb>li a:before {opacity:0.3;}
.quick {height:50px; right:70px; top:2px;}
.quick li a {font-size:3.4vw; line-height:50px;}
.quick li+li a {font-size:4vw; line-height:43px;}
.btn_all {width:50px; height:50px; padding-top:13px;}
.btn_all li div {width:24px; margin:5px auto; position:relative;}
.br {display:block;}

.mcont #image {display:none;}
.mcont dl dt {font-size:4vw; line-height: 1.4em;}
.mcont dl dd {font-size:2.4vw;}

.simg h2 {font-size:4vw; margin-top:-20px;}
.btn_scroll {width:40px; height:40px; margin-left:-20px; line-height:40px; /* transform: rotate(0deg); */}
.btn_scroll.on {bottom:15px;}
.soon:hover span:before {margin-top:15px;}
.cycle-sentinel {display:none !important;}
.scont .sc {overflow-y:hidden;}
.scont .sc .half {top:0; position:relative;}
.scont .title {font-size:7vw; margin-bottom:30px;}
.scont .stitle {margin-top:10px;}
.scont .sc {padding:100px 15px 50px 15px !important;}

.storyp.sub01p .scont .sc01 img.half {width:70%; position:absolute; bottom:0px; top:auto; transition: all 0s ease; right:0 !important;}
.storyp.sub01p .scont .sc02 .title {margin-left:0;}
.storyp.sub01p .scont .sc02 .stitle+dd span {width:60px; display:inline-block;}
.storyp.sub01p .scont .sc02 .stitle+dd {line-height:22px; margin-top:30px;}
.storyp.sub01p .scont .sc02 img.half {width:70%; position:absolute; bottom:0px; top:auto; left:0; transition: all 0s ease;}

.locap.sub01p .scont .sc01 img.half {width:90%; left:0; top:auto; bottom:0px; position:absolute;}
.locap.sub01p .scont .sc02 dl {width:100%; left:0; margin:0;}
.locap.sub01p .scont .sc02 dl dd {width:65%; margin:0 17.5%;}
.locap.sub01p .scont .sc02 dl dd img {padding:7px;}
.locap.sub01p .scont .sc02 dl dd+dd {margin-top:20px;}
.locap.sub01p .scont .sc02 .stitle {display:inline-block; font-size:3vw;}

#footer {padding:20px 15px;}
.subp #footer {bottom:-250px;}
.subp #footer.on {bottom:0;}
#footer .wrap {width:100%; padding:0; line-height:15px;}
#footer .wrap .duck_foot {font-size:10px;}
#footer .wrap .line {margin:0 3px; height:7px;}
#footer .wrap .footer_bi {position:relative; height:15px; margin-bottom:10px;}
#footer .wrap .copy .footer_part {height:17px;}
#footer .wrap .copy {position:relative; margin-top:10px; font-size:9px;}
/* 
.wishp #footer {position:relative; bottom:auto;}



#footer .wrap br {display:none;}
 */

}

#mag {display:none;}
@media (orientation: portrait) {
	/* Portrait 모드일 때 적용할 CSS */
	/* body {width:100%; overflow:hidden; position:fixed; top:0; left:0; height:100%;}
	body:before {content:''; width:100%; height:100%; background:#111; position:fixed; left:0; top:0; z-index:10000;	}
	body:after {content:'본사이트는 가로모드에 최적화 되어있습니다. 화면잠금해제 후 화면을 가로로 돌려주세요'; width:50%; position:fixed; left:0; top:30%; z-index:10000;
		font-size:70px; color:#fff; line-height:140%; padding:30px;
	} */
	body {overflow:hidden !important;}
	#mag {display:block; width:100%; overflow:hidden; position:fixed; top:0; left:0; height:100%; background:#111; z-index:10000; text-align:center;
	font-size:70px; color:#fff; line-height:140%; padding-top:40%;
	}

}

@media (orientation: landscape) {
	/* Landscape 모드일 때 적용할 CSS */
}