@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

/* layout */
body{overflow-x:hidden;}
#wrap {width:100%; min-width:1200px; margin:0 auto;}

.page_tit{margin-bottom:50px;}
.page_tit h2{margin-bottom:30px; line-height:1; color:#000; font-size:40px; text-align:center;}
.page_tit.type01{margin-bottom:80px;} /* sub text가 있는 경우 */
.page_tit.type01 h2{margin-bottom:30px;}
.page_tit.type01 p{font-size:15px; text-align:center; color:#666666; line-height:1.7;}
.page_tit p.desc{font-size:21px; line-height:35px; text-align:center; color:#373737; font-weight:400;}
.page_tit p.desc strong{color:#005151; font-weight:700;}
#wrap.share .contents{padding-top:0;}

/* contents :: common */
.contents{position:relative; width:1100px; margin:0 auto; padding-bottom:258px; box-sizing:border-box;}

/* section :: common */
.point{color:#005151;}
.break{display:block;} /* 단어 break class (웹 show / 모바일 hidden) */

.section{margin-bottom:80px;}
.section:last-child, 
.section.last{margin-bottom:0 !important;} /* 마지막 section에 last 추가 */
.section.bg{padding:50px; margin-bottom:0; background-color:#f2f2f2; text-align:center;} /* bg가 있을 경우 bg 추가 */
.section .sec_inner{margin-bottom:80px;}
.section .sec_inner.last{margin-bottom:0 !important;} /* 마지막 sec_inner에 last 추가 */

.section .bdr_box{position:relative; padding:50px 60px; border:15px solid #f4f4f4;}
.section .bdr_box2{overflow:hidden; width:100%; padding:65px 0 70px; margin-bottom:40px; border:1px solid #ccc; box-sizing:border-box; text-align:center;} 
.section .bdr_box2.last{margin-bottom:0 !important;} /* 마지막 bdr_box2에 last 추가 */

.section .bg_box{padding:40px; background-color:#f1f1f1;} /* bg 있는 box */

.section .web_img{display:block;} /* 웹, 모바일 image가 다를 때, 적용 */
.section .mobile_img{display:none;} /* 웹, 모바일 image가 다를 때, 적용 */

.section .img_area{margin-bottom:30px;}

.section .video_area{overflow:hidden; position:relative; width:100%; padding-top:56.25%; background-color:#000;} /* video 들어간 페이지 공통 */
.section .video_area .video{position:absolute; left:0; top:0; width:100%; height:100%;}

/* section :: bottom desc_area - 하단 주석 */ 
.desc_area{padding-top:30px;}
.desc_area li{padding-left:16px; margin-bottom:4px; line-height:1.6; text-indent:-16px; font-size:13px; color:#a0a0a0;}
.desc_area li:before{content:"\203B"; margin-right:3px;}
.desc_area li:last-child{margin-bottom:0;}

/* section :: bottom desc_wrap - 하단 주석에 버튼 있을 경우 ::인테리어,e-모델하우스 */
.desc_wrap{position:relative; padding-top:30px;}
.desc_wrap .desc_area{padding-top:0;}
.desc_wrap .btn_wrap{text-align:right;}

/* section :: box_wrap - icon 있는 list 공통 */
.section .box_wrap{padding:0 50px; background-color:#f7f7f7; border-bottom:8px solid #a2aaad;}
.section .box_wrap li{position:relative; padding:30px 0 30px 145px; min-height:160px; border-bottom:1px dotted #000; box-sizing:border-box;}
.section .box_wrap li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:none;}
.section .box_wrap li:before{content:""; display:block; position:absolute; left:0; top:0; width:111px; height:100%; background-position:0 50%; background-repeat:no-repeat;}
.section .box_wrap li dl{display:inline-block; width:100%; position:relative; padding-top:19px;}
.section .box_wrap li dt{float:left; width:px; height:100%; padding-top:10px; margin-right:10px; font-size:25px; color:#333; line-height:1.2; font-weight:400;}
.section .box_wrap li dd{float:left; position:relative; width:550px; padding-left:10px; font-weight:400; color:#5a5a5a;}
.section .box_wrap li dd:before{content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#c1a695; border-radius:100%;}
.section .box_wrap li dl.line3{padding-top:15px !important;}
.section .box_wrap li dl.line3 dt{padding-top:20px;}


/* section :: box_wrap > line2개일 경우 */
/* .section .box_wrap.line2 li dl{} */
.section .box_wrap.line2 li dl{padding-top:25px;}
.section .box_wrap.line2 li dt{width:360px; height:38px; padding-top:15px; margin-right:28px; font-size:20px;}
.section .box_wrap.line2 li dd{width:450px;}

/* common_list */
.common_list li{overflow:hidden; position:relative; margin-bottom:10px; font-size:18px; font-weight:400;line-height:26px;}
.common_list li:last-child{margin-bottom:0;}
.common_list li .tit,
.common_list li .cont{display:inline-block; vertical-align:top;}
.common_list li .tit{width:95px; font-weight:500; color:#005151;}
.common_list li .cont{max-width:calc( 100% - 100px );}

/* common_list.type01 */
.common_list.type01 li{padding-left:14px;}
.common_list.type01 li em{font-weight:500;}
.common_list.type01 li:before{content:""; position: absolute; top:10px; left:0; width:4px; height:4px; background:#005151; border-radius:100%}

/* table :: basic_table */
.basic_table th,
.basic_table tbody td{padding:0 10px; height:70px; border-top:1px solid #fff; border-right:1px solid #fff; font-size:18px; font-weight:400;}
.basic_table th{background-color:#c2c2c2; }
.basic_table tbody td{text-align:center; background-color:#f2f2f2; color:#333232;}
.basic_table tbody td:last-child{border-right:0;}
.basic_table tbody td.type{background-color:#c2c2c2;}
.basic_table tbody td.type01{background-color:#efb5ad;}
.basic_table tbody td.type02{background-color:#f2769e;}
.basic_table tbody td.type03{background-color:#c7717a;}
.basic_table tbody td.type04{background-color:#e6d187;}
.basic_table tbody td.type05{background-color:#a8c4a8;}
.basic_table tbody td.type06{background-color:#b1d2e1;}
.basic_table tbody td.type07{background-color:#cabada;}
.basic_table tbody td.type08{background-color:#755884;}
.basic_table tbody td.type09{background-color:#dfdac6;}
.basic_table tbody td.type10{background-color:#f68b1f;}
.basic_table tbody td.type11{background-color:#2bb4dc;}
.basic_table.mobile{display:none;}

/* tab :: tab_wrap - tab 추가시 nth-child로 조절 */
.tab_cont_wrap .tab_cont{display:none;}
.tab_cont_wrap .tab_cont.on{display:block;}


/* btn_wrap */
.btn_wrap{font-size:0; text-align:right;}
.btn_wrap.top{margin-bottom:30px;}
.btn_wrap a{margin-left:5px;}
.btn_wrap a:first-child{margin-left:0;}

/* Img Zoom common */
.zoom_real_img{display:none;}
.img_zoom{position:relative; width:1100px; margin:0 auto 40px;}
.img_zoom img.zoom_img{display:block; width:100%; height:100%;}
.img_zoom .magnifier{display:none; position:absolute; width:400px; height:400px; border-radius:100%; box-shadow:0 0 0 12px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25); box-sizing:border-box;}

/* information :: vr */
.vr .vr_box{width:100%; height:775px; background-color:#000;}
.vr .vr_box #pano{width:100%; height:100%;}

/* information :: supply */
.calendar .common_list li .tit{width:125px;}
.calendar .common_list li .cont{max-width:calc( 100% - 130px );}
.calendar .download_box{width:100%; max-width:720px; overflow:hidden; margin:5px auto 40px;}
.calendar .download_box li{display:inline-block; width:33.33%; border-left:1px dotted #90a94e; box-sizing:border-box; text-align:center;}
.calendar .download_box li:first-child{border-left:0;}
.calendar .download_box li .tit{margin-top:10px; font-size:15px;}
.calendar .download_box li .btn_download{display:inline-block; margin-top:10px; font-size:14px; color:#fff; background:#333333; height:30px; line-height:30px; width:95px; text-align:center;}
.calendar .sec2 .box{border:none; background:#efefef; padding:30px 30px 40px 30px;}
.calendar .sec2 .box h4 {margin-bottom:20px; font-size: 18px; font-weight: 400;}
.calendar .sec2 .box li {position:relative; padding-left:5px; margin-top:15px; font-size:14px; color:#5a5a5a;}
.calendar .sec2 .box li:before{content:""; position:absolute; top:9px; left:0; width:2px; height:2px; background:#5a5a5a;}
.calendar .sec2 .box li:first-child{margin-top:0;}
.calendar .sec2 .box li p {display:inline-block; position:relative;}
.calendar .sec2 .box li p .notice_img{position:absolute; top:0; right:-70px;}
.calendar .sec2 .box li p .notice_link{position:absolute; top:0; right:-170px;}
.calendar .calendar_area {padding:38px 15px 15px 15px; background:#f4f4f4;}
.calendar .calendar_area .tit{margin-bottom:35px; text-align:center;}
.calendar .calendar_area .tit h3{display:inline-block; vertical-align:top; border-bottom:1px solid #004f50; font-size:34px; font-weight:600; line-height:1; color:#004f50; text-align:center;}
.calendar .calendar_area table{width:100%;}
.calendar .calendar_area table th, 
.calendar .calendar_area table tbody td{width:14.2857%; padding:15px; box-sizing:border-box; vertical-align:top;} 
.calendar .calendar_area table th{background:#005051; color:#fff; font-weight:500;}
.calendar .calendar_area table tbody td{height:115px; border:1px solid #eee; background:#fff; color:#222;}
.calendar .calendar_area table tbody td .day{font-size:17px; font-weight:400; color:#333;}
.calendar .calendar_area table tbody td .text{margin-top:35px; color:#fff; font-weight:500; word-break:keep-all;}
.calendar .calendar_area table tbody td .holiday{color:#d31b1b;}
.calendar .calendar_area table tbody td .text.line2{margin-top:12px;}
.calendar .calendar_area table tbody td .text.line3{margin-top:0; line-height:1.3;}
.calendar .calendar_area table tbody td.sun .day, 
.calendar .calendar_area table tbody td.holiday .day, 
.calendar .calendar_area table tbody td.holiday .text{color:#d31b1b;}
.calendar .calendar_area table tbody td.holiday .text{margin-top:0; color:#d31b1b;}
.calendar .calendar_area table tbody td.type01{background:#DFE4E1;}
.calendar .calendar_area table tbody td.type01 .text{color:#475865;}
.calendar .calendar_area table tbody td.type02{background:#E4E0DE;}
.calendar .calendar_area table tbody td.type02 .text{color:#934065;}
.calendar .calendar_area table tbody td.type03{background:#96B9B8;}
.calendar .calendar_area table tbody td.type03 .text{color:#004A44;}
.calendar .calendar_area table tbody td.type04{background:#BFCCC8;}
.calendar .calendar_area table tbody td.type04 .text{color:#004A44;}
.calendar .calendar_area table tbody td.type05{background:#E0E5E9;}
.calendar .calendar_area table tbody td.type05 .text{color:#3B5566;}
.calendar .calendar_area .img_area{text-align:center;}

/* information :: location */
.location .notice_box{padding:40px 10px; margin-bottom:30px; background-color:#ececec; text-align:center;}
.location .notice_box p{font-size:17px; font-weight:500; word-break:keep-all; word-wrap:break-word;}
.location .notice_box em{color:#d60000;}
.location .bdr_box{margin-bottom:80px;}
.location .bdr_box .notice{margin-bottom:10px; font-size:18px; font-weight:400;}
.location .common_list li .tit{width:140px;}
.location .common_list li .cont{max-width:calc(100% - 150px);}
.location .map_cont{overflow:hidden;}
.location .map_cont .map{float:left; width:48.9%;}
.location .map_cont .map2{float:right; width:48.9%; padding-top:36.73%; background:#000;}
.location .btn_kakaomap{position:absolute; top:50px; right:60px; height:48px; line-height:48px; padding:0 20px 0 60px; display:inline-block; background-color:#f4f4f4; background-image:url(../img/location_map_icon.jpg); background-repeat:no-repeat; background-position:20px 10px; box-sizing:border-box; font-weight:400;}
.location .btn_kakaomap span{display:block; height:48px; line-height:48px; padding-right:20px; background-image:url(../img/btn_arrow_ico_s.png); background-repeat:no-repeat; background-position:100% 19px; font-size:16px;}

/* information :: overview */
.overview .common_list li .tit{width:75px;}

/* info :: environment */
.environment .img_zoom {margin-bottom:30px;}
.environment .video_area{margin-bottom:30px;}
.environment .box_wrap li.list1:before{content:""; background-image:url(../img/environment_icon01.png);}
.environment .box_wrap li.list2:before{content:""; background-image:url(../img/environment_icon02.png);}
.environment .box_wrap li.list3:before{content:""; background-image:url(../img/environment_icon03.png);}
.environment .box_wrap li.list4:before{content:""; background-image:url(../img/environment_icon04.png);}
.environment .box_wrap li.list5:before{content:""; background-image:url(../img/environment_icon05.png);}
.environment .box_wrap li dd{font-size:15px;line-height:24px;letter-spacing:-0.8px;}

/* complex-info */
.img_area.type01{position:relative; border:1px solid #ccc; text-align:center;}
.img_area.type01 .desc{position:absolute; right:0; bottom:0; min-width:205px; padding:8px 0; font-size:18px; color:#fff; text-align:center; background-color:#000;}
.contents{padding-top:0;}
.img_wrap{margin-bottom:50px; }
.img_wrap ul{overflow:hidden;}
.img_wrap li{position:relative; float:left; width:535px; margin-left:30px; margin-bottom:30px;}
.img_wrap li.full{width:100%; margin-left:0;}
.img_wrap li:last-child{margin-bottom:0px;}
.img_wrap li p.desc {position:absolute; right:0; bottom:0; width:145px; padding:11px 0; background:#000; font-size:18px; box-sizing:border-box; color: #fff; text-align:center;}

.img_wrap ul.half_type li.half{margin-bottom:0;}
.img_wrap ul.half_type li:first-child{margin-left:0;}

.complex_info.plan .box_wrap li.list1:before{content:""; background-image:url(../images/complex_info/plan_icon01.png);}
.complex_info.plan .box_wrap li.list2:before{content:""; background-image:url(../images/complex_info/plan_icon02.png);}
.complex_info.plan .box_wrap li.list3:before{content:""; background-image:url(../images/complex_info/plan_icon03.png);}
.complex_info.plan .desc_area{display:inline-block; width:100%;}
.complex_info.plan .desc_area ul{float:left;}
.complex_info.plan .desc_area .plan_btn{float:right; position:relative; width:170px; height:50px; padding:13px 0 13px 20px; background-color:#b2a8a2; font-size:15px; color:#fff; box-sizing:border-box;}
.complex_info.plan .desc_area .plan_btn:after{position:absolute; right:20px; top:18px; width:7px; height:13px; background:url(../images/complex_info/plan_btn_arrow.png) 0 0 no-repeat; content:'';}

.box_cont {padding:38px 40px 35px; margin-bottom:80px; background-color:#f2f2f2;}
.box_cont.last {margin-bottom:28px;}
.box_cont.last dl.last {margin-bottom:0;}
.box_cont dl {overflow:hidden; margin-bottom:15px; line-height:1.2;}
.box_cont dl.last {margin-bottom:0;} 
.box_cont dl dt {float:left; position:relative; width:135px; padding-left:15px; font-size:18px; font-weight:400; color:#005151;}
.box_cont dl dt:before {position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:10px; background-color:#005151; content:'';}
.box_cont dl dd {float:left; font-size:18px; font-weight:400; letter-spacing:-1px;}
.box_cont.cont2 {margin-bottom:30px;}
.box_cont.cont2 dl dt {width:190px;}

ul.box_circle{overflow:hidden; margin-bottom:40px;}
ul.box_circle li{float:left; margin-right:10px; font-size:17px;color:#343434;letter-spacing:-0.5px;}
ul.box_circle li.line{clear:both;}
ul.box_circle li:last-child{margin-bottom:0;}
ul.box_circle li:first-child{margin-left:0px;}
ul.box_circle li .icon{display:inline-block;width:16px;height:16px;margin:-4px 2px 0 0;border-radius:16px; vertical-align:middle; background-color:#ccc;}
ul.box_circle li .icon.img{width:30px;height:15px; margin-right:0; background-color:#fff;}
ul.box_circle li .icon.img2{width:28px;height:3px; background-color:#fff;}
ul.box_circle li .icon.img3{width:43px;height:20px; background-color:#fff;}
ul.box_circle li .icon.icon1{background-color:#3ab54a;}
ul.box_circle li .icon.icon2{background-color:#015aaa;}
ul.box_circle li .icon.icon3{background-color:#8a3c96;}
ul.box_circle li .icon.icon4{background-color:#f26411;}
ul.box_circle li .icon.icon5{background-color:#b37942;}
.common_list li .tit{width:145px;}
.common_list li .cont{max-width:calc( 100% - 150px );}
.common_list.long .tit{width:200px;}
.common_list.long .cont{max-width:calc(100% - 205px);}
/* complex_info :: dongho */
.dongho .img_area{border:1px solid #e7e7e7; text-align:center;}

/* product :: feature */
.feature .img_box{overflow:hidden; margin-bottom:40px; position:relative;}
.feature .img_box li{position:relative; float:left;}
.feature .img_box li:first-child{margin-left:0 !important;}
.feature .img_box li img{width:100%;}

.feature .img_box .desc{display:table; width:100%; height:50px; line-height:1.3; background:#000; font-size:18px; text-align:center; color:#fff;}
.feature .img_box .desc > span{display:table-cell; vertical-align:middle;}
.feature .img_box.line2 .desc{height:78px;}

.feature .img_box.col02 li{width:48.9%; margin-left:2.2%;}
.feature .img_box.col03 li{width:32%; margin-left:2%;}
.feature .img_box .desc span.small{font-size: 15px;}
.feature .img_box img{width:100%;}
.feature .img_box.col03 .desc p{display:inline-block; vertical-align:middle;}
.feature .con01 .common_list li .tit{width:190px;}
.feature .inner {overflow:hidden; max-width:1100px; margin:0 auto;}

/* product :: premium */
.premium .galaxy_break{display:inline;}
.premium .contents{width:100%;}
.premium .cont_tit {width:1100px; margin:0px auto 80px; text-align:center;}
.premium .cont_tit h3{margin-bottom:20px; color:#005151; font-size:45px; font-weight:600; line-height:1.2;} 
.premium .cont_tit h4 {position:relative; padding-bottom:28px; margin-bottom:28px; font-size:20px; line-height:1.1;color:#000; }
.premium .cont_tit h4:after {position:absolute; bottom:0; left:50%; width:25px; height:2px; margin-left:-12.5px; background-color:#ccc; content:'';}
.premium .cont_tit p{font-size:15px; line-height:1.6; color:#000; }  
.premium .top_img img{margin:0 auto;}
.premium .top_img,
.premium .full_img{margin-bottom:80px;}
.premium .premium_cont{overflow:hidden; width:100%; padding:50px 0;}
.premium .premium_cont.bg{background-color:#f2f2ef;}
.premium .tab_cont .inner{width:1100px; margin:0 auto;}
.premium .premium_tab1{overflow:hidden; width:100%;}
.premium .premium_tab1 .top_text h4{position:relative; padding-bottom:30px; margin-bottom:30px; font-size:30px; color:#000; font-weight:500; line-height:1.2; letter-spacing:-2px; word-break:keep-all; word-wrap:break-word;}
.premium .premium_tab1 .top_text h4:after{position:absolute; bottom:0; left:0; width:25px; height:2px; background-color:#cccccc; content:'';}
.premium .premium_tab1 .top_text h4 span.txt1{display:block; margin-bottom:15px; font-size:45px; color:#005151;}
.premium .premium_tab1 .top_text h4 span.txt2{display:block; margin-bottom:5px; font-size:16px; color:#5a5a5a; font-weight:300; letter-spacing:-0.5px;}
.premium .premium_tab1 dl dt {}
.premium .premium_tab1 dl dd {}
.premium .premium_tab1 .left_img {float:left;}
.premium .premium_tab1 .right_img {float:right;}
.premium .premium_tab1 .right_text {float:left; width:520px; padding:68px 0 54px 80px;}
.right_text dt {line-height:1.2; margin-bottom:20px; font-weight:500;}
.right_text dd {line-height:1.6; font-weight:300;}

.premium .premium_tab1 .left_text {float:left; width:435px; padding:70px 85px 52px 80px;}
.premium .cont_box.dual .cont{display:table;}
.premium .cont_box.dual .cont .cont_txt, 
.premium .cont_box.dual .cont .cont_img{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;}
.premium .cont_box.dual .cont .cont_txt{padding:0 80px;}
.premium .premium_tab5 .cont_box.dual .cont .cont_txt{padding:0 60px;}
.premium .cont_box.dual .cont_txt h4 {margin-bottom:30px; font-weight:500; font-size:36px; line-height:1.2; color: #005151;}
.premium .cont_box.dual .cont.cont4 .cont_txt h4 {letter-spacing:-1px;}
.premium .cont_box.dual .cont_txt h4 span{display:block; font-size:26px; line-height:1.2;}
.premium .cont_box.dual .cont_txt li {position:relative; padding-left:15px; color:#666666;line-height:26px;}
.premium .cont_box.dual .cont_txt li:before {position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#c1a695; border-radius:10px; content:'';}
.premium .cont_box.dual .cont_txt p.notice_txt{margin-top:15px; line-height:22px; font-size:13px; color:#a0a0a0;}
.premium .premium_cont.premium_cont4{padding-bottom:0;}
.premium .desc_area{margin-top:80px; padding-top:40px; border-top:1px solid #d5d5d5;}

/* product :: pr */
.pr .tab_wrap li{width:16.667% !important;}
.pr .section{text-align:center;}
.pr .section h3{margin-bottom:15px; font-size:22px; line-height:1.1; font-weight:500;}
.pr .section p{margin-bottom:45px; font-size:22px; font-weight:500;}

/* space */
.numfont{font-family: 'Nanum Myeongjo', serif; font-weight:700 !important; font-style:normal;}
.numfont2{font-family: 'Nanum Myeongjo', serif; font-weight:700 !important; font-style:normal;}

.space_wrap {overflow: hidden;width: 100%;max-width: 1100px;margin: 0 auto 80px;}
.space_wrap li{width:20%; margin-bottom:10px;position: relative;float: left;display: table;background: #f4f4f4;}
.space_wrap li.on {background: #597b4b;}
.space_wrap .space_btn2 {width: 16%;margin-bottom: 0;}
.space_wrap.numfont li a, .space_wrap li.numfont a {font-size: 20px;line-height: 100%;display: table-cell;vertical-align: middle;width: 100%;height: 80px;padding: 0 10px;box-sizing: border-box;line-height: 1.3;font-weight:500;text-align: center;color: #000;font-family: 'Nanum Myeongjo', serif; font-weight:700 !important;}
.space_wrap li.on a {color: #fff;}
.space_wrap li.on:first-child a:after {content: "";display: block;background: #005151;}
.space_wrap li.on a:after {content: "";position: absolute;left: auto;right: 0;left: auto !important;top: 50%;background: #005151;z-index: 10;}

.space_wrap li a:after {content: "";position: absolute;left: -1px;top: 50%;margin-top: -10px;width: 1px;height: 20px;background: #d5d5d5;}

.space_wrap .space_btn2{width:16%; margin-bottom:0;}
.space .tit_area{padding:0 60px; margin-bottom:50px;}
.space h4{font-size:30px; text-align:left; line-height:1.2;}
.space .unit_box{position:relative; margin-bottom:60px;}
.space .unit_box .unit_inner{overflow:hidden; height:262px; margin-bottom:20px;}
.space .unit_box .type_wrap{position:relative; width:26%; padding:75px 0; background:#425462; text-align:center;}
.space .unit_box .type_wrap .big_tit h3{color:#fff; font-size:70px; line-height:70px;} 
.space .unit_box .type_wrap .big_tit span{color:#fff; font-size:18px;}
.space .unit_box .info_wrap{overflow:hidden; position:relative; width:74%; background:#f9f9f9;}
.space .unit_box .unit_inner > div{height:100%;} 
.space .unit_box .unit_inner > div, .space .unit_box .info_wrap > div{float:left; box-sizing:border-box;}
.space .unit_box .info_wrap .info_txt{width:44%; padding:35px 8%;}
.space .unit_box .info_wrap .info_txt table{width:100%;}
.space .unit_box .info_wrap .info_txt table tr th, 
.space .unit_box .info_wrap .info_txt table tbody td{padding:5px 0; border-bottom:1px solid #cccccc; font-size:16px;}
.space .unit_box .info_wrap .info_txt table tr th{color:#000; font-weight:400; text-align:left;}
.space .unit_box .info_wrap .info_txt table tbody td{color:#7f7f7f; text-align:right;}
.space .unit_box .info_wrap .info_txt table tr.first th, 
.space .unit_box .info_wrap .info_txt table tr.first td{padding-top:0;}
.space .unit_box .info_wrap .info_txt table tr.last th, 
.space .unit_box .info_wrap .info_txt table tr.last td{padding-bottom:0; border-bottom:none;}
.space .unit_box .info_wrap .info_img{position:relative; width:56%; height:100%; text-align:center;}
.space .unit_box .info_wrap .info_img:before{content:""; position:absolute; width:1px; height:180px; background:#ccc; left:0; top:50%; margin-top:-90px;}
.space .unit_box .info_wrap .info_img .pop_view_btn{overflow:hidden; position:absolute; bottom:0; right:0; width:50px; height:50px; background:url(../img/pop_btn_plus.png) #5b6770 50% 50% no-repeat; text-indent:-9999px; font-size:0;}
.space .unit_box .unit_pop .popup{position:relative; width:1100px; height:500px; background:#fff; text-align:center; border:1px solid #d4d4d4; box-sizing:border-box;}
.space .unit_box .unit_pop .pop_inner{overflow:hidden; height:100%;}
.space .unit_box .unit_pop > img{width:100%; max-width:700px;}
.space .unit_box .unit_pop .pop_close_btn{overflow:hidden; position:absolute; top:0; right:0; width:50px; height:50px; background:url(../img/pop_close_ico_w.png) #5b6770 50% 50% no-repeat; text-indent:-9999px; font-size:0;}
.space .mobile_view{display:none;}

/* interior */
.interior .inter_box{margin-bottom:100px;}
.interior .inter_box.last{margin-bottom:0;}
.interior .inter_box .box_inner{display:inline-block; position:relative; padding-top:20px;}
.interior .inter_box .box_inner .img_box{position: relative; z-index:2;}
.interior .inter_box .box_inner .img_box img{width:100%;}
.interior .inter_box .box_inner .deco_box{content:""; position:absolute; top:0; width:250px; height:400px;}
.interior .inter_box .box_inner.left{margin-left:60px;}
.interior .inter_box .box_inner.right{margin-right:60px;}
.interior .inter_box.num01 .box_inner .deco_box{background:#a9836c;}
.interior .inter_box.num02 .box_inner .deco_box{background:#425563;}
.interior .inter_box.num03 .box_inner .deco_box{background:#8a8076;}
.interior .inter_box.num04 .box_inner .deco_box{background:#737574;}
.interior .inter_box .box_inner .deco_box.right{right:-60px;}
.interior .inter_box .box_inner .deco_box.left{left:-60px;}
.interior .inter_box .box_inner .deco_box span{display:inline-block; position:absolute; bottom:25px; height:60px; padding:0 15px; font-size:16px; letter-spacing:6px; line-height:60px; color:#fff;}
.interior .inter_box .box_inner .deco_box span:after{content:""; position:absolute; top:50%; right:-80px; width:80px; height:1px; background:#fff;}

.interior .inter_box .box_inner .deco_box.right span{right:0;
    -webkit-transform: translateX(100%) rotate(-90deg);
    -moz-transform: translateX(100%) rotate(-90deg);
    -ms-transform: translateX(100%) rotate(-90deg);
    -o-transform: translateX(100%) rotate(-90deg);
    transform: translateX(100%) rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
}

.interior .inter_box .box_inner .deco_box.left span{left:0;
    -webkit-transform: translateY(100%) rotate(-90deg);
    -moz-transform: translateY(100%) rotate(-90deg);
    -ms-transform: translateY(100%) rotate(-90deg);
    -o-transform: translateY(100%) rotate(-90deg);
    transform: translateY(100%) rotate(-90deg);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
 }

 .interior .inter_box.num02{padding-right:60px;}
 .interior .inter_box.num02, 
 .interior .inter_box.num04{text-align:right;}
 .interior .inter_box.num02 .box_inner{width:83%;}
 .interior .inter_box.num03 .box_inner, 
 .interior .inter_box.num04 .box_inner{width:81%;}
 .interior .inter_box.num05 .box_inner{display:block; overflow:hidden; }
 .interior .inter_box.num05 .box_inner .img_box{display:inline-block;}
 .interior .inter_box.num05 .box_inner .img_box.left{width:50.90%; float:left; }
 .interior .inter_box.num05 .box_inner .img_box.right{width:45.45%; float:right; }
 
.interior .inter_box.dual_type .box_inner{padding-top:0;}
.interior .inter_box.dual_type .box_inner .img_box.left{width:500px;}
.interior .inter_box.dual_type .box_inner .img_box.right{width:560px;}
.interior .inter_box.triple_type .box_inner .img_box.left,
.interior .inter_box.triple_type .box_inner .img_box.center,
.interior .inter_box.triple_type .box_inner .img_box.right{width:340px; margin-right:40px;}
.interior .inter_box.triple_type .box_inner .img_box.right{margin-right:0;}
.interior .inter_box .img_box .desc{position: absolute; bottom: 0; right: 0; padding:12px 20px; min-width:90px; background:#fff; box-sizing:border-box; font-size: 20px;  color:#2a2a2a; text-align:center;}

/* model */
.model #pano{height:680px;}

/* model - displaying-item, finishing_materials */
.model_view .contents{width:920px; margin:0 auto; padding:0;}
.model_view .title{position:relative; width:100%; height:250px; background-image:url(images/title_49.jpg); background-position:0 0; background-repeat:no-repeat;}
.model_view .tab{overflow:hidden; position:absolute; right:10px; bottom:16px;}
.model_view .tab li{float:left; width:140px; margin-left:5px;}
.model_view .tab li:first-child{margin-left:0;}
.model_view .tab li a{display:block; width:100%; height:32px; line-height:32px; background-color:#e7e7e7; color:#333; text-align:center; font-size:13px;}
.model_view .tab li.on a{background-color:#005151; color:#fff;}
.model_view .tab_inner .tab_cont{display:none;}
.model_view .tab_inner .tab_cont.on{display:block;}

/* Survey : Registration */
.survey .survey_bg{padding:80px; margin-bottom:80px; background-color:#f8f8f8;}
.survey .point{color:#8b8075; font-weight:500;}
.survey .point2{color:#000;}
.survey .small{font-size:13px !important;}
/* Survey */
.survey .survey_wrap{text-align:left;}
.survey .survey_wrap > ol > li{margin-bottom:60px; font-size:19px;}
.survey .survey_wrap > ol > li:last-child{margin-bottom:0;}
.survey .survey_wrap > ol > li .q_tit{padding-left:40px; text-indent:-40px; font-weight:700;}
.survey .survey_wrap > ol > li .q_tit .num2{font-size:14px; color:#7d7d7d;}
.survey .survey_wrap > ol > li .num{font-size:40px;}
.survey .survey_wrap > ol > li .qList_inner{overflow:hidden; padding-top:23px; margin-left:40px; font-size:15px; color:#7d7d7d; font-weight:400;}
.survey .survey_wrap > ol > li .qList_inner.table{margin-left:0;}
.survey .survey_wrap > ol > li input{vertical-align:middle;}
.survey .survey_wrap > ol > li label{vertical-align:middle;}
.survey .survey_wrap > ol > li input[type=text]{width:140px; padding:5px; margin:0; border:1px solid #cbcbcb;}
.survey .survey_wrap > ol > li input[type=checkbox]{margin-right:10px;}
.survey .survey_wrap > ol > li input[type=radio]{margin:0 5px;}
.survey .survey_wrap > ol > li table{width:100%; margin-bottom:10px; border:1px solid #cbcbcb;}
.survey .survey_wrap > ol > li table th{padding:10px 15px; background-color:#f0efef; border:1px solid #cbcbcb; font-size:15px; color:#282828; font-weight:normal; text-align:center;}
.survey .survey_wrap > ol > li table td{padding:10px 30px; background-color:#fff; border:1px solid #cbcbcb; font-size:15px;}
.survey .survey_wrap > ol > li table td.gray{background-color:#f0efef;}
.survey .survey_wrap > ol > li table td.gray > ul{padding-top:10px;}
.survey .survey_wrap .type1 li{width:100%; margin-bottom:20px; color:#7d7d7d;}
.survey .survey_wrap .type1 li.last{margin-bottom:0;}
.survey .survey_wrap .type1 input[type=text]{margin:0 6px;}
.survey .survey_wrap .type2 li{float:left; margin-right:65px; margin-bottom:5px;}
.survey .survey_wrap .type2 li:last-child{margin-right:0;}
.survey .survey_wrap .type2.type2_1 li{width:100%; margin-bottom:20px;}
.survey .survey_wrap .type2.type4 li{margin-right:38px; margin-bottom:15px;}
.survey .survey_wrap .type2 .input_box1{width:155px; margin-left:5px;}
.survey .survey_wrap .type4 ul{overflow:hidden;}
.survey .survey_wrap .type4 .table2 .option li{float:left; width: auto; margin-right:20px;  }
.survey .survey_wrap .type4 .table2 .option#question4_4 li,
.survey .survey_wrap .type4 .table2 .option#question4_5 li{float:none; width:100%; margin-bottom:13px; line-height:1.2;}
.survey .survey_wrap .type4 .table2 .option#question4_4 li:last-child,
.survey .survey_wrap .type4 .table2 .option#question4_5 li:last-child{margin-bottom:0;}
.survey .survey_wrap .type4 .table2 .option02 {margin-left:-10px; line-height:34px;}
.survey .survey_wrap .type4 .table2 td.first li{float:left; width:48%; padding:7px 0;}
.survey .survey_wrap .type4 .table2 td input[type=text]{width:50px; margin-right:5px;}
.survey .survey_wrap .type4 .table2 td span.txt1{margin-right:10px;}
.survey .survey_wrap .type4 .table2 td.last li{padding:7px 0;}
.survey .survey_wrap .info_area{margin-bottom:50px;}
.survey .type4 .notice{font-size:15px;}
/* Registration */
.survey .info_area{margin-bottom:50px;}
.survey .info_area input,.survey .info_area label,.survey .info_area select{line-height:1; vertical-align:middle;}
.survey .info_area h3{position:relative; padding-left:15px; margin-bottom:20px; font-size:20px; color:#000; letter-spacing:-1px;}
.survey .info_area h3:before{content:""; position:absolute; left:0; top:12px; width:5px; height:5px; background-color:#a9836c;}
.survey .info_area .agreement{margin-bottom:70px;}
.survey .agreement_inner{overflow-y:scroll; max-height:250px; padding:25px; margin-bottom:20px; border:1px solid #ccc; line-height:20px; font-size:15px; font-weight:400; color:#7d7d7d;}
.survey .agreement_inner::-webkit-scrollbar{width:3px;}
.survey .agreement_inner::-webkit-scrollbar-thumb{background:#a9a9a9;}
.survey .agreement_inner h4{padding:30px 0 10px; font-size:18px; color:#000;}
.survey .agreement_inner .txt1 a{margin-left:10px; text-decoration:underline;}
.survey .agreement_inner .txt2{margin-bottom:15px;}
.survey .agreement_inner .txt3{margin-bottom:30px;}
.survey .agreement_inner .txt4{margin-bottom:30px;}
.survey .agreement_inner .txt4 li{position:relative; padding-left:8px;}
.survey .agreement_inner .txt4 li:before{content:""; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#a9836c;}
.survey .agreement_inner table{width:100%; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.survey .agreement_inner th{padding:10px 0; background:#f1f1f1; border-bottom:1px solid #dadada;}
.survey .agreement_inner td{padding:10px 0;}
.survey .agree_wrap{overflow:hidden;}
.survey .agree_txt{float:left;}
.survey .agree_txt .txt1{font-size:16px; font-weight:400; color:#000;}
.survey .input_area{float:right;}
.survey .input_area input{margin:4px 5px 0 1px;}
.survey .input_area .input1{margin-right:25px;}
.survey .input_area label{color:#000; font-size:16px; font-weight:400;}
.survey .infomation .desc{margin-bottom:10px; font-size:15px; color:#888888; font-weight:400;}
.survey .infomation table{width:100%; margin-bottom:15px;}
.survey .infomation table th{padding:15px 30px; background-color:#efeeee; border:1px solid #cbcbcb; border-left:none; font-size:16px; color:#000; font-weight:400; text-align:left;}
.survey .infomation table td{padding:15px; border:1px solid #cbcbcb; border-right:none; font-size:16px; text-align:left; color:#7d7d7d;}
.survey .infomation table td span{font-size:13px;}
.survey .infomation table .age, .survey .infomation table .gender{overflow:hidden;}
.survey .infomation table .gender li, .survey .infomation table .age li{float:left; width:10.8%;}
.survey .infomation table .gender li input, .survey .infomation table .age li input{margin-right:5px; vertical-align:middle;}
.survey .infomation table label.first{margin-right:83px;}
.survey .infomation table input[type=text]{height:35px; padding:5px; border:1px solid #cbcbcb; background:none; box-sizing:border-box;}
.survey .infomation table select{width:65px; height:35px; padding:5px; border:1px solid #cbcbcb; background:none; box-sizing:border-box;}
.survey .infomation table td a.btn{display:inline-block; width:117px; margin-left:10px; line-height:35px; background-color:#706f70; font-size:15px; color:#fff; text-align:center; vertical-align:top;}
.survey .mgb{margin-bottom:10px;}
.survey .w400{width:400px;}
.survey .w250{width:250px;}
.survey .w160{width:160px;}
.survey .w65{width:65px;}
.survey .btn_area{text-align:center;}
.survey .btnCommon{display:inline-block;padding:13px 47px; background-color:#333132;color:#fff; font-size:16px;}


@media (max-width: 1280px) {
    #wrap{min-width:100%;}
    .footer{width:100%;}

    /* interior */
    .interior .inter_box{margin-bottom:40px;}    
    .interior .inter_box .box_inner{padding-top:0;}
    .interior .inter_box .box_inner .deco_box{display:none;}
    .interior .inter_box .box_inner.left{margin-left:0;}
    .interior .inter_box .box_inner.right{margin-right:0;}
    .interior .inter_box.num02{padding-right:0;}
    
    .interior .inter_box.dual_type .box_inner .img_box.left{width:50.90%;}
    .interior .inter_box.dual_type .box_inner .img_box.right{width:45.45%;}

    .img_wrap li{width:48.5%; margin-left:3%;}
}

@media (max-width: 1024px) {
    
    .contents{width:100%; padding-left:25px; padding-right:25px;}
    .footer{padding:0 25px; box-sizing:border-box;}
    .img_zoom{width:100%;}
    .break{display:none;}

    .desc_wrap .desc_area{padding-top:70px;}
    
    .section .box_wrap li:last-child{padding-bottom:30px;}
    .section .box_wrap li dl,
    .section .box_wrap.line2 li dl{padding:0;}
    .section .box_wrap li dt,
    .section .box_wrap.line2 li dt{position:static; width:100%; margin-right:0; margin-bottom:20px; padding:0; font-size:24px;}
    .section .box_wrap.line2 li dt{font-size:24px;}
    .section .box_wrap li dd{width:100% !important;}

    .section .box_wrap li dl.line3{padding-top:0 !important;}
    .section .box_wrap li dl.line3 dt{padding-top:0;}
    
    /* plan */
    .complex_info.plan .desc_area ul{margin-bottom:30px;}
    .complex_info.plan .desc_area .plan_btn{width:100%;}

    /* information :: loctaion */
    .location .btn_kakaomap{position:relative; top:auto; right:auto; width:100%; height:55px; line-height:55px; padding:0 15px 0 60px; margin-top:25px; font-size:20px; background-position:15px 50%;}
    .location .btn_kakaomap span{padding-right:0; font-size:16px;  height:55px; line-height:55px; background-position:100% 22px;}

    /* product :: premium */
    .premium .contents{padding:0 0 75px;}
    .premium .cont_tit{width:100%;}
    .premium .tab_cont .inner{width:100%;}
    .premium .premium_tab1 .left_img,
    .premium .premium_tab1 .right_img,
    .premium .premium_tab1 .left_text,
    .premium .premium_tab1 .right_text{width:50%;}
    .premium .premium_tab1 .right_text, 
    .premium .premium_tab1 .left_text{padding:60px 20px; box-sizing:border-box;}
    
    /* space */
    .space .unit_box .unit_pop .popup{width:700px;}
    .space .unit_box{overflow: visible; height:auto;}
    .space .unit_box .unit_inner{overflow:visible; height:auto;}
    .space .unit_box .unit_inner > div{float:none; width:100% !important; height:auto;}
    .space .unit_box .info_wrap > div{width:50% !important;}
    .space .unit_box .info_wrap .info_img:before{display:none;}

    /* interior */
    .interior .inter_box .box_inner{width:100% !important;}
    
    .model .txt_box {padding-top:30px;}
    .interior .txt_box .btn_wrap,
    .model .txt_box .btn_wrap{position: static; right:auto; top:auto;}
    
    .pr .section h3{line-height:1.3;}

    /* survey */
    .survey .infomation table .gender li, .survey .infomation table .age li{width:16%;}
}

@media (max-width: 768px) {
    #wrap.sub #container{padding-top:40px;}
    .page_tit{padding:0 25px; margin-bottom:25px;}
    .page_tit.type01{margin-bottom:40px;}
    .page_tit.type01 h2{margin-bottom:25px;}
    .contents{padding:0 25px 75px;}
    .contents .section{margin-bottom:40px;}
    .contents .section.bg{padding:5px;}
    .section .bdr_box{padding:30px;}
    
    .basic_table{display:none;}
    .basic_table.mobile{display:table;}
    .basic_table.mobile th, .basic_table.mobile tbody td{font-size:14px; height:45px;}
    .img_area .zoom_real_img{display:block;}
    .img_zoom img.zoom_img{display:none;}

    .section .img_area{margin-bottom:25px;}

    .desc_wrap, 
    .desc_wrap .desc_area{padding-top:25px;}
    .desc_wrap .btn_wrap{position:static; left:auto; right:auto; top:auto; margin-bottom:15px;}

    /* info :: environment */
    .location .notice_box{padding:30px;}

    .environment .img_zoom{margin-bottom:20px;}
    .environment .section h3{font-size:15px;}

    /* complex_info */
    .img_wrap{margin-bottom:25px;}
    .img_wrap ul.half_type li.half{margin-bottom:25px;}
    .img_wrap li{width:100%; margin-left:0;}
    .img_wrap li img{width:100%;}
    .img_wrap li p.desc,
    .img_area.type01 .desc{position:static; width:100%; padding:8px 0; font-size:14px;}
    .img_area.type01 .desc{outline:1px solid #000; box-sizing:border-box;}

    /* product :: feature */
    .feature .img_box .desc{font-size:16px;}
    .feature .img_box.line2 .desc{height:70px;}
    .feature .img_box li .desc p{font-size:15px;}
    .feature .img_box li .desc span.small{font-size:12px;}

    /* product :: premium */
    .premium .cont_tit{width:100%; padding:0 25px; box-sizing:border-box;}
    .premium .tab_wrap{margin-bottom:0px;}
    .premium .premium_cont{padding:25px 0;}
    .premium .premium_tab1 .right_text, .premium .premium_tab1 .left_text{padding:43px 20px;}
    .premium .premium_tab1 .right_img,
    .premium .premium_tab1 .left_text,
    .premium .premium_tab1 .right_text{width:50%;}
    .premium .premium_tab1 .right_text, 
    .premium .premium_tab1 .left_text{padding:60px 20px; box-sizing:border-box;}
    .premium .premium_tab1 .top_text h4{font-size:30px; margin-bottom:25px; padding-bottom:25px;}
    .premium .premium_tab1 .top_text h4 span{font-size:20px;}
    .premium .premium_tab1 dl dt{margin-bottom:10px;}
    .premium .premium_tab1 dl dd{font-size:14px;}
    .premium .cont_box.dual .cont .cont_txt{padding:0 40px;}
    .premium .cont_box.dual .cont_txt h4{font-size:26px; margin-bottom:15px;}
    .premium .cont_box.dual .cont_txt p,
    .premium .cont_box.dual .cont_txt li{font-size:14px;}

    .premium .desc_area{margin:80px 25px 0;}

    /* pr */
    .pr .section p{font-size:18px;}

    /* space */
    .space .unit_box .type_wrap{padding:60px 4%;}    
        
    /* model - displaying-item, finishing_materials */
    .model_view .contents{width:100%;}
    .model_view .title{padding-top:29%; height:auto; background-size:100%; margin-bottom:10px;}
    .model_view .tab{position:static; left:0; top:0; width:100%; padding:0 2.4%; box-sizing:border-box;}
    .model_view .tab li{width:32%; margin-left:2%;}
    .model_view .tab li a{font-size:12px;}        

    /* interior */
	.interior .contents{padding:0 25px 75px;}
    .interior .inter_box.num05 .box_inner .img_box{display:block;}
    .interior .inter_box.num05 .box_inner .img_box.left{margin-bottom:20px;}
    .interior .inter_box.num05 .box_inner .img_box.left, .interior .inter_box.num05 .box_inner .img_box.right{width:100%; margin-left:0;}

    /* Survey */
    .survey .survey_bg {padding:27px; margin-bottom:40px;}
    .survey .survey_wrap{font-size:14px;}
    .survey .survey_wrap > ol > li{margin-bottom:30px; font-size:17px;}
    .survey .survey_wrap > ol > li .q_tit{padding-left:0; text-indent:0;}
    .survey .survey_wrap > ol > li .num{font-size:35px;}
    .survey .survey_wrap > ol > li .qList_inner{padding-top:15px; padding-left:1px; margin-left:0;}
    .survey .survey_wrap > ol > li table th{padding:10px 7px; font-size:13px;}
    .survey .survey_wrap > ol > li table td{padding:10px 7px; font-size:13px;}
    .survey .survey_wrap .type1 li{margin-bottom:5px;}
    .survey .survey_wrap .type2 li{float:none !important; margin-top:5px; margin-right:0 !important;}
    .survey .survey_wrap .type2 li:first-child{margin-top:0;}
    .survey .survey_wrap .type4 li{margin-bottom:5px;}
    .survey .survey_wrap .type4 .table2 .option li{width:100%; margin-right:0;}
    .survey .survey_wrap .type4 .table2 .option li input[type="text"]{width:150px;}
    .survey .survey_wrap > ol > li input[type=text]{width:70px;}
    .survey .survey_wrap .type4 .table2 .option02{margin-left:0; line-height:34px;}
    /* Registration */
    .survey .info_area{width:100%; margin-top:30px;}
    .survey .info_area h3{margin-bottom:5%; font-size:17px;}
    .survey .info_area .agreement{margin-bottom:40px;}
    .survey .agreement_inner{max-height:150px; padding:20px 15px;}
    .survey .agreement_inner.last{height:auto;}
    .survey .agree_txt{float:none; width:100%;}
    .survey .input_area{float:none; width:100%;}
    .survey .agree_txt .txt1{display:block; margin-right:0; margin-bottom:5px; font-size:15px;}
    .survey .input_area .input1{display:block; margin-right:0; margin-bottom:5px; font-size:15px;}
    .survey .infomation table th{padding:8px 3%; font-size:14px; letter-spacing:-2px;}
    .survey .infomation table .gender li, .survey .infomation table .age li{width:50%; margin-bottom:5px; padding-left:1px; box-sizing:border-box;}
    .survey .infomation li:last-child{margin-bottom:0;}
    .survey .infomation table select{width:31%; padding:4px 2%; box-sizing:border-box; font-size:12px; background:#fff;}
    .survey .infomation table .phone input{width:27%;}
    .survey .infomation table input[type=text]{padding:4px 2%; box-sizing:border-box; font-size:13px;}
    .survey .w65{width:30%;}
    .survey .infomation table input[type=text].w165{width:45%;}
    .survey .infomation table td a.btn{width:50%; margin-left:1%;}
    .survey .w400{width:100%;}

	.space_wrap li{width:33.33%; margin-bottom:10px;}
	.space_wrap.numfont li a, .space_wrap li.numfont a {height:50px;padding: 0 10px;box-sizing: border-box;line-height: 1.3;font-size:16px;}
	.space_wrap .space_btn2 {width:33.33%;margin-bottom: 0;}


}

@media (max-width: 750px) {
    #container .page_tit h2{font-size:25px; line-height:1.2;}
    .contents .section .sec_inner{margin-bottom:40px;}

    .section .box_wrap{padding:30px 25px; border-width:4px;}
    .section .box_wrap li{padding:30px 0;}
    .section .box_wrap li:first-child{padding-top:0;}
    .section .box_wrap li:last-child{padding-bottom:0;}
    .section .box_wrap li dt{font-size:20px; margin-bottom:20px; text-align:center;}
    .section .box_wrap.line2 li dt{font-size:20px;}
    .section .box_wrap li dd{margin-bottom:12px; font-size:14px; line-height:1.4;}
    .section .box_wrap li dd:last-child{margin-bottom:0;}
    .section .box_wrap li dd:before{content:""; top:5px;}
    .section .box_wrap li:before{content:""; position:static; width:51.5px; height:47px; margin:0 auto 20px; background-size:100% auto;}
    .section .box_wrap li.list3:before{width:50px; height:49px;}
    .section .box_wrap li.list4:before{width:47.5px; height:43px;}



    .section .bg_box{padding:0; background:none; margin-bottom:0;}
    .section .bdr_box{padding:20px; border-width:5px;}
    .section .bdr_box2{padding:25px 0; margin-bottom:25px;}
    
    .section .web_img{display:none;}
    .section .mobile_img{display:block;}
    
    /* common_list */
    .common_list li{font-size:14px; margin-bottom:13px; line-height:1.5;}
    .common_list li .tit,
    .common_list li .cont{display:block !important; max-width:none !important;}
    .common_list li .tit{line-height:1.2; margin-bottom:5px;}

    .common_list.type01 li:before{content:""; top:7px;}

    /* btn_wrap */
    .btn_wrap.top{margin-bottom:25px;} /* btn_wrap top쪽에 있을 경우 */
    .btn_wrap.full a{width:100%; margin-left:0; margin-bottom:5px;} /* btn 3개 이상일 경우 full 클래스 추가 */
    .btn_wrap a{width:49%; margin-left:2%; /* margin-bottom:10px; */}
    .btn_wrap a:nth-child(odd){margin-left:0;}
    .btn_wrap a:last-child{margin-bottom:0;}

    .desc_wrap .btn_wrap{margin-bottom:0;} /* btn_wrap bottom 쪽에 있을 경우 */
    
    .desc_area.bdr_type {margin-top:25px; border-top:1px solid #e1e1e1;} /* 단지조경, 단지안내 */

    /* desc_area */
    .desc_area{padding-top:25px;}
    .desc_area li{font-size:12px; line-height:1.4; padding-left:15px; text-indent:-15px; margin-bottom:13px;} 

    /* model */
    .model .tab_wrap li,
    .pr .tab_wrap li,
    .interior .tab_wrap li{width:50% !important;}

    /* pr tab */
    .pr .tab_wrap li{margin-bottom:6px !important;}

    /* tab */
    .tab_wrap{}
   
    .tab_wrap.numfont li a{font-size:15px;}

    /* tab - column (3개) */
    .tab_wrap li{width:33.3% !important;}

    /* tab1 */
    .tab_wrap li:nth-child(1):nth-last-child(1){width:100%;}

    /* tab2 */
    .tab_wrap li:nth-child(1):nth-last-child(2){width:50% !important;}

    /* tab4 - column (2개) */
    .tab_wrap li:nth-child(1):nth-last-child(4), 
    .tab_wrap li:nth-child(2):nth-last-child(3), 
    .tab_wrap li:nth-child(3):nth-last-child(2), 
    .tab_wrap li:nth-child(4):nth-last-child(1){width:50% !important;}
    
    /* sale-info :: calendar */
    .calendar .download_box{margin:20px 0 0;}
    .calendar .download_box li{width:50%; margin-bottom:30px;}
    .calendar .download_box li:nth-child(2n+1){border:none;}
    .calendar .download_box li:last-child{margin-bottom:0;}
    .calendar .download_box li img{width:30px;}
    .calendar .download_box li .tit{margin-top:6px; font-size:13px;}
    .calendar .download_box li .btn_download{height:25px; line-height:25px; margin-top:6px; font-size:13px;} 
    .calendar .sec2 .boder_box{display:none;}
    .calendar .calendar_area{padding:15px 0 5px;}
    .calendar .calendar_area .tit{margin-bottom:10px;}
    .calendar .calendar_area .tit h3 {font-size: 24px;}
    .calendar .calendar_area .tit h4{padding-bottom:5px; font-size:14px;}
    .calendar .calendar_area table tr th, 
    .calendar .calendar_area table tbody td, 
    .calendar .calendar_area table tbody td .day{font-size:12px;}
    .calendar .calendar_area table tr th{padding:10px 0;}  
    .calendar .calendar_area table tbody td{height:75px; padding:1%; border-color:#cccccc; color:#424242;}
    .calendar .calendar_area table tbody td .text{left:auto; bottom:auto; margin-top:0; font-size:10px;}
    .calendar .calendar_area table tbody td .text.line2{margin-top:0;}

    /* .info :: location */
    .location .notice_box{padding:25px 17.5px; margin-bottom:25px;}
    .location .notice_box p{font-size:13px; font-weight:500;}
    .location .bdr_box{margin-bottom:25px;}
    .location .bdr_box .notice{font-size:12px;}
    .location .map_cont .map{float:none; display:block; width:100%; padding-top:0;}
    .location .map_cont .map img{width:100%;}
    .location .map_cont .map1{margin-bottom:25px;}
    .location .map_cont .map2{padding-top:66.541%;}
    .location .common_list li{padding-left:0;}

    /* */
    ul.box_circle li{margin-bottom:20px;}
    ul.box_circle li{float:none; margin-bottom:10px; font-size:15px;}

    /* product :: feature */
    .feature .img_box li{width:100% !important; float:none; margin-left:0 !important; margin-bottom:30px;}
    .feature .img_box li:last-child{margin-bottom:0 !important;}
    .feature .img_box .desc{padding:7px 5px; height:auto; box-sizing:border-box; font-size:15px;}
    .feature .img_box.line2 .desc{height:auto; }

    /* product :: premium */
    .premium .contents{padding:0;}
    .premium .tab_cont{padding-bottom:75px;}
    .premium .tab_cont.premium_tab5{padding-bottom:0;}
    .premium .tab_wrap li{width:50% !important;}
    .premium .cont_tit {margin-bottom:40px;}
    .premium .cont_tit h3{margin-bottom:14px; font-size:20px;}
    .premium .cont_tit h4{margin-bottom:15px; padding-bottom:13px;}
    .premium .cont_tit p {padding:0 12%; letter-spacing:-1.3px;}
    .premium .premium_tab1 .top_text h4{font-size:16px; margin-bottom:13px; padding-bottom:13px;}
    .premium .premium_tab1 .top_text h4 span.txt1{font-size:20px; margin-bottom:10px;}
    .premium .premium_tab1 .top_text h4 span.txt2{font-size:13px;}
    .premium .premium_tab1 dl dt,
    .premium .premium_tab1 dl dd{font-size:14px;}
    .premium .premium_cont{padding:40px 25px; box-sizing:border-box;}
    .premium .premium_tab1 .left_img, .premium .premium_tab1 .right_img, .premium .premium_tab1 .left_text, .premium .premium_tab1 .right_text{float:none; width:100%;}
    .premium .premium_tab1 .right_text, .premium .premium_tab1 .left_text{padding:30px; background-color:#fff;}
    .premium .top_img,
    .premium .full_img{margin-bottom:40px;}
    .premium .top_img{padding:0 25px;}
    .premium .cont_box.dual .cont{display:block; padding:0 25px;}
    .premium .cont_box.dual .cont:nth-child(2n){padding:0 25px 30px 25px; margin-bottom:30px; background-color:#f2f2ef;}
    /* .premium .premium_tab5 .cont_box.dual .cont:nth-child(2n){padding:25px 0; margin-bottom:0; background-color:#fff;} */
    .premium .cont_box.dual .cont .cont_txt, 
    .premium .cont_box.dual .cont .cont_img{display:block; width:100%; height:auto;}
    .premium .cont_box.dual .cont .cont_txt{padding:30px 0 40px;}
    .premium .premium_tab5 .cont:last-child{margin-bottom:0 !important;}
    .premium .premium_tab5 .cont_box.dual .cont .cont_txt{padding:30px 0 40px;}
    .premium .cont_box.dual .cont_txt h4{font-size:16px; margin-bottom:15px;}
    .premium .cont_box.dual .cont_txt h4 span{display:inline-block; font-size:16px;}
    .premium .desc_area{margin:0 25px; padding-top:25px;}

    /* product :: pr */
    .pr #container{min-height:445px;}
    .pr .tab_cont h3{margin-bottom:10px; font-size:18px;}
    .pr .tab_cont p{margin-bottom:35px; font-size:15px;}

    /* space */
    .space .unit_box .unit_inner{margin-bottom:25px;}
    .space .unit_box .unit_inner > div{margin-bottom:0;}
    .space .unit_box .info_wrap{margin-bottom:40px;}
    .space .tab_wrap{display:block;}        
    .space .tit_area{padding:0 25px; margin-bottom:15px;}
    .space h4{font-size:20px;}
    .space .unit_box{margin-bottom:0;}
    .space .unit_box .type_wrap{padding:30px 4%;}
    .space .unit_box .info_wrap > div{width:100% !important;}
    .space .unit_box .type_wrap .big_tit h3{line-height:35px; font-size:35px;}
    .space .unit_box .type_wrap .big_tit span{font-size:13px;}
    .space .unit_box .info_wrap .info_txt table tr th, .space .unit_box .info_wrap .info_txt table tbody td{font-size:13px;}
    .space .unit_box .info_wrap .info_img{display:none;}
    .space .unit_box .info_wrap .info_txt{padding:26px 26%;}
    .space .unit_box .pop_view, 
    .space .unit_box .pop_view.on, 
    .space .unit_box .info_wrap .info_img .btn_view{display:none;}
    .space .quick_menu .btn_vr{display:block; width:40px;}
    .space .mobile_view{display:block; margin-top:25px;}
    .space .mobile_view h4{margin-bottom:15px;}

    /* interior */
    .interior .inter_box{margin-bottom:20px;} 
    .interior .inter_box .img_box .desc{padding:10px; font-size:14px;} 
    .interior .quick_menu .btn_space { display:block; width:40px;}

    /* model */
    .model .desc_wrap{padding-top:25px;}
    .model #pano{height:340px;}
    .model .quick_menu .btn_space{display:block; width:40px;}
}

@media (max-width: 320px) {
    /* space */
    .space .unit_box .info_wrap .info_txt {padding:20px 20%;}
}

/* button */
/* common_btn default */
.common_btn{position:relative; display:inline-block; vertical-align:top; width:185px; padding:16px 20px; background:#425563; box-sizing:border-box; font-size:15px; line-height:1; text-align:left; color:#fff; font-weight:400;}
.common_btn:after{position:absolute; right:20px; top:50%; width:7px; height:12px; margin-top:-6px; background:url(../images/common/btn_arrow_ico_w.png) 0 0 no-repeat; content:"";}

/* emodel,마감재,전시품목 btn */
.common_btn.finishing_btn{background:#737574;} /* 마감재 btn */
.common_btn.pr_btn{background:#be9176;} /* 홍보영상 btn */
.common_btn.displaying_btn{background:#3b3b3b;} /* 전시품목 btn */
.common_btn.model_btn{background:#b2a8a2;} /* e-model house btn */
.common_btn.interior_btn{background:#8b8075;} /* interior btn */

/* popup - common */
.pop_wrap{display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:91200;}
.pop_wrap.on{display:block;}
.pop_wrap .popup{width:1019px;}
.pop_wrap .close_area{width:100%; background:#000;}
.pop_wrap .close_area button{display:inline-block; padding:10px; color:#fff;}
.pop_wrap .close_area button i{font-style:normal;}

.pop_dim{opacity:0; visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:91100; transition:opacity .2s ease-out; -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out;}
.pop_dim.on{opacity:1; visibility:visible;}

/* banner_view_pop :: 메인 띠 배너 팝업 view */
.banner_view_pop{position:absolute; left:50%; top:50%; width:1019px; margin-left:-509px; margin-top:-182px; transform:none;}
.banner_view_pop .popup .pop_m{display:none;}
.banner_view_pop .close_area button:before{content:""; display:inline-block; vertical-align:middle; width:13px; height:13px; margin-right:9px; background:url(../images/common/pop_close_ico.png) 0 0 no-repeat;}

/* notice_pop :: 입주자 모집공고 */
.notice_pop .popup{width:737px;}
.notice_pop .popup .pop_inner{padding:35px 0 0; background-color:#fff;}
.notice_pop .popup h3{margin-bottom:30px; font-size:28px; color:#000; font-weight:500; letter-spacing:-1px; text-align:center;}
.notice_pop .popup ul{overflow:hidden;}
/* 임차인 모집공고 팝업 3개일때 오픈 */
.notice_pop .popup ul{overflow:hidden; padding:0 15px 35px;}
.notice_pop .popup li{float:left; width:33.33%; text-align:center; box-sizing:border-box;}

.notice_pop .popup li:before{content:""; display:block; width:46px; height:62px; margin:0 auto 20px; background-image:url(../images/common/notice_pop_ico.png); background-position:0 0; background-repeat:no-repeat;}
.notice_pop .popup li.list2:before{width:49px; background-position:-50px 0;}
.notice_pop .popup li.list3:before{width:63px; background-position:-100px 0;}
.notice_pop .popup li span{display:block; margin-bottom:10px; font-size:18px; font-weight:400; line-height:1; color:#000;}
.notice_pop .popup li a{display:inline-block; padding:0 20px;  background:#333; line-height:30px; font-size:14px; color:#fff;}
.notice_pop .popup li.list1{border-right:1px dotted #959595;}
.notice_pop .popup li.list2{border-right:1px dotted #959595;}
.notice_pop .close_area button:before{content:""; display:inline-block; vertical-align:middle; width:13px; height:13px; margin-right:9px; background:url(../images/common/pop_close_ico.png) 0 0 no-repeat;}

/* meter */
sup{font-size:14px;}

@media (max-width:1620px) {
}
@media (max-width:1400px) {
}
@media (max-width:1200px) {
	
	.pop_wrap .popup{width:auto;}
}
@media (max-width: 768px){	
	/* quick menu */
	.quick_menu{width:40px; top:auto; right:25px; bottom:90px;}
    .quick_menu .btn_top{display:none;}
    .quick_menu .share_wrap.on{height:160px;}
    .quick_menu .share_wrap .open_area{border-left:0;}
    .quick_menu .open_area > a{width:40px; height:40px; border-right:1px solid #d4d4d4; border-bottom:none; border-top:1px solid #d4d4d4;}
    .quick_menu .open_area .btn_close{display:none;}
    .quick_menu .share_wrap .open_area .btn_close.mo{display:block; border-bottom:0; height:40px;}
	
	/* popup - common */
	.pop_wrap{width:86.6%; max-width:360px;}
	.pop_wrap .popup .close_area{text-align:center;}
	.pop_wrap .popup .close_area button:before{content:""; display:none;}
	.pop_wrap .close_area button{width:100%;}
	
	.banner_view_pop{position:absolute; left:50%; top:50%; width:86.6%; margin-left:0; margin-top:0; transform:translate(-50%,-50%); max-width:100%;}

	.notice_pop .popup{width:100%;}
	.notice_pop .popup .pop_inner{padding:30px 0 0;}

	.notice_pop .popup h3{margin-bottom:25px; font-size:18px;}
	.notice_pop .popup li:before{width:23px; height:30.5px; margin-bottom:10px; background-size:82px auto;}
	.notice_pop .popup li.list2:before{width:24.5px; background-position:-25px 0;}
	.notice_pop .popup li.list3:before{width:31.5px; background-position:-50px 0;}
	.notice_pop .popup li span,
	.notice_pop .popup li a{font-size:13px; line-height:20px;}
	.notice_pop .popup li span{margin-bottom:5px;}

    /* meter */
	sup{font-size:12px;}
	
	.banner_view_pop .popup{overflow-y:auto; width:100%; max-height:500px;}
	.banner_view_pop .popup .pop_m{display:block;}
	.banner_view_pop .popup .pop_w{display:none;}

	iframe{right:0 !important; bottom:0 !important;}
}