/*건설 게시판 배경css*/
.portfolio_wrap {width:100%;display:table;}
.portfolio_wrap ul {width:100%; max-width:1200px;margin:0 auto;padding:0}

/* 실내디자인 내용 css */
.designbox_wrap {
    font-size: 17px;
    color: #111111;
    width: 100%;
}
.designbox_wrap .explain {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    letter-spacing: -1px;
	text-align:center;
}

.designbox_wrap .explain_pc h3{
	font-size: 19px;
	color: #555555;
	line-height: inherit;
    font-weight: 300;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    letter-spacing: -1px;
	text-align:center;
	margin-top: 30px;
}

.designbox_wrap .explain_mo h3{
	font-size: 15px;
	color: #555555;
	line-height: inherit;
    font-weight: 300;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    letter-spacing: -1px;
	text-align:center;
	margin-top: 30px;
}

.designbox_wrap .design_box {
    display: table;
    width: 100%;
    margin: 20px 0 20px 0;
}
.designbox_wrap .design_box ul {
    padding: 0px;
    list-style: none;
}
.designbox_wrap .design_box ul li {
    float: left;
    width: 50%;
    text-align: left;
}
/*.designbox_wrap .design_box ul li:nth-child(2) {padding-left: 15px;letter-spacing: -1px;}*/
.designbox_wrap .design_box ul .busi_pc {padding-left: 15px;letter-spacing: -1px;}
.designbox_wrap .design_box ul .busi_mo {padding-left: 15px;letter-spacing: -1px;}
.designbox_wrap .design_box ul li img {
    width: 100%;
    max-width: 595px;
}
.designbox_wrap .design_box ul .img_table {
	padding-left: 15px;
	margin-top: 20px;
}
.busi_pc{display:block;}
.busi_mo{display:none;}
.designbox_wrap .design_box ul li h3 {
    font-size: 25px;
    margin-bottom: 40px;
    line-height: 1.5;
}
.designbox_wrap .design_box ul li h3 span {
    display: block;
    font-size: 17px;
    color: #cccccc;
    font-weight: 200;
    line-height: 1;
    position:relative;
	letter-spacing: 0px;
}
.designbox_wrap .design_box ul li h3 span:after {content:'';position:absolute;left:0px;bottom: -20px;width:50px;height:2px;background:#dddddd;}
.designbox_wrap h3.btitle {
    text-align: center;
    font-size: 35px;
    font-weight: 300;
	letter-spacing:-1px;
	padding-top:2%;
	line-height:136%
}

.designbox_wrap .en{
    text-align: center;
    font-size: 35px;
	letter-spacing:-1px;
	line-height:136%;
	color: #555555;
	margin-top:-6px;
}

.designbox_wrap h3.btitle span {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
	position:relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.designbox_wrap h3.btitle span:after {content:'';width:65px;height:2px;background:#dddddd;position: absolute;bottom: 0px;left: 50%;margin-left: -32.5px;}
.explain_mo {display:none;}

.designbox_wrap h3.btitle2{
    text-align: center;
    font-size: 35px;
    font-weight: 600;
	letter-spacing:-1px;
	margin-top: 0;
}

.footer_box_img {background:url(../img/common/footer_box_img.jpg) no-repeat center;background-size:cover;text-align:center;}
.footer_box_img p{color: #f5f5f5;letter-spacing: 5px;margin: 0;padding: 5% 0% 0;font-size:18px;}
.footer_box_img h3{color:#fff;font-size:35px;font-weight:bold;margin:0;padding:10px 0% 5%;}

@media screen and (min-width:1201px){
#db_wrap02{ background:url(../img/common/db_bg.png) no-repeat center 0; width:100%;position:fixed;bottom:-1px;z-index:9999999999;overflow:hidden; opacity:0.98;}
#db_wrap02 .db input[type="text"] {background: #fff;width:70%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db input[type="number"] {background: #fff;width:75%;border: 1px solid #ddd;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db select {background: #fff;width:70%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
#db_wrap02 .db { position: relative;  width: 1200px; margin: 0 auto; overflow:hidden;*padding: 10px 0px;}
#db_wrap02 .db ul {position:relative;display:inline-block;margin:0;float:left;}
#db_wrap02 .db li{position:relative;overflow:hidden;padding:21px 0px;width:310px;float:left;}
#db_wrap02 .db_box {margin-left: 134px;float:left;position: relative;overflow: hidden; display:inline-block;}
#db_wrap02 .db_btn {*float:right;margin:0 auto;text-align:center;padding:21px 0px 0 65px;}
#db_wrap02 .kakao_ft{float:right;margin:0;padding:21px 0px 0}

#db_wrap02 .db_agree{font-size: 12px;color:#f5f5f5;display: inline-block;padding: 40px 0px 0 0px;}
#db_wrap02 .db_agree .checkbox{display:inline-block;}
#db_wrap02 .db_agree a {color:#f5f5f5;}
.db_tel{display:inline-block;float:left;}
.db li{position:relative;overflow:hidden;margin:6px 0 7px;width:50%;float:left;}
.db li label{width: 65px;display: inline-block;font-size: 20px;font-weight: bold;color: #fff;vertical-align: middle;}
.db li label img{vertical-align:middle;}
.checkbox{width:15px; height:15px; bordeR:1px solid #018097;vertical-align:-5px}
.popon{color:#f5f5f5; font-weight:300; font-size:12px;letter-spacing:-0.02em; display:block;}

.popoff{ background:#252525; position:absolute; right:0; top:0; padding:15px; text-align:center;}
.popoff img{opacity:0.2}
.contbox{display:none; position: fixed;font-weight: 300;width: 1200px;height: 416px; background: #fff; overflow-y: scroll; bordeR: 10px solid #aaa; top:354px; text-align: left;}
.contbox h3{font-size:20px; margin:50px 30px 10px; font-weight:500; color:#000}
.contbox p{margin:20px 30px 0px 30px; color:#888888; line-height:21px;font-size:14px;color:#3a3a3a; font-weight:400;}
.contbox dl{padding:20px 20px;}
.contbox dl dt{color:#000; font-weight:bold; padding:8px 15px;font-size:15px; background:#f0f0f0;  font-weight:500;}
.contbox dl dd{font-size:13px; color:#515151; line-height:21px;padding:13px 15px 15px;font-weight:400;}
}

@media screen and (max-width:1200px){
	.designbox_wrap {font-size:15px;}

	#db_wrap02{ background:#e4f7f6;opacity:0.95; width:100%;position:fixed;bottom:-1px;z-index:9999999999;overflow:hidden;}
	#db_wrap02 .db input[type="text"] {background: #fff;width:70%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
	#db_wrap02 .db input[type="number"] {background: #fff;width:75%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
	#db_wrap02 .db select {background: #fff;width:70%;border: 1px solid #111;color: #333;font-size: 13px;padding: 15px 7px;border-radius: 3px;box-sizing: border-box;}
	#db_wrap02 .db { position: relative;  width: 100%; margin: 0 auto; overflow:hidden;*padding: 10px 0px;}
	#db_wrap02 .db ul {padding:5px;position:relative;display:inline-block;margin:0;float:left;}
	#db_wrap02 .db li{position:relative;overflow:hidden;padding:21px 0px;width:310px;float:left;}
	#db_wrap02 .db_box {margin:0px;float:left;position: relative;overflow: hidden; display:inline-block;}
	#db_wrap02 .db_btn {*float:right;margin:0 auto;text-align:center;padding:21px 0px 0}
	#db_wrap02 .kakao_ft{float:right;margin:0;padding:21px 0px 0}
	#db_wrap02 .db_agree{font-size: 12px;color:#333;display: inline-block;padding: 40px 0px 0 0px;}
	#db_wrap02 .db_agree .checkbox{display:inline-block;}
	#db_wrap02 .db_agree a {color:#333;}
	.db_tel{display:inline-block;float:left;background:#fff;padding:0 1%;}
	.db li{position:relative;overflow:hidden;margin:6px 0 7px;width:50%;float:left;}
	.db li label{width: 65px;display: inline-block;font-size: 20px;font-weight: bold;color: #333;vertical-align: middle;}
	.db li label img{vertical-align:middle;}
	.checkbox{width:15px; height:15px; bordeR:1px solid #018097;vertical-align:-5px}
	.popon{color:#333; font-weight:300; font-size:12px;letter-spacing:-0.02em; display:block;}

	.popoff{ background:#252525; position:absolute; right:0; top:0; padding:15px; text-align:center;}
	.popoff img{opacity:0.2}
	.contbox{display:none; position: fixed;font-weight: 300;width:100%;height: 416px; background: #fff; overflow-y: scroll; bordeR: 10px solid #232798; top:354px; text-align: left;}
	.contbox h3{font-size:20px; margin:50px 30px 10px; font-weight:500; color:#000}
	.contbox p{margin:20px 30px 0px 30px; color:#888888; line-height:21px;font-size:14px;color:#3a3a3a; font-weight:400;}
	.contbox dl{padding:20px 20px;}
	.contbox dl dt{color:#000; font-weight:bold; padding:8px 15px;font-size:15px; background:#f0f0f0;  font-weight:500;}
	.contbox dl dd{font-size:13px; color:#515151; line-height:21px;padding:13px 15px 15px;font-weight:400;}
}
@media screen and (min-width:1001px){
	
	.quick_m {display:none;}
}
@media screen and (max-width:1000px){
	.quick{display:none;}
	#db_wrap02 {display:none !important;}
	.quick_m {position:fixed;bottom:0;width:100%; background-color: #ffffff; background-color: rgba( 233, 233, 233, 0.7 );display:block;z-index:999999999999;}
	.quick_m ul{position:relative;overflow:hidden;padding: 3%;margin:0;}
	.quick_m ul li{width:33%;margin:0 auto;float:left;border-radius:5px;list-style:none;text-align:center;padding:2% 3%;}
	.quick_m ul li a {text-decoration:none;color:#fff;text-align:center;font-size:0.8em;font-weight:500;letter-spacing:-0.05em;padding:1% 3%;}
	.quick_m ul li:first-child{background:#99ca3b;margin-right:0.5%;}
	.quick_m ul li:nth-child(2){background:#3854af;margin-right:0.5%;}
	.quick_m ul li:last-child{background:#fae100;color:#3c1d1e;}
	.quick_m ul li:last-child a{color:#3c1d1e;}
}
@media screen and (max-width:1050px){
	.designbox_wrap {font-size:14px;}
	.designbox_wrap .design_box ul li h3 {margin-bottom:30px;}
}
@media screen and (max-width:1000px){
	.designbox_wrap h3.btitle {font-size:30px;}
	.designbox_wrap h3.btitle span {font-size:18px;}
}
@media screen and (max-width:850px){
	.designbox_wrap h3.btitle {font-size:25px;}
	.designbox_wrap h3.btitle span {font-size:16px;}
}
@media screen and (max-width:1000px){
	.designbox_wrap .en {font-size:30px;}
	.designbox_wrap .en span {font-size:18px;}
}
@media screen and (max-width:850px){
	.designbox_wrap .en {font-size:25px;}
	.designbox_wrap .en span {font-size:16px;}
}
@media screen and (max-width:750px){
	.designbox_wrap .design_box ul li {width:100%;}
	.designbox_wrap .design_box ul li:nth-child(1) {text-align:center;}
	.designbox_wrap .design_box ul .busi_pc {display:none !important; padding-left:0px;}
	.designbox_wrap .design_box ul .busi_mo {display:block !important; padding-left:0px;}
	.designbox_wrap .design_box ul .img_table {display:block !important; padding-left:0px;}
	.footer_box_img p {letter-spacing:2px;font-size:0.8em;padding-top:10%}
	.footer_box_img h3 {font-size:1.5em;padding-bottom:10%;}
}
@media screen and (max-width:600px){
	.designbox_wrap .design_box {font-size:13px;}
	.designbox_wrap .design_box ul li h3 {font-size:20px;}
	.designbox_wrap .design_box ul li h3 span {font-size:14px;}
}
@media screen and (max-width:500px){
	.designbox_wrap h3.btitle {font-size:22px;}
	.designbox_wrap h3.btitle2 {font-size:22px;}
	.designbox_wrap h3.btitle span {font-size:14px;}
	.explain_pc {display:none;}
	.explain_mo {display:block;}
	.designbox_wrap {font-size:13px;}
	.designbox_wrap .design_box {font-size:12px;}
	.designbox_wrap .design_box ul li h3 {font-size:18px;}
	.designbox_wrap .design_box ul li h3 span {font-size:13px;}
}

.visual-wrap .visual {overflow:hidden;height: 850px;}
.visual-wrap  video{height: 100%;object-fit: cover;width: 100%;background: #000;opacity: 0.8;}

@media (max-width:1200px){
	.visual-wrap .visual{height:700px;}
	
}

@media (max-width:768px){
	.visual-wrap .visual{height: 500px;}
	
}

/*이븐소개*/
.even_wrap .explain{color:#a6a6a6;font-size:20px;font-weight:300;}
.even_wrap .even_title{font-size:35px;font-weight:200;text-align:center;letter-spacing:-0.05em;}
.even_wrap .even_title span{font-weight:bold;}
.even_wrap .tit_pc{display:block;}
.even_wrap .tit_pc h3{color:#555555;font-size:35px;font-weight:200;text-align:center;letter-spacing:-0.05em;margin-top: 3px;}
.even_wrap .tit_mo{display:none;}
.even_wrap .tit_mo h3{color:#555555;font-size:22px;font-weight:200;text-align:center;letter-spacing:-0.05em;margin-top: 3px;}

.even_wrap .even_img{padding:2% 0% 5%;}
.even_wrap .even_img2{padding:5% 0% 5%;}
.even_wrap .even_img3{padding:3% 0% 0%;}
.even_wrap .even_btxt{text-align:center;letter-spacing:-0.05em;}
.even_wrap .even_btxt_pc{text-align:center;letter-spacing:-0.05em;}
.even_wrap .even_btxt_mo{display:none;text-align:center;letter-spacing:-0.05em;}
.even_wrap .line{border: 1px solid #ddd;width: 60px;text-align: center;margin:1% auto;}
.even_wrap .map_lo{width:100%}
.even_wrap .map_area { font-size: 16px; letter-spacing:-0.05em;color: #111111; line-height: 1.7;}
.even_wrap .map_area h3 { font-size: 20px;font-weight: 600;}
.even_wrap .map_img{padding-bottom:0.5%;}
.even_wrap .youtube {position:relative;overflow:hidden;list-style:none;padding:0}
.even_wrap .youtube li{float:left;width:49%;margin-right:1%;margin-bottom:4%;margin-top:2%;}
.even_wrap .youtube li:last-child{margin-right:0;}
.even_wrap .even_pr{border:1px solid #ddd;background:#f5f5f5;text-align:center;letter-spacing:-0.05em;padding:2% 1%;margin-top:3%;margin-bottom:3%;}
.even_wrap .cntPrivacy02 {margin-bottom:3%;font-size:15px;letter-spacing:-0.05em;}
.cntPrivacy02 dt { padding: 7px 0; font-weight: 600; border-top: 1px solid #111; border-bottom: 1px solid #d1d1d1;}
.cntPrivacy02 dd { padding: 27px 0 0 0;}
.cntNote05 li {list-style:none; padding: 0 0 0 10px; margin: 4px 0 0 5px; background: url(../img/sub/pr_bullet.jpg) no-repeat 0 10px;}
.cntNote05 {padding-left:10px;}

.even_slider {margin-bottom:4%;margin-top:2%;}

.img_pc{display:block;}
.img_mo{display:none;}

.add_title {position:relative;overflow:hidden;border:1px solid #ddd;}
.add_title .title{background:#111;color:#fff;float:left;padding:20px 80px;}
.add_title .txt{display:inline-block;padding:20px 50px 20px 10px;}

.quick {position: fixed;right: 0;top: 50%;width: 96px;z-index: 10;transform: translate(0px, -50%);}
.quick a {display: flex;width: 100%;height: 110px;justify-content: center;align-items: center;flex-wrap: wrap;font-size: 18px;letter-spacing: -2px;align-content: center;text-align: center;}
.quick a:nth-child(1) {background: #f8e500;border-radius: 10px 0 0 0;color: #3c1b1b;font-weight: 500;}
.quick a:nth-child(2) {background: #2955a7;border-radius: 0 0 0 10px;color: #fff;}
.quick a p{margin:0;line-height: 1.1;margin-top: 5px;}
.quick a:hover{text-decoration: none;}
.quick a p span{display:inline-block;width:100%;font-size: 16px;color: #ccff6c;}