@charset "euc-kr";

.quick_menu{display:none !important;}

/* index_m common - common btn */
.m_common_btn{position:relative; display:block; width:100%; padding:18px 25px 18px; box-sizing:border-box; text-align:left; line-height:1; color:#fff; background-color:#425563; font-size:14px; font-weight:400;}
.m_common_btn:after{position:absolute; right:25px; top:50%; width:7px; height:13px; margin-top:-6.5px; background:url(../images/common/m_btn_arrow_ico_w.png) 0 0 no-repeat; background-size:100% auto; content:"";}

/* index_m common */
.index_m section{width:100%; margin-bottom:50px;}
.index_m section h2{margin-bottom:25px; font-size:18px; font-weight:500; line-height:1.2; letter-spacing:6px; text-align:center;}
.index_m .visual_sec{width:100%;}

/* °¡ºÐ¾ç ºñÁê¾ó ¿µ¿ª */
.index_m .visual_sec.beta{padding:57px 0 0; margin-bottom:0; background:url(../images/index/m_beta_visual_bg.jpg) center 0 no-repeat; background-size:100% auto;}
.index_m .visual_sec.beta .tit_area{width:calc(100% - 188px); margin:0 auto;/*  margin: 0 auto 30px; */}
.index_m .visual_sec.beta .visual_top{padding-top:14.5%; margin-bottom:36px; background:none;}
.index_m .visual_sec.beta .prugio_note_m{bottom:120px; margin-bottom:37px;}
.index_m .visual_sec.beta .beta_banner{width:calc(100% - 178px); padding:45px 0 35px; margin:0 auto; box-shadow:-5px 8px 10px 0px #968675; background:url(../images/index/m_beta_visual_banner.jpg) 0 0 no-repeat; background-size:100% 100%;}
.index_m .visual_sec.beta .beta_banner p{width:100%; height:100%; font-size:17px; color:#66622c; font-weight:400; text-align:center;}
.index_m .visual_sec.beta .beta_banner p span{display:block; line-height:22px; font-size:40px;}
/* //°¡ºÐ¾ç ºñÁê¾ó ¿µ¿ª */

/* ÀÏÁ¤ ¹è³Ê Default */
.index_m .visual_sec .sec_inner{padding:30px 35px; background-color:#005151;}
.index_m .visual_sec .visual_top{position:relative; padding-top:80%; background:url(../images/index/m_visual_bg.jpg) 50% 0 no-repeat; background-size:100% auto;}

/* ÀÏÁ¤ ¹è³Ê Hidden */
.index_m .visual_sec .prugio_note_m{position:absolute; left:50%; bottom:25px; width:calc(100% - 150px); height:35px; box-sizing:border-box; transform:translateX(-50%);}
.index_m .visual_sec .prugio_note_m .btn_area{overflow:hidden; position:relative; padding:0 15px; border-radius:25px; background-color:#8b8075; z-index:2;}
.index_m .visual_sec .prugio_note_m .btn_area a{display:inline-block; vertical-align:top; line-height:35px;}

/* Prugio Note°¡ ÇϳªÀÎ °æ¿ì */
.index_m .visual_sec .prugio_note_m.one .btn_area:after{content:""; position:absolute; right:15px; top:50%; width:6px; height:10px; margin-top:-5px; background:url(/house/common_new/resources/images/common/m_ico_pnote_off.png) 0 0 no-repeat; background-size:100% auto; vertical-align:middle;}

/* Prugio Note°¡ ªÀº °æ¿ì  */
.index_m .visual_sec .prugio_note_m .btn_area a.btn_first{position:relative; float:left; font-size:12px; color:#fff; text-align:left;}
.index_m .visual_sec .prugio_note_m .btn_area a.btn_first:before{content:""; display:inline-block; vertical-align:top; width:11px; height:13.5px; margin-right:5px; background:url(/house/common_new/resources/images/common/m_ico_pnote.png) 0 0 no-repeat; background-size:100% auto; vertical-align:middle;}
/* //Prugio Note°¡ ªÀº °æ¿ì  */

/* Prugio Note°¡ ±ä °æ¿ì  */
.index_m .visual_sec .prugio_note_m.long{width:calc(100% - 100px);}
.index_m .visual_sec .prugio_note_m.long .btn_area a.btn_first{overflow:hidden; width:93%; text-overflow:ellipsis; white-space:nowrap;}
/* //Prugio Note°¡ ±ä °æ¿ì  */

.index_m .visual_sec .prugio_note_m .btn_area a.btn_list_m{display:none; float:right;}
.index_m .visual_sec .prugio_note_m .btn_area a.btn_list_m.on{display:block;}
.index_m .visual_sec .prugio_note_m .btn_area a.btn_list_m img{width:12px; height:9px; margin-top:13px;}
.index_m .visual_sec .prugio_note_m .btn_area a.btn_close{display:none; float:right;}
.index_m .visual_sec .prugio_note_m .btn_area a.btn_close img{width:10px; height:10px; vertical-align:middle;}
.index_m .visual_sec .prugio_note_m .btn_area a.btn_close.on{display:block;}
.index_m .visual_sec .prugio_note_m .pnote_view{display:none; position:absolute; width:100%; left:0; bottom:17px; box-sizing:border-box;}
.index_m .visual_sec .prugio_note_m .pnote_view ul{padding:0 15px 17px; background-color:#ece8e6; border-radius:25px 25px 0 0; box-sizing:border-box;}
.index_m .visual_sec .prugio_note_m.on .pnote_view{display:block;}
.index_m .visual_sec .pnote_view li{border-bottom:1px solid #ccc; text-align:left;}
.index_m .visual_sec .pnote_view li a{display:block; overflow:hidden; width:100%; padding:15px 0; line-height:1.2em; font-size:12px; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.index_m .visual_sec .pnote_view li:last-child{border-bottom:0;}

.index_m .visual_sec .data_list{overflow:hidden; position:relative;}
.index_m .visual_sec .data_list:after{content:""; position:absolute; left:5px; top:8px; width:1px; height:calc(100% - 25px); z-index:10; background:#ccc;}
.index_m .visual_sec .data_list li{display:table; position:relative; width:100%; margin-bottom:10px; line-height:1.1; color:#aaa; padding-left:30px; box-sizing:border-box;}
.index_m .visual_sec .data_list li.line2{margin-bottom:21px; line-height:1.4;}
.index_m .visual_sec .data_list li.on{color:#fff;}
.index_m .visual_sec .data_list li:before{content:""; display:block; position:absolute; width:7px; height:7px; left:0; top:8px; margin:-3.5px 10px 0 0; border-radius:100%; background-color: #005151; border:2px solid #707070; z-index:100;}
.index_m .visual_sec .data_list li.on:before{background-color:#fff; border-color:#fff; content:"";}
.index_m .visual_sec .data_list li *{display:table-cell; vertical-align:top;}
.index_m .visual_sec .data_list li strong{width:39%; font-size:24px; line-height:1.3;}
.index_m .visual_sec .data_list li p{width:61%; font-size:16px;}
.index_m .visual_sec .data_list li:last-child{margin-bottom:0;}
.index_m .visual_sec .video_area .swiper-container{margin-left:-1px;}
.index_m .visual_sec .video_area .swiper-slide{width:100%; border-left:1px solid #fff; box-sizing:border-box;}
.index_m .visual_sec .video_area .swiper-slide.not{border-left:0;}
.index_m .visual_sec .video_area .swiper-slide:first-child{border-left:0;}
.index_m .visual_sec .video_area .swiper-slide a{display:block; width:100%; height:50px; padding:0 10px; box-sizing:border-box; font-size:12px; line-height:50px; font-weight:400; color:#fff; background:url(../images/index/m_video_btn.png) #000 right 10px center no-repeat; background-size:22px auto; text-align:center;}
.index_m .visual_sec .video_area .arrow_btn_wrap button{opacity:1; display:block; width:25px; height:100%; margin-top:0; background:rgba(255,255,255,0.8); background-position:50% 50%; background-repeat:no-repeat; background-size:7.5px auto; text-indent:-9999px; transition:opacity .3s ease-in-out;}
.index_m .visual_sec .video_area .arrow_btn_wrap .swiper-button-prev{top:0; left:0; background-image:url(../images/common/m_slide_prev_btn.png);}
.index_m .visual_sec .video_area .arrow_btn_wrap .swiper-button-next{top:0; right:0; background-image:url(../images/common/m_slide_next_btn.png);}
.index_m .visual_sec .video_area .arrow_btn_wrap .swiper-button-disabled{opacity:0; visibility:hidden;}
.index_m .visual_sec .video_area .arrow_btn_wrap.off button{opacity:0; visibility:hidden;}

.index_m .interior_sec{margin-bottom:0;}
.index_m .interior_sec .sec_inner{padding:0 0 0 25px;}
.index_m .interior_sec .model_list .swiper-slide{position:relative; width:80%;}
.index_m .interior_sec .model_list .swiper-slide .btn_area{position:absolute; left:0; bottom:0; width:163px; height:125px;}
.index_m .interior_sec .model_list .swiper-slide .btn_area .btn_model{background:#000; opacity:0.8;}
.index_m .interior_sec .model_list .swiper-slide .btn_area span.numfont2{font-size:25px; line-height:25px;}

.index_m .plan_sec{margin-top:-125px; margin-bottom:0; background:url(../images/index/m_plan_bg.jpg) #a6adae 50% 100% no-repeat; background-size:100% auto;}
.index_m .plan_sec .sec_inner{padding:225px 25px 52px;}
.index_m .plan_sec h2{color:#fff;}
.index_m .plan_sec .plan_slide_list{overflow:hidden;}
.index_m .plan_sec .plan_slide_list li{float:left; width:32.6%; margin:0 0 1% 1%; height:50px; background-color:#000;  box-sizing:border-box;}
.index_m .plan_sec .plan_slide_list li:nth-child(3n+1){margin-left:0;}
.index_m .plan_sec .plan_slide_list li a{position:relative; display:block; width:100%; padding:20px 15px 0; height:100%; line-height:1; box-sizing:border-box; font-size:18px; color:#c4bfb6;}
.index_m .plan_sec .plan_slide_list li a:after{content:""; position:absolute; right:12px; top:50%; ; width:7px; height:13px; margin-top:-6.5px; background:url(../images/common/m_btn_arrow_ico_w.png) 0 0 no-repeat; background-size:100% auto;}

.index_m .location_sec{margin-bottom:0; background-color:#c4bfb6;}
.index_m .location_sec h2{color:#000;}
.index_m .location_sec .sec_inner{padding:50px 25px 75px;}
.index_m .location_sec .location_top{margin-bottom:30px;}
.index_m .location_sec .location_img img{width:100%;}
.index_m .location_sec #map{overflow:hidden; position:relative; width:100%; padding-top:83.59%;}
.index_m .location_sec .map_address{padding:25px; background-color:#fff;}
.index_m .location_sec .map_address dl{margin-bottom:18px;}
.index_m .location_sec .map_address dl:last-child { margin-bottom:0; }
.index_m .location_sec .map_address dt{margin-bottom:8px; font-size:15px; line-height:1.2; font-weight:500; color:#005151;}
.index_m .location_sec .map_address dd{font-size:14px; line-height:1.3; color:#a2aaad; font-weight:400;}
.index_m .location_sec .location_bottom a{background-color:#8b8075;}


@media (min-width:768px){
    .index_m .interior_sec .model_list .swiper-slide .btn_area{height:auto;}
}