.contact_send input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}


.transition {	    
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.scroll_exolore {display: inline-block; text-align: center; width: 200px; margin-left: -100px; padding-bottom:70px; position: absolute; left: 50%; bottom: 0; font-size: 12px; color: #fff; letter-spacing: 2px; z-index: 100; font-weight: 500;}
.scroll_exolore .line {
    display: block;
    height: 5vh;
    width: 1px;
    background-color: #fff;
    will-change: transform;
    position: absolute;
    pointer-events: none;
    position: absolute;
    left: 50%;
    bottom: 0;}
.scroll_exolore .line-1 {
    animation-name: scroll_exolore;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.77,0,.175,1);
}
@-webkit-keyframes scroll_exolore {
	0% {
	    transform-origin: 50% 100%;
	    transform: scaleY(1);
	}
	50% {
	    transform-origin: 50% 100%;
	    transform: scaleY(0);
	}
	50.0001% {
	    transform-origin: 50% 0;
	    transform: scaleY(0);
	}
	100% {
	    transform-origin: 50% 0;
	    transform: scaleY(1);
	}
}


/* movie */
.videoWrapper {position: relative; padding-bottom: 56.25%;	height: 0; }
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videoWrapper.display_w {display: block}

.header.main {background: none}
.btn_music {position: absolute; left: 25px; bottom: 40px; display: block; width: 50px; height: 50px; text-indent: -9999px; background: url("../images/btn/volume_off.png") no-repeat center center; opacity: .4; border: 0}
.btn_music:hover {opacity: 1}
.btn_music.on {background: url("../images/btn/volume_on.png") no-repeat center center; }
.pic_work {margin: 170px 0 100px; text-align: center}
.pic_work img {max-width: 100%}


/* layout */
.header {position: fixed; top:0; left: 0; right: 0; text-align: center; height:70px; z-index: 100;}
.header.sub,
.header.on,
.header.sub_on {height: 85px; background: #fff;}
.header.main.sub_on {background: none}

.header.sub .gnb li a,
.header.on .gnb li a {color: #000}
.header.sub a.tell_area,
.header.on a.tell_area {color: #000; background: url('../images/bbs_tell_bk.png') no-repeat left center; background-size: 20px; right: 50px}
.header.sub .logo_area,
/* .header.on .logo_area {top:25px; background: url('../images/common/luca_bk.png') no-repeat 0 0; background-size: 85px} */
.header.on .logo_area {top:30px; width: 86px; height: 50px; background: url('../images/common/luca_gd_logo.png') no-repeat 0 0; background-size: 85px}

.header.sub .gnb li a,
.header.sub_on .gnb li a {color: #000}
.header.sub a.tell_area,
.header.sub_on a.tell_area {color: #000; background: url('../images/bbs_tell_bk.png') no-repeat left center; background-size: 20px; right: 50px}
.header.sub .logo_area,
/* .header.on .logo_area {top:25px; background: url('../images/common/luca_bk.png') no-repeat 0 0; background-size: 85px} */
.header.sub_on .logo_area {top:28px; background: url('../images/common/luca_gd_logo.png') no-repeat 0 0; background-size:100%}
.header.main.on {background: #fff}


a.tell_area {position: absolute; display: inline-block; height: 32px; line-height: 32px; padding-left: 30px; right: 50px; top:28px; font-size: 18px; color: #fff; background: url('../images/bbs_tell_wh.png') no-repeat left center; font-family: 'ArchivoExpanded', 'Noto Sans KR'; background-size: 20px}
.header .gnb {margin:15px 0 0}
.header .gnb .gnb_menu {position: relative; display: inline-block; margin: 0 15px}
.header .gnb .gnb_menu a {position: relative; display: inline-block; padding: 0 10px; font-weight: 400; color: #fff; font-size: 18px; padding: 20px 0; text-transform: uppercase; font-weight: 500}
.header .gnb .gnb_menu a:after {
    content: "";
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: currentColor;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1);
}
.header .gnb .gnb_menu a.active:after, .header .gnb .gnb_menu a:hover:after {
    width: 100%;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.header .gnb .gnb_menu a:hover {}
.header .gnb .gnb_menu .depth {position: absolute; width: 600px; left: 50%; top:60px; margin-left: -300px; display: none}
.header .gnb .gnb_menu .depth li {display: inline-block; margin: 0 10px}
.header .gnb .gnb_menu .depth a {padding: 5px 0; font-size: 14px;}
.header .gnb .gnb_menu .depth a:after {display: none}
.header .gnb .gnb_menu .depth a:hover {color: #a97c50; text-decoration: underline}
.header .gnb .gnb_menu:hover .depth {display: block}

.logo_area {position: fixed; top:30px; left: 50px; display: block; width:132px; height: 60px; background: url('../images/common/luca_wh.png') no-repeat 0 0; z-index: 10}

.header.bk {background: none}
.header.bk .gnb .gnb_menu a {color: #000}
.header.bk .gnb .gnb_menu.bar i {background: #555}
.header.bk .logo_area {background: url('../images/common/luca_bk.png') no-repeat 0 0;}
.header.bk a.tell_area {color: #000; background: url('../images/bbs_tell_bk.png') no-repeat left center;}
.header .sub_menu {position: absolute; background: #0082a1; margin-left: -10px; padding: 0; z-index: 10}
.header .sub_menu li {display: block; clear: both; padding: 0; margin: 0}
.header .sub_menu li a {display: block; width: 100px; padding: 12px 0; color: #fff; line-height: normal; font-size: 14px}
.header .sub_menu li a:hover {background: #0c99bb; color: #fff}
.header .sub_menu li a:after {display: none}
.header .sub_menu:before {content: ""; display: block; width: 20px; height: 12px; background: url('../images/bbs_tip.png') no-repeat 0 0; position: absolute; left: 50%; top:-9px; margin-left: -10px}
.header .m_menu {position: fixed; left:8px; top:20px; display: block; width: 40px; height: 40px; background: url('../images/m_menu_wh.png') no-repeat center center; background-size: 24px}
.header.sub .m_menu, .header.on .m_menu, .header.sub_on .m_menu {background: url('../images/m_menu.png') no-repeat center center; background-size: 24px}

.btn_scroll {position: absolute; left: 50%; margin-left: -30px; bottom: 50px; z-index: 100}
.btn_scroll.display_m {display: none}


#footer {position:relative; bottom:0; width:100%; list-style:none; font-size:12px; background:#000; z-index: 1}
#footer .address{ padding:15px 30px; text-align: center; color: #fff; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color:#999}
#footer a.link_use {display: block; float: right;  padding:15px 30px 15px 0; color: #fff}
.logo_img {display: block; margin-bottom: 20px}


.scroll_exolore {
	display: inline-block; 
	text-align: center; 
	color: #fff; 
	font-size: 11px; 
	width:200px; 
	margin-left: -100px; 
	padding-bottom:50px; 
	position: absolute; 
	left: 50%; 
	bottom: 40px; 
	z-index: 100; 
	font-weight: 500;
	font-family: 'Arimo';
	letter-spacing: 1px;
}
.scroll_exolore .line {
    display: block;
    height: 3vh;
    width: 1px;
    background-color: #ddd;
    will-change: transform;
    position: absolute;
    pointer-events: none;
    position: absolute;
    left: 50%;
    bottom: 0;}
.scroll_exolore .line-1 {
    animation-name: scroll_exolore;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.77,0,.175,1);
}
@-webkit-keyframes scroll_exolore {
	0% {
	    transform-origin: 50% 100%;
	    transform: scaleY(1);
	}
	50% {
	    transform-origin: 50% 100%;
	    transform: scaleY(0);
	}
	50.0001% {
	    transform-origin: 50% 0;
	    transform: scaleY(0);
	}
	100% {
	    transform-origin: 50% 0;
	    transform: scaleY(1);
	}
}

.zoom_pic {position: fixed; left: 0; top:0; width: 100%; height: 100%; background: #000; z-index: 100}
.zoom_pic.pic01 {background: url('../images/zoom_pic01.jpg') no-repeat center center; background-size: cover}
.txt_bottom {padding-top: 20px; font-size: 14px; color: #58595b;}

/**/
.section video{
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: 100% 100%;
	background-color: #fff; /* in case the video doesn't fit the whole page*/
	background-image: /* our video */;
	background-position: center center;
	background-size: contain;
	object-fit: cover; /*cover video background */
	z-index:-1;
}

a.txt-more,
.txt-more {
	position: relative;
	display: inline-block;
	margin: 50px auto 0;
	padding-bottom: 3px;
	color: #999;
	font-size: 11px;
	font-family: 'ArchivoExpanded', 'Noto Sans KR';
	font-weight: 700;
	letter-spacing: 1px;
}
.txt-more::before {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #999;
}
.txt-more:hover {color: #333;}
.txt-more:hover::before {background-color: #333}

/* 메인 */
.w_wrap {max-width: 1200px; margin: auto}
body.main {}
/* .main_visual {position: relative; margin: 150px 50px 0; height: 900px; background: url('../images/luca_main.jpg') no-repeat center center; background-size: cover } */
.main_visual {position: relative; margin: 0; height: 130vh; background: url('../images/luca_main2.jpg') no-repeat center center; background-size: cover }
.main_about {text-align: center; position: absolute; left: 0; right: 0; top:23%; color: #fff; font-weight: 600;}
.main_tit {}
.main_tit dt {font-size: 30px;}
.main_tit dd {font-size: 50px; margin-top: 30px}


.movList_wrap {margin:150px auto; max-width: 1200px;}
.movList_wrap .movList:after {display: block; clear: both; content: ""}
.movList_wrap .movList li {position: relative; display:block; width: calc(100% / 3); float: left; box-sizing: border-box; padding:50px}
.movList_wrap .movList li img {width: 100%}
.movList_wrap .movList li p {text-align: center; padding-top: 30px; font-size: 22px; font-family: 'ArchivoExpanded', 'Noto Sans KR'; font-weight: 700; text-transform: uppercase}
.movList_wrap .movList li .btn_play {position: absolute; left: 50%; top:50%; margin: -32px 0 0 -32px; display: inline-block; width: 64px; height: 64px; background: url('../images/main/btn_play.png') no-repeat center center}




/* .main_about {font-family: 'NotoSansCJK'; padding: 100px 0; font-size: 20px; line-height: 1.8em; text-align: center} */
.contact_visual {position: relative; margin: 150px 50px 0; height:30vw; background: url('../images/luca_contact.jpg') no-repeat center bottom; background-size: cover }

.inner_wrap {margin: 150px 50px}
.inner_wrap.type .both_wrap {margin-bottom: 50px}
.inner_wrap.type .both_wrap .rightBox,
.inner_wrap.type .both_wrap .leftBox {height: 30vw}
.inner_wrap.type .both_wrap:last-child {margin: 0}

.both_wrap {}
.both_wrap:after {display: block; clear: both; content: ""}
.both_wrap.even .leftBox {float: right}
.both_wrap .one_Box {margin-bottom: 50px}
.both_wrap .one_Box:after {display: block; clear: both; content: ""}
.both_wrap .one_Box:last-child {margin: 0}
.both_wrap.top .leftBox {width: 30%}



.both_wrap .leftBox {position: relative; display: table; width: 50%; float: left; height: 60vw; background-color: #faf6f3;}
.both_wrap .leftBox.about {background: url('../images/luca_main2.jpg') no-repeat center center; background-size: cover}
.both_wrap .leftBox.master {background: url('../images/thumb_master.jpg') no-repeat center center; background-size: cover}
.both_wrap .leftBox.amanity {background: url('../images/thumb_amanity.jpg') no-repeat center center; background-size: cover}
.both_wrap .leftBox.brand {background: url('../images/thumb_brand.jpg') no-repeat center center; background-size: cover}
.both_wrap .leftBox.window {width: 30%;}
.both_wrap .leftBox.wideview {background: url('../images/thumb_wideview.jpg') no-repeat center center; background-size: cover}
.both_wrap .leftBox.livingroom {background: url('../images/thumb_livingroom.jpg') no-repeat center center; background-size: cover}

.both_wrap .rightBox {position: relative; display: table; width: 50%; float: right; height: 60vw; background: #faf6f3;}
.both_wrap .persona {background: url('../images/thumb_persona.jpg') no-repeat center center; background-size: cover}
.both_wrap .facility {background: url('../images/thumb_facility.jpg') no-repeat center center; background-size: cover;}
.both_wrap .window {float: right; background: url('../images/thumb_window.jpg') no-repeat center center; background-size: cover;}
.both_wrap .island {background: url('../images/thumb_island.jpg') no-repeat left center; background-size: cover;}
.both_wrap .dressroom {background: url('../images/thumb_dressroom.jpg') no-repeat left center; background-size: cover;}

.both_wrap .middle {display: table-cell; vertical-align: middle; text-align: center}
.both_wrap .copy {text-align: left; display: inline-block}
.both_wrap .copy .key {position: relative; font-size: 24px; font-family: 'ArchivoExpanded'; line-height: 1.3em; padding-bottom: 30px;}
.both_wrap .copy .key:after {display: block; content: ""; height: 2px; width: 30px; background: #000; position: absolute; left: 0; bottom: 0}
.both_wrap .copy .txt01 {color: #a97c50; margin: 30px 0; line-height: 1.6em; font-weight: 600}
.both_wrap .copy .txt02 {color: #58595b; line-height: 1.6em}
.both_wrap .copy .txt02.sm {font-size: 14px;}

.both_wrap.amenity {margin: 100px 0 0; position: relative; padding-right:500px}
.both_wrap.amenity .copy {position: absolute; right: 100px; top:28%}

.full_wrap {position: relative; height: 50vw}
.full_wrap.classic {background: url('../images/full_classic.jpg') no-repeat center center; background-size: cover; margin-bottom: 50px}
.full_wrap.amenity {background: url('../images/full_amenity.jpg') no-repeat center center; background-size: cover;}
.full_wrap.pool01 {background: url('../images/pool01.jpg') no-repeat center center; background-size: cover; margin-bottom: 10px}
.full_wrap.pool02 {background: url('../images/pool02.jpg') no-repeat center center; background-size: cover;}


.master_msg {position: absolute; right: 30px; top: 30px; color: #fff; font-size: 14px; padding-left: 10px; border-left: 1px solid #fff}

.tbBox {margin:0 60px; text-align: left}
.tbBox .name {font-family: 'ArchivoExpanded', 'Noto Sans KR'; font-weight: 700; font-size: 40px; padding-bottom: 30px; border-bottom: 1px solid #000}


.map_area {clear:both; padding: 100px 0; background: #a8815e; text-align: center;}
.map_area img {max-width: 100%}
.map_area .title {color: #fff; margin-bottom: 50px; font-family: 'ArchivoExpanded'; font-size: 40px}
.map_area {clear:both; padding: 100px 0; background: #a8815e; text-align: center;}
.map_area dl {margin-top: 50px}
.map_area dt {font-size: 20px; margin-bottom: 10px; color: #fff; font-weight: 600}
.map_area dd {font-size: 16px; color: #fff; line-height: 1.5em}
.map_area dd p {margin-bottom: 10px}
.map_area img {max-width: 100%}
.map_area .cont {width: 50%; float: left}
.map_area:after {display:block; clear: both; content: ""}
.map_area .cont.two dt {font-family: 'ArchivoExpanded';}
.map_area img {max-width: 100%}

/* type */
#type .both_wrap .leftBox {height: 30vw;}
#type .both_wrap .rightBox {height: 30vw;}

/* 테이블 */
.summary_tbl {width: 100%}
.summary_tbl tbody{text-align:left;}
.summary_tbl th,
.summary_tbl td {vertical-align: top; padding: 25px 0; line-height: 1.8em; border-bottom: 1px solid #e9e3df; text-align: left}
.summary_tbl td .subTxt{display:block;padding:8px 0 0;font-size:14px;line-height:26px;color:#666;font-weight:300;}
.summary_tbl th {width: 140px; font-size:16px;line-height:20px;color:#333;font-weight:600; }
.summary_tbl td {width:clac(100%-160px); font-size:16px;line-height:20px;color:#555;}
.summary_tbl td em{font-size: 11px;}

.info_about {margin: 170px 0 100px; font-size: 30px; color: #a8815e; font-weight: 600; line-height: 1.6em; text-align: center}


.contact_about { padding: 100px 0; font-size: 20px; line-height: 1.6em; text-align: center}
.contact_about dt {
    font-size: 30px;
    color: #a8815e;
    font-weight: 600;
    line-height: 1.6em;
    text-align: center;
    margin-bottom: 20px;
}
.contact_about .company {margin-top: 50px; color: #a97c50}
.contact_about .company em {position: relative; top:-3px}
.contact_about .company em img {vertical-align: middle}

.txt_open {position: absolute; left: 0; right: 0; text-align: center; padding-top: 420px; font-size: 60px; color: #fff; font-family: 'ArchivoExpanded';}

.txt_open.type {position: absolute; top:30%; right: 0; left: 55%; right: auto; font-size: 40px; color: #fff; font-family: 'ArchivoExpanded'; padding: 0; text-align: center}

/**/
.vod_wrap {width: 1000px; margin: auto }
.footer {position: relative; clear: both; background: #000; font-size: 12px; line-height: 1.8em; color: #666; padding:25px 50px}
.footer .logo_img {float: right; margin-top: 10px}
.footer .copy {margin-bottom: 20px; font-size: 20px; font-weight: 400; text-align: left}
.footer .copy .logo {position: relative; top:-5px; margin-left: 10px}
.footer address {display:block;}
.footer .logo_img img{height: 55px}
.footer .color {color: #a97c50}
.floor_wrap {text-align: center}
.floor_wrap img {max-width: 100%}

/* 어매니티 */
.arch_list {margin: 0 -10px; display: block; vertical-align: middle}
.arch_list li {width:calc(100% / 3 - 20px); float: left; margin: 0 10px}
.arch_list li p {margin-top: 20px; text-align: center; font-size: 14px; color: #58595b}
.arch_list li img {width: 100%}
.arch_list .thumb {position:relative}

/* 문의 */
a.btn_bk,
.btn_bk {display:inline-block; padding: 10px 0; width: 200px; font-size: 16px; font-weight: 400; text-align:center; background: #000; color: #fff; margin-top: 30px}
a.btn_bk:hover,
.btn_bk:hover {background: #222}

.contact_wrap {background: #faf6f2; padding:100px 0; box-sizing: border-box; margin: auto; text-align: left;}
.contact_wrap .contact_left {width: 50%; float: left}
.contact_wrap .contact_right {width: 50%; float: right}
.contact_wrap .emp {color: #0082a1}

.contact_form  {max-width: 1000px; margin:auto}
.contact_form .page_title {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
    color: #a8815e;
    margin-bottom: 30px;}
.contact_form ul.two:after {display: block; clear: both; content: ""}
.contact_form ul.two li {width: 50%; float: left}
.contact_form .page_title_tit {border-top: 1px solid #000; padding-top: 40px; font-size: 20px; font-weight: 700;}
.contact_form .inBox {position: relative; padding: 0 10px}
.contact_form .inBox label {color: #333; font-weight: 400; display: block; padding: 15px 0 0 0}
.contact_form input[type=text],
.contact_form select,
.contact_form textarea,
.contact_form input[type=email],
.contact_form input[type=tel] {
	width: 100%;
	padding:0 10px;
	height: 50px;
	border:0;
	border-radius: 0;
	box-sizing: border-box;
	margin-top: 6px;
	resize: vertical;
	background: #fff;
}

.contact_form>h3 {text-align: center;}
.contact_form textarea {height: 100px; resize: none; padding: 10px}
.contact_form input[type=submit] {
	display: block;
	width:250px;
	margin: auto;
	background-color: #000;
	color: #fff;
	padding: 12px 0;
	font-size: 18px;
	border: none;
	border-radius:0;
	cursor: pointer;
	transition: 0.3s;	
}
.contact_form #msg{
	display: block;
	width:250px;
	margin: auto;
	background-color: #000;
	color: #fff;
	padding: 12px 0;
	font-size: 18px;
	border: none;
	border-radius:0;
	cursor: pointer;
	transition: 0.3s;	
}
.contact_form input[type=submit]:hover {background-color: #222;}
.contact_form>h3 {font-size: 30px; padding-bottom: 50px;}
.contact_form .contact_send {text-align: center; margin:50px 0 0 0}

.goods_visual {margin-top: 20px}
.goods_visual img {width:100%}

.contact_form ul {margin: 0 -10px}
.contact_form .contact_check  {word-break: keep-all; padding:20px 0;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin:20px 10px 10px}
.contact_form .contact_check .txt {line-height: 1.8em; font-size: 12px}
.contact_form .contact_check .title {font-size: 14px; color: #333; margin-bottom: 10px; font-weight: 600}
.contact_form .contact_check .txt p {font-size: 14px}
.contact_form .emp {font-size: 12px; color: #000; font-weight: 400}

.contact_form .check_choice {display: block; text-align: center; margin-bottom:20px}
.contact_form .check_choice li {display: inline-block; margin: 0 10px}
.contact_form .check_choice li input {margin-right:5px; position: relative; top:2px}

.captcha_area li {display: inline-block}
.contact_form ul.captcha_area {margin: 0}

/* 가이드 */
.schedule_wrap {text-align: center; background: #956a4c}
.schedule_wrap img {max-width: 100%}
.plan_wrap {text-align: center;}
.plan_wrap img {max-width: 100%}


/* 유닛 */
.unit_wrap {max-width: 740px; margin: auto}
.unit_wrap .list {display: block;}
.unit_wrap .list:after {display:block; clear: both; content: ""}
.unit_wrap .list .col {display: block; width: calc(100% / 4); float: left; text-align: center; margin: 20px 0}
.unit_wrap .unit_thumb a {
	position: relative;
	display: table;	
	background: #ae7f49;
	color: #fff;
	width: 120px;
	height: 170px;
	text-align: center;
	margin: auto;
	border-top-left-radius: 50vw;
    border-top-right-radius: 50vw;
    -webkit-border-top-left-radius: 50vw;
    -webkit-border-top-right-radius: 50vw;
    -moz-border-top-left-radius: 50vw;
    -moz-border-top-right-radius: 50vw;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}
.unit_wrap .unit_thumb a:hover {background: #bf894c}
.unit_wrap .unit_thumb a span {display: table-cell; vertical-align: middle; font-family: 'ArchivoExpanded'; font-size: 26px}
.unit_wrap .unit_thumb.han img {position: absolute; right: 0; bottom: 0; width: 120px}
.unit_wrap .unit_thumb a.pic {background: url(../images/thumb_master.jpg) no-repeat top center; background-size: cover;}

.area_wrap {max-width: 900px; margin: auto}
.type_list .bx-wrapper {margin: 0}
.type_list .bx-wrapper .bx-controls-direction a {margin: 0; top:60%}
.type_area  {position: relative; text-align: center}
.type_area .pic {padding: 50px 0}
.type_area .pic img {max-width: 70%}
.type_area .title {font-size: 50px; color: #a87b52; text-align: center; font-family: 'ArchivoExpanded', 'Noto Sans KR'; font-weight: 700; margin-bottom: 30px}
.type_area .type_info {clear: both; text-align: center; background: #faf6f3}
.type_area .type_info:after {display: block; clear: both; content: ""}
.type_area .type_info p {position: relative; width: calc(100% / 4); float: left; font-size: 16px; font-family: 'ArchivoExpanded', 'Noto Sans KR'; padding: 20px 0; }
.type_area .type_info p:last-child:before {display: none}
.type_area .type_info p:before {content: ""; display: block; width: 2px; position: absolute; top:0; right: 0; bottom: 0; background: #fff}
.type_area .type_info p em {display:block; color: #b28968; margin-bottom: 5px}
.type_area .type_info p strong {display: block; padding-top: 6px; color: #b28968; font-weight: 400; font-size: 26px; font-family:'Noto Sans KR';}
.floor_num {padding: 20px 100px; background: #faf6f3; height: 180px; text-align: left; margin-bottom: 10px}
.floor_num em {display: block}
.floor_num:after {display:block; clear: both; content: ""}
.floor_num .map_Area {width: 45%; float: left; text-align: center}
.floor_num .map_Area img {width:320px}
.floor_num .info {width: 55%; float: left; text-align: center; font-family: 'ArchivoExpanded', 'Noto Sans KR'; padding-top: 60px}
.floor_num .info em {display:block; color: #b28968; margin-bottom: 5px}

.tabBox {}
.tabBox .tabBtn:after {display: block; clear: both; content: ""}
.tabBox .tabBtn li{position:relative; width:calc(100%/8); display:block; float:left; text-align:center; margin:0 0 -1px -1px}
.tabBox .tabBtn li a{height:50px; font-size:14px; color:#555; line-height:50px; font-weight:400; border:1px solid #e0e0e0; display:block; font-family: 'ArchivoExpanded', 'Noto Sans KR'; font-weight: 700; background-color: #fff}
.tabBox .tabBtn li a.active {background: #a87b52; color: #fff}
.tabBox .tabBtn li.on a{color:#f03223}
.tabBox .tabBtn li.on a:after{content:''; display:block; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#f03223;}
.area_wrap .sub_guide {margin-top: 20px; font-size: 10px; color: #888}

.color_blue {color: #4f7eb1 !important}
.color_org {color: #f69f55 !important}
.color_pp {color: #ae348a !important}
.color_sky {color: #41bfef !important}
.color_gr {color: #07a6a7 !important}
.color_pu {color: #684590 !important}
.color_green {color: #239c47 !important}
.color_red {color: #cf4743 !important}


/**/
.main_movBox {position: relative; padding: 100px 0}
.main_movBox .btn_close {float: right; display: block; width: 50px; height: 50px; background: url('../images/bbs_close.png') no-repeat center center; margin-top: -15px; background-size: 30px}
.main_movBox .title {text-align: center; color: #96694c; display: block; margin-bottom: 30px; font-weight: 700; font-size: 26px}
.main_movBox .title .logo {display: inline-block; vertical-align: top; position: relative; top:3px; margin-left: 10px}
.main_movBox .title .logo img {height: 20px}
.main_movBox .txt {text-align: center; color: #96694c; display: block; font-weight: 700; font-size: 26px; padding-top: 30px}
.main_movBox .txt .logo {display: inline-block; vertical-align: top; position: relative; top:5px; margin-right: 5px;}
.main_movBox .txt .logo img {height: 20px}
.main_movBox .today_close {position: absolute; top:30px; right: 10px; font-size: 14px; color: #999}
.main_movBox .today_close input {margin-right: 3px; position: relative; top:1px}

/**/
.policyIn {margin-top: 50px; border-top:1px solid #000; padding-top: 50px}
.policyIn .block {margin-bottom: 40px}
.policyIn .mt_20 {margin-top: 20px}
.policyIn .msg {margin-bottom: 20px}
.policyIn .msg .tit {font-size: 20px; font-weight: 700; margin-bottom: 20px}
.policyIn .msg p {line-height: 1.7em; font-size: 14px}

.tbl_policy {width: 100%; border-top:2px solid #000}
.tbl_policy.two td {width:50%}
.tbl_policy.three td {width:33.3%}
.tbl_policy tr {background-color:#fff; height:40px; font-size:13px; text-align:center; border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.tbl_policy th {background: #f3efea; border-right:1px solid #ccc; padding: 10px}
.tbl_policy td {border-right:1px solid #ccc; padding: 20px}
.tbl_policy td.left {text-align: left}

.policyIn .info_box {border: 1px solid #ccc; padding: 30px 30px 0; font-size: 14px; background: #fff}
.policyIn .info_box h3 {display: block; margin-bottom: 10px; font-weight: 700}
.policyIn .info_box h2 {font-size: 14px; margin-bottom: 10px}
.policyIn .info_box p {margin-bottom: 30px}


.contact_form ul.check_confirm {margin: 20px 0 0 0}
.check_confirm li {display: inline-block; margin-right: 20px; font-size: 14px; }
.check_confirm li label {font-weight: normal}



/*faq*/
.faq_wrap{display:flex;flex-direction: column;justify-content: center;align-items: center;}
.faq_wrap img{display:block;max-width:1000px;width:100%;}
.faq_wrap a{display:inline-block;padding:15px 70px;border-radius: 999px;background:#a97c50;color:#fff;font-size: 20px;font-weight: 500;text-align: center;}


/* 미디어쿼리 */

@media screen and (min-width:1500px) {
	.tbBox {width: 500px; margin: auto}
}

@media screen and (max-width:1280px) {	
	.both_wrap .leftBox,
	.both_wrap .rightBox {width: 50%; height: 70vw}
	.both_wrap.amenity .copy {top:10%}
	
	.inner_wrap.type .both_wrap .rightBox, 
	.inner_wrap.type .both_wrap .leftBox {height: 40vw}
}

@media screen and (max-width:1100px) {
	.contact_form {width: auto; margin: 0 40px}
}

@media screen and (max-width:1000px) {
	.both_wrap .leftBox,
	.both_wrap .rightBox {width: 50%;}
	.header .gnb li {margin: 0 10px}
	.footer {padding: 30px}
	a.tell_area {font-size: 16px; padding-left: 20px}
	.inner_wrap {margin: 120px 30px 50px}
	.header .gnb .gnb_menu a {font-size: 16px}
	
	.both_wrap {}
	.both_wrap .leftBox, .both_wrap .rightBox,
	.both_wrap .rightBox.persona {height: 70vw}
	.both_wrap .rightBox.persona {background-position: top center}
	
	
	.both_wrap .copy .key {font-size: 24px}
	.both_wrap .copy {font-size: 16px; text-align: center}
	.both_wrap .copy .key:after {left: 50%; margin-left: -15px}
	
	.inner_wrap.type .both_wrap .leftBox {height: 40vw; padding: 100px 0}
	.both_wrap.top .rightBox.window {width: 100%; height: 40vw}
	.both_wrap.top .leftBox {width: 100%;}
	
	
	.both_wrap .leftBox.master,
	.both_wrap .leftBox.amanity,
	.both_wrap .leftBox.about {height: 70vw}
	.summary_tbl th {width: 100px;}
	.summary_tbl th, .summary_tbl td {padding: 20px 0; font-size: 14px}
	.tbBox {margin: 0 40px}
	.tbBox .name {font-size: 26px; padding-bottom: 20px}

	.contact_form {margin: 0 20px}
	.both_wrap.amenity .copy {position: relative; top:auto; right: auto; padding-bottom: 100px}
	.both_wrap.amenity {padding: 0}
	
	.both_wrap.amenity .middle {display: block;}
	.arch_list {clear: both}
	
	.contact_visual {margin: 150px 30px 0}
	.full_wrap,
	.contact_visual {height: 50vw}
	
	.movList_wrap {margin:100px 40px}
	.movList_wrap .movList li {padding:40px}
	.map_area .cont {width: 100%; float: none}
	.map_area .cont.two {margin-top: 100px}
	.map_area dl {margin-top: 30px}

	.area_wrap {width: auto}
	
	.faq_wrap a{font-size:18px;}
}

@media screen and (min-width: 768px) {
	.header .m_menu {display: none}
}
@media screen and (max-width: 768px) {
	.w_wrap {margin: 0 30px}
	.header .m_menu {display: block;}
	.header .gnb {display: none}
	.header {height: 80px; background-size: auto 100px}
	.footer {padding: 20px 20px; text-align: center}
	.footer .logo_img {float: none;}
	.header.sub a.tell_area, .header.sub_on a.tell_area {right: 20px}
	.inner_wrap {margin: 120px 20px 40px}
	
	.header.sub a.tell_area, 
	.header.on a.tell_area,
	a.tell_area {top:25px; right: 20px}
	
	.header.sub .logo_area {top:5px; background: url(../images/luca_bk.png) no-repeat center center; background-size: 90%;}
	.logo_area {top:28px; left: 50%; width:86px; height: 42px; margin-left: -43px; background: url(../images/common/luca_wh.png) no-repeat center center; background-size: 100%}
	.header.bk .logo_area {background: url(../images/h1_logo_bk_m.png) no-repeat 0 0; background-size: 100%}
	
	.main_about {top:150px; margin: 0}
	.info_visual {margin: 0 20px 100px; height: 600px; background: url(../images/info_visual.jpg) no-repeat left center; background-size: cover;}
	.txt_open.type {left: 0; right: 0; top:10%; font-size: 30px}
	.contact_visual {height: 600px; margin: 130px 20px 0}
	.txt_open {padding-top: 45%; font-size: 30px}
	.contact_about dd {font-size: 16px; line-height: 1.6em}
	
	.both_wrap .leftBox, .both_wrap .rightBox {width: 100%}
	.both_wrap .leftBox.half {width: 50%}
	.both_wrap .facility {width: 50%}
	
	.both_wrap .rightBox {height: auto; padding: 100px 0}
	.both_wrap .facility {height: 50vw; padding: 0}
	.both_wrap .leftBox.half {height: 50vw; padding: 0; font-size: 14px}
	.both_wrap .leftBox.half .copy {font-size: 14px}
	
	.both_wrap .persona {background-position: top center}
	
	.movList_wrap {margin: 100px 30px}
	.movList_wrap .movList li .btn_play {width:44px; height: 44px; background-size: 100%; margin: -50px 0 0 -22px}
	.movList_wrap .movList li {padding: 30px}

	.pic_work {margin: 80px 0 100px}
	.master_msg {left: 20px; top:20px; right: auto}
	
	.tabBox .tabBtn li {width: calc(100% / 6)}
	.floor_num {padding: 20px 20px}
	
	.faq_wrap a{width:100%;padding:12px 0px;font-size:16px;}
}

@media screen and (max-width: 600px) {
	.unit_wrap .unit_thumb a {width:19vw; height: 28vw}
	.unit_wrap .unit_thumb.han img {width: 19vw}
	.unit_wrap .unit_thumb a span {font-size: 4vw}
	.unit_wrap .list .col {margin: 0 0 20px 0}
	.floor_num {padding:20px}
}

@media screen and (min-width: 550px) {
	.display_w {display: inline}
	.display_m {display:none}
	.main_movBox .title.display_m {display: none;}
	.main_movBox .txt.display_m {display: none;}
}

@media screen and (max-width: 550px) {
	body, input, textarea, select, button, table {font-size: 14px}
	.display_w {display: none !important}
	.display_m {display:inline !important}
	.main_movBox .title.display_m {display: block !important;}
	.main_movBox .txt.display_m {display: block !important;}
	
	.footer {text-align: left}
	.footer .logo_img img {height: 30px}
	.footer .logo_img {text-align: center}
	.footer .company em img {height: 12px}
	a.tell_area,
	.header.sub a.tell_area, 
	.header.on a.tell_area,
	.header.sub_on a.tell_area {font-size: 12px; background-size: 16px; padding-left: 18px; top:25px; right: 15px}
	.map_area .title {font-size: 20px}
	.map_area dd {font-size: 14px}
	
	.contact_visual {margin: 130px 20px 0; height: 350px}
/* 	.main_visual {margin: 130px 20px 0; height: 400px} */
	.main_visual {margin: 0; height: 100vh}
	.main_about {margin:0; top:18%}
	.main_tit dt {font-size: 22px}
	.main_tit dd {font-size: 34px; margin-top: 20px; font-weight: 700}
	.movList_wrap {margin: 70px 10px}
	
	.movList_wrap .movList li {padding: 10px;}
	.movList_wrap .movList li p {font-size: 14px; padding-top: 20px}
	.movList_wrap .movList li .btn_play {width: 36px; height: 36px; margin: -36px 0 0 -18px}
		
	.info_about {font-size: 20px; margin: 130px 0 50px}
	.txt_open {padding-top: 160px; font-size: 26px}
	.contact_about {padding: 50px 0}	
	.contact_about dt {font-size: 22px}
	.contact_about {font-size: 14px}
	
	.both_wrap .leftBox.master, .both_wrap .leftBox.amanity, .both_wrap .leftBox.about, .info_visual {height: 120vw}
	.txt_open.type {font-size: 20px}
	
	.contact_about .company {font-size: 12px;}
	.contact_about .company img {height: 13px}
	
	.map_area {padding: 50px 0}
	
	.both_wrap .copy .txt02.small {font-size: 12px; line-height: 1.8em}
	.emp_msg {opacity: .7; font-size: 10px}
	
	.contact_wrap {padding: 50px 0; margin-top: 20px}
	.contact_form .page_title {margin-bottom: 0; font-size: 20px}
	.contact_form ul.two li {width: 100%}
	.captcha_area li.txt {width:50%}
	.captcha_area li.captcha_box {width:25%}
	.captcha_area li.btn {width: 15%; text-align: center}
	
	.both_wrap .copy .key {font-size: 20px}
	.inner_wrap.type .both_wrap .leftBox,
	.both_wrap .rightBox {padding: 70px 0}
	.both_wrap .facility {padding: 0}
	.pic_work {margin: 80px 0}
	
	.btn_music {left: 20px; bottom:20px}
	
	.main_tit dd .btn_play2 {width: 36px; height: 36px; margin: -36px 0 0 -18px}
	.main_tit dd .btn_play2 {position: relative;  top:0; margin: -32px 0 0 0; display: inline-block; width: 32px; height: 32px; background: url('../images/main/btn_play.png') no-repeat center center; background-size: 100%;}
	
	.master_msg  {font-size: 12px}
	.both_wrap .copy {font-size: 14px}
	.full_wrap, .contact_visual {height: 60vw}
	.inner_wrap.type .both_wrap .leftBox, .both_wrap .rightBox{width: 100%; height: 25vw}
	.both_wrap.top .rightBox.window {height: 20vw}
	.both_wrap .leftBox.half {width: 100%;}
	.both_wrap .facility {height: 80vw}
	.full_wrap.classic {height: 80vw; background-position: left center}
	.both_wrap.amenity {margin-top: 70px}
	
	.floor_num .map_Area img {width: 80%}
	.type_area .type_info p {font-size: 14px}
	.floor_num .info {padding-top: 10px}
	.floor_num {height: auto; margin-bottom: 2px}
	.type_area .type_info {margin: 0 -2px}
	.type_area .type_info p {width: calc(100% / 2); padding: 10px 0; box-sizing: border-box; height: 65px; border: 2px solid #fff}
	.type_area .type_info p strong {font-size: 20px}
	.type_area .type_info p:before {display: none}
	.floor_num .map_Area {width: 100%}
	.floor_num .info {width: 100%; clear: both; margin-top: 20px}
	.tabBox .tabBtn li {width: calc(100% /4);}
	.type_list .bx-wrapper .bx-controls-direction a {top:75%}
	.type_list .bx-wrapper .bx-prev {left: -10px;  background-size: 20px; background-position: center center}
	.type_list .bx-wrapper .bx-next {right: -10px; background-size: 20px; background-position: center center}
	.type_area .pic img {max-width: 85%}
	.txt_bottom {text-align: center}
	.both_wrap.amenity .copy {padding: 0}
	
	#popup1 {z-index: 101 !important}
	#popup2 .popup_wrap {width: 300px; position: absolute; left: 50%; top:50%; margin: -235px 0 0 -150px}
	#popup1 {position: fixed !important; width: 100% !important; height: 100% !important; top:0; left: 0 !important; right: 0 !important; height: 100%; background:rgba(0,0,0,.5); z-index: 102 !important}
	
	
	.main_movBox {padding: 70px 0 100px}
	.main_movBox .btn_close {}
	.main_movBox .title {font-size: 16px}
	.main_movBox .title .logo {display: block;}
	.main_movBox .title .logo img {height: 16px}
	.main_movBox .title .logo {margin-left: 0px;}	
	.main_movBox .txt {font-size: 13px}
	.main_movBox .txt .logo {top:3px}
	.main_movBox .txt .logo img {height: 11px}
	.main_movBox .today_close {right: auto; left: 50%; top:auto; bottom: 30px; margin-left: -80px}
	.contact_form .page_title_tit {margin-top: 20px; font-size: 16px}
	.contact_form ul.check_confirm {text-align: center}
	.check_confirm li:last-child {margin: 0}
	.policyIn .msg .tit {font-size: 16px}
}


@media screen and (max-width: 320px) {
a.tell_area, .header.sub a.tell_area, .header.on a.tell_area, .header.sub_on a.tell_area {
    right: 10px;
    top: 23px;
    font-size: 10px;
    background-size: 14px;
    padding-left: 18px;
}