.bottom_btn{margin-top:50px}
.bottom_btn ul li{width:16.333333%; height:50px; float: left;box-sizing: border-box; position: relative; overflow: hidden; cursor: pointer; border: 1px solid rgb(187, 187, 187);}
.bottom_btn ul li:not(:last-child){border-right:none}
.bottom_btn ul li div span{display: block; width:100%; line-height:50px; font-size: 21px; font-weight: 800;}
.bottom_btn ul li div span:nth-of-type(2){background: #f5edec;}
.bottom_btn ul li div{ transition: all .2s; position:absolute; top:-50px; max-width:950px; width:100%;}
.bottom_btn ul li div:hover{width:100%; height:50px; position:absolute; top:0px; left:0; transition: all .2s;}
.square_box{width:200px; height:200px; position: relative;}
.unit_title div{float:left;}
.title_2 ul li{float:left; border-right:1px solid gray; margin:10px 0; width:25%; box-sizing: border-box; text-align: left;}
.title_2 ul li:last-child{border-right:none}
.title_2 h2{border-bottom:1px solid #ddd; padding:10px; box-sizing: border-box; text-align: left;}
#square_box1 p{border:8px solid #e96754;  box-sizing: border-box; padding:50px}
#square_box2 p{border:8px solid #f7a233;  box-sizing: border-box; padding:50px}
#square_box3 p{border:8px solid #00b9ee;  box-sizing: border-box; padding:50px}
#square_box4 p{border:8px solid #4fbd9c;  box-sizing: border-box; padding:50px}
#square_box5 p{border:8px solid #305176;  box-sizing: border-box; padding:50px}
#square_box6 p{border:8px solid #8f4094;  box-sizing: border-box; padding:50px}
.title_2 p{text-align: left;}
.title_2 p span{margin-left:10px}
.square_box p{font-size: 50px; line-height: 40px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.square_box p span{font-size: 20px;}
/* .unit_title div:nth-of-type(1){width:210px; height:210px;} */
.unit_title div:nth-of-type(2){}
.bottom_btn > ul > li.on{position:relative; top:0px; left:0; transition: all .2s;}
.content div.unit_wrap{display: none;}
.content div.unit_wrap.on{display: block;}
img{ width:100%;}
.content ul li:nth-of-type(3) p{text-align: center;}
.content ul li:nth-of-type(3) .title_2 h2{border-bottom:none}
.content ul li:nth-of-type(3) .p_gray p{text-align: left;}
.p_gray{margin-top: 50px;}
.content ul li:nth-of-type(3) .title_2 p{margin-top:0}
.bottom_btn ul li.on div{top:0; color:white}
.premium6 { height:495px; width:950px}
.premium6 > div{float:left}
.premium6 > div:first-child{width:65%; height: 495px;}
.pre_right{width:35%; height:100%; box-sizing: border-box; background:#7f6e5a; position: relative;}
.emodel{border:5px solid white; position: absolute; left:50%; top:65%; transform: translate(-50%,-50%); width: 240px;
  height: 120px; color:white}
.emodel p{font-size: 25px; margin-top:25px}
.unit_wrap{margin-top:40px;}
.bottom_btn ul li div span:first-child{color:white}
.square_box{width:22%;}
.title_wrap{width:100%;}
.title_2{padding:0!important}
.e_call{position: absolute; left:0; bottom:0; width: 100%;}
.e_call p{text-align: center; width:100%; background: #726252; line-height: 60px}
.e_call p span{font-size: 25px; color:white; margin-left:10px}
.emodel button{background:#615443; border: none; color: white; padding:2px 15px}
.pre_right div img{width:50%;}
.premium6 div:first-child img{height:100%;}
.red2{color:#f85f4e; padding:30px 0;}
.h2_center{text-align: center!important;}
.title_2{width:72%; margin-left:25px}
.title_2 ul.clearfix li{text-align: center;}
.content ul li:nth-child(3) div div.title_2{width:100%;}
.unit_title .red1 {color: #f85f4e; font-size: 15px}
.unit_title .red1 span{color: #f85f4e}
.img2{margin-top:20px}

/* 타이틀 색변경 */
.title_2 P.red1{color:#f85f4e; margin-left:20px; margin-bottom: 0}
.title_2 p.yellow{color:#f7a233!important; font-size: 15px; margin-left:20px; margin-bottom:0}
.title_2 span.yellow{color:#f7a233!important; font-size: 15px; margin-bottom:0}
.title_2 h2.yellow{color:#f7a233}
.title_2 p.green{color:#4fbd9c!important; font-size: 15px; margin-left:20px;  margin-bottom:0}
.title_2 h2.green{color:#4fbd9c}
.title_2 span.green{color:#4fbd9c}
.title_2 p.blue{color:#00b9ee!important; font-size: 15px; margin-left:20px;  margin-bottom:0}
.title_2 h2.blue{color:#00b9ee}
.title_2 span.blue{color:#00b9ee}
.title_2 p.indigo{color:#305176!important; font-size: 15px; margin-left:20px;  margin-bottom:0}
.title_2 h2.indigo{color:#305176!important;}
.title_2 span.indigo{color:#305176!important;}
.title_2 p.purple{color:#8f4094!important; font-size: 15px; margin-left:20px;  margin-bottom:0}
.title_2 h2.purple{color:#8f4094!important;}
.title_2 span.purple{color:#8f4094!important;}


@media screen and (max-width: 1300px){
.premium6 { height:315px; width:700px; margin:0 auto}
.premium6 > div:first-child{height:315px}
.pre_right > div > img{width:40%}
.emodel{width:150px; height:70px; top:58%}
.emodel p{font-size: 18px; margin-top:8px; }
#square_box1 p{padding:25px}
#square_box2 p{padding:25px}
#square_box3 p{padding:25px}
#square_box4 p{padding:25px}
#square_box5 p{padding:25px}
#square_box6 p{padding:25px}
.title_2 ul li{font-size: 13.5px}
}

/* @media screen and (max-width: 1150px){
.title_2 h2{font-size: 30px}
.title_2 ul li{width:inherit;}
} */


@media screen and (max-width: 992px){
.bottom_btn ul li{width:33.333333%}
.bottom_btn ul li div span{width:100%;}
.bottom_btn ul li div:hover{width:100%;}
.pre_right{width:100%; }
.emodel{position: static; transform: none; border:none; height:100%;}
.call{clear:both; position: static}
.pre_right div.house_logo,.pre_right div.emodel{float:left; width:50%; height: 150px;}
.emodel p{font-size: 18px; }
.house_logo{position: relative;}
.house_logo img{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.emodel div{ width: 70%; height: 78px; margin: auto; margin-top: 29px; border:5px solid white;  margin-top:30px;}
.title_2{width:100%; margin-left:0}
.title_2 h2{text-align: center;}
.title_2 p{text-align: center;}
.red1{margin-left: 0}
.bottom_btn ul li:nth-child(3){border-right: 1px solid rgb(187, 187, 187)}
.bottom_btn{margin-top:10px}
.red2 {padding: 10px 0;}
.e_call{position: static; clear: both}
}