/*메인---------------------------------------------------------*/
.index section {/*margin-top: 0;*/ overflow: hidden;}
.main>.container {min-height: calc(100vh - 850px);}
/*.main_banner {width: 100%; height: 600px; }*/
.main_banner {width: 100%; height: calc(100vh - 179px); }

.main_slider  {width: 100%; height: 100%; background: #f3f3f3;}
.main_banner .swiper-slide {position: relative; }
.main_banner .swiper-slide img{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%; /*height:100%;*/}
.main_banner .swiper-slide img.pc_none{height:100%;width:auto;}
.main .container{padding: 80px 0 119px; }
.need {width: 100%; height: 641px; background: #E6E6E6; margin-bottom: 67px;}
.main .img_list {margin-top: 67px; height: 446px;}
.main .img_list li a {width: 100%; }
.main .img_list li .img_box {height: 0; padding-bottom: 100%; width: 100%;}
.main .img_list li {width: 215px; height: 215px; position: relative; margin-right: 16px; margin-bottom: 16px; }
.main .img_list li:nth-child(4) , .main .img_list li:nth-child(7) {margin-right: 0;}
.main .img_list li img {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%;}
.main .img_list li:first-child {width: 446px; height: 100%; }
.main .img_list li:first-child .text_box {padding: 30px; }
.main .img_list li:first-child .text_box p {font-size: 18px; position: absolute; bottom: 30px; padding-right: 30px;}
.main .img_list li .text_box {position: absolute; bottom: 0; width: 100%; height: 30%; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0) ); padding: 14px; display: none; }
.main .img_list li .text_box p {color: #fff; font-size: 14px; position: absolute; bottom: 14px; padding-right: 14px; line-height: 1.4;}
.main .img_list li:hover .text_box {display: block;  }


/*프로젝트---------------------------------------------------*/
/*list common*/
.check_wrap li {margin-right: 10px;}
.check_wrap input[type="checkbox"] {display: none;}
.check_wrap input[type="checkbox"] + label {border: 1px solid #D6D6D6; border-radius: 4px; padding: 6px 20px; background: #fff; color: #9F9F9F; font-size: 13px; line-height: 19px; cursor: pointer; display: block;}
.check_wrap input[type="checkbox"]:checked + label {border: 1px solid #333333; background: #333; color: #fff;}
.search_box {width: 280px; position: relative; }
.search_box input {height: auto; border: 1px solid #D6D6D6; border-radius: 4px; padding: 9px 15px;}
.search_box button {position: absolute; right: 0; width: 38px; height: 100%; background: url(../img/icons/search_icon.png) center no-repeat;  background-size: 15px;}
.list_top {margin-bottom: 25px;}
.list {margin-left: -10px; margin-right: -10px; }
.list li {width: 33.333%; margin-bottom: 40px; }
.list li .card {margin: 0 5px;}
.list li .card a {width: 100%; height: 250px; margin-bottom: 12px; }
.list li .card a .label {position: absolute; width: 56px; padding: 4px 8px;  color: #fff; background: #2384A1; font-size: 14px; right: 10px; top: 10px; border-radius: 14px; text-align: center;font-weight:400;}
.list li .card p {font-size: 16px;  margin-bottom: 4px;} 
.list li .card .date {color: #9F9F9F; font-weight: normal;}
/*프로젝트 메인*/
.project .container {padding: 0 0 76px; min-height: calc(100vh - 721px);}
.project .top_banner {background: url(../img/project_banner.jpg) center no-repeat; background-size: cover;	}
.project .top_banner h1 {padding-top: 50px;}

/*프로젝트상세*/



.view_pagination {width: 100%; position: relative; left: 0; bottom: 0; padding:30px 60px; background: #fff; box-shadow: 0 -2px 15px rgba(180,180,180,0.11);/* display: none;*/}
.view_pagination>div {width: 16%; }
.view_pagination>div a {width: 100%; }
.view_pagination>div .text {max-width: 150px; margin-left: 20px; font-size: 18px; color: #606060; line-height: 24px;}
.view_pagination>div .next_arrow ,  .view_pagination>div .prev_arrow {font-size: 18px; color: #9F9F9F; line-height: 24px;}
.view_pagination>div .next_arrow {background: url(../img/icons/next_icon.png) right center no-repeat; background-size: 16px;padding-right: 28px; }
.view_pagination>div .next_arrow.on {background:  url(../img/icons/next_icon_on.png) right center no-repeat; background-size: 16px; color: #2384A1; }
.view_pagination>div .prev_arrow {background: url(../img/icons/back_icon.png) left center no-repeat; background-size: 16px;padding-left: 28px; }
.view_pagination>div .prev_arrow.on {background: url(../img/icons/back_icon_on.png) left center no-repeat; background-size: 16px; color: #2384A1; }
.view_pagination>div:nth-child(2)>a>div img {margin-left: 12px; margin-right: 0;	}
.view_pagination>div:nth-child(2)>a>* {float: right !important;}
.view_pagination>div:nth-child(2) .text {text-align: right; margin-left: 0; margin-right: 20px;}
.view_pagination .list_back_btn {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 103px; height: 40px; font-size: 16px; color: #2384A1; padding: 8px 0; border: 1px solid #2384A1; border-radius: 22px;}
.detail_nodata {text-align: left; font-size: 18px; line-height: 28px;}
.detail_nodata.right {text-align: right;}


.project_detail section {margin-top: 0;}
.project.detail .attachment {position: relative; width: 100%; height: calc(100vh - 81px); background: url(../img/sample/attachment_bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; transition:all 1s;}
.project.detail .attachment .text {width: 85%; position: absolute; top: 10%; left: 50%; transform:translateX(-50%); text-align: center;}
.project.detail .attachment .text .label {font-size: 16px; color: #fff; width: 94px; text-align: center; line-height: 24px;  padding: 6px 0 8px; border: 1px solid #fff; border-radius: 24px; margin:0 auto 20px;}
.project.detail .attachment .text h1 {font-size: 58px; line-height: 74px; color: #fff; word-break: break-word;}
.project.detail .attachment .text .date {margin-top: 110px; font-size: 16px; color: #fff; font-weight: 600;}
.project.detail .attachment .scroll {position: absolute; bottom: 50px; left: 50%; transform:translateX(-50%); text-align: center; }
.project.detail .attachment .scroll img {width: 44px; animation-name: fadeOut;  animation-duration: 0.8s; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function:  linear; }
.project.detail .attachment .scroll p {font-size: 16px; line-height: 24px; color: #fff; margin-top: 12px; }
.view {padding: 100px 0 120px;}
.view img {max-width: 100%; margin: 40px 0;}
.view_top {padding-bottom: 40px; border-bottom: 1px solid #E6E6E6;}
.view_top .img_box {width: 233px; height: 100%; min-height: 178px; margin-right: 30px;}
.view_top .text {width: calc(100% - 263px); }
.view_top .text h1 {font-size: 28px; margin-bottom: 11px; line-height: 38px; }
.view_top .text .date {font-size: 16px; color: #9F9F9F; }

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
	 50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}


/*200916 회사소개 추가-------------------------------------------*/
.intro_cont .left {width: 55%;}
.intro_cont .top {padding-bottom: 50px; border-bottom: 1px solid #EFEFEF; }
.intro_cont .top .left h2 {font-size: 28px; color: #333; font-weight: 500; line-height: 40px; }
.intro_cont .top .left h2 span {font-size: 28px; font-weight: bold; color: #2384A1; }
.intro_cont .top .left {width: calc(55% - 41px); margin-right: 41px;} 
.intro_cont .top .left p {font-size: 16px; line-height: 28px; white-space: pre-line;}
.intro_cont .top .left p:last-child {font-size: 15px; margin-top: 32px; }
.intro_cont .top .left p:last-child strong {font-size: 18px; font-weight: bold; color: #333;}
.intro_cont .right {width: 45%; height: 365px; }
.intro_cont .img_box {position: relative; width: 100%; height: 100%; }
.intro_cont .img_box img {width: 100%; }

.intro_cont .sub_title {position: relative; font-size: 24px; color: #333; padding-left: 28px; margin: 88px 0 32px;}
.intro_cont .sub_title:after {content:''; position: absolute; width: 14px; height: 3px; top: 13px; left: 0; background: #2384A1; }
.intro_cont .bottom .left {width: calc(55% - 80px); margin-right: 80px; height: 390px;}
.intro_cont .bottom .right {height: auto; }
.intro_cont .bottom .right li {padding: 28px 0 25px; border-bottom: 1px solid #E6E6E6;}
.intro_cont .bottom .right li:first-child {padding-top: 0;}
.intro_cont .bottom .right li h3 {width: 80px; font-size: 20px; color: #2384A1; }
.intro_cont .bottom .right li div {width: calc(100% - 90px); margin-left: 10px; }
.intro_cont .bottom .right li p {font-size: 16px; color: #333; margin-bottom: 10px;}
.intro_cont .bottom .right li p:last-child {margin-bottom: 0;}

/*onair--------------------------------------------------------*/
.on_air .container {padding: 0 0 76px; min-height: calc(100vh - 721px);}
.on_air .top_banner {background: url(../img/onair_banner.jpg) center no-repeat; background-size: cover;	}
/*새소식*/
.news .view {padding: 40px 0 120px;}
.news .view p{white-space:pre-line;word-break:keep-all;line-height:22px;}
/*현장밴드*/
.on_air.spot .list {margin-left: -20px; margin-right: -20px;}
.on_air.spot .list li {width:33.3333%; }
.on_air.spot .list li.disabled {opacity: 0.6;}
.on_air.spot .list li .card {margin: 0 10px;}
.new_list li{width:100%;margin-bottom:30px;padding:30px 0;border-bottom:1px solid #D6D6D6;}
.new_list li:first-of-type{padding-top:0;}
/*.new_list .img_box{width:100%;position:static;}
.new_list .img_box img{position:static;transform:none;}*/
.new_list .img_wrap{width:300px;height:200px;}
.new_list .img_box{display:block;width:100%;height:100%;}
.new_list .info_wrap{width:calc(100% - 340px);}
.new_list .info_wrap h3{font-size:18px;font-weight:600;line-height:1.4;height:2.8em;}
.new_list .info_wrap .date{text-align:right;margin-top:10px;color:#9F9F9F;}
.new_list .info_wrap .sum{margin-top:14px;overflow: hidden; text-overflow: ellipsis;white-space: normal; line-height: 1.6; height:8em;-webkit-line-clamp:5 ; -webkit-box-orient: vertical;}


.detail .container{padding:0 0 110px;}
/*분양---------------------------------------------------------------*/
.sales {background: #EFEFEF; }
.sales .container {padding: 80px 0 120px; text-align: center; min-height: calc(100vh - 277px);}
.sales.detail .container {min-height: calc(100vh - 407px);}
.sales img {max-width: 100%;}
.sales.main li{margin-bottom: 30px; }
/*.sales.main .down  {margin: auto; width: 364px; margin-top: 65px; font-size: 15px;color: #fff; text-align: center; line-height: 48px; height: 48px;background: #2384A1;border-radius: 2px;}*/
.sales.main .down  {margin: auto; width: 364px; margin-top: 15px; font-size: 15px;color: #fff; text-align: center; line-height: 48px; height: 48px;background: #2384A1;border-radius: 2px;}
.sales_inquiry .inquiry_box {position: relative; width: 100%; /*height: 602px; height:772px;*/ height:calc(100vh - 242px);}
.sales_inquiry .inquiry_box .img_box {width: 100%; height: 100%; }
.sales_inquiry .inquiry_box .img_box img {width: 100%;   min-height: 100%;  object-fit: cover;} 
.sales_inquiry .inquiry_box .text {position: absolute; /*width: 30%; height: calc(100% - 40px); */width:36%; top: 20px; right: 20px; background: rgba(255,255,255,0.77); text-align: center;}
.sales_inquiry .inquiry_box .text h3 {position: relative; font-size: 22px; color: #2384A1;/* margin-top: 45%; margin-bottom: 30%; */margin:40px 0 20px}
.sales_inquiry .inquiry_box .text h3:after {position: absolute; content:''; width: 16px; height: 2px; background: #000; bottom: -50px; left: 50%; transform:translateX(-50%);}
.sales_inquiry .inquiry_box .text p {font-size: 16px; line-height: 24px; margin-bottom: 11px; color: #333; }
.sales_inquiry .form_box{padding:20px;}
.sales_inquiry .inquiry_box .text .form_box input{margin-bottom:10px;}
.sales_inquiry .inquiry_box .text .form_box input, .sales_inquiry .inquiry_box .text .form_box textarea{font-size:14px;background:transparent;border:0;border-bottom:1px solid #333;}
.sales_inquiry .inquiry_box .text .form_box textarea{border:1px solid #333;}
.sales_inquiry .inquiry_box .text .form_box .btn{width:100%;height:40px;background:#2384A1;color:#fff;margin-top:20px;}



.sales.video .video_box {position: relative; width: 100%; height: 602px;}
.sales.video .video_box video {width: 100%; height: 100%; }
.sales.video .video_box button {position: absolute; width: 76px; height: 76px; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.sales.video .video_box button img {width: 100%; height: 100%; }
.sales.completed .list li {margin-bottom: 50px;}
.sales.completed .list li .card a {height: auto; margin-bottom: 0;}
.sales.completed .list li .img_box {height: 280px; cursor: pointer;}
/*.sales.completed .list li .img_box img {max-width:unset; }*/
.sales.completed .list li .text_box {background: #fff; padding: 20px; text-align: left; box-shadow:0 3px 6px rgba(233,233,233,0.16); }
.sales.completed .list li .text_box p {font-size: 15px; margin-bottom: 10px;}
.sales.completed .list li .text_box .down_btn {width: auto; height: auto; background: url(../img/icons/next_icon_on.png) right center no-repeat; background-size: 16px; padding-right: 25px; font-size: 15px; color: #2384A1; }
.sales.detail .down {margin-bottom: 20px;}

.sales .top_banner{margin-bottom:0px;}
.sales .container{min-height:auto;padding:30px 0 30px;}
.sales.video .container, .sales.completed .container{padding-top:70px;}

/*reference*/
.reference>.container {min-height: calc(100vh - 841px) ;}
.intro_page .container {padding: 0 0 76px; min-height: calc(100vh - 721px);}