/* mainvisual */
#mainvisual{width:100%; height:38.282vw; position:relative}
#mainvisual .swiper-slide{position:relative;background-repeat:no-repeat; background-position:center; background-size:120%; transition:3000ms background-size; }
#mainvisual .swiper-slide:nth-child(1){background-image:url('../img/mainvisual01.jpg')}
#mainvisual .swiper-slide:nth-child(2){background-image:url('../img/mainvisual02.jpg')}
#mainvisual .swiper-slide:nth-child(3){background-image:url('../img/mainvisual03_240729.jpg')}
#mainvisual .swiper-slide:nth-child(4){background-image:url('../img/mainvisual04.jpg')}
#mainvisual .swiper-slide:nth-child(5){background-image:url('../img/mainvisual05.jpg')}
#mainvisual .swiper-slide.swiper-slide-active{background-size:102%}
#mainvisual .swiper-slide .slide-wrap{display:flex; justify-content: center; align-items: center; text-align:center; color:#fff; width:100%; height:100%; text-shadow: 2px 2px 3px rgba(0, 0, 0, .3); position:relative;}
#mainvisual .swiper-slide .slide-txt h2{font-size:48px;}
#mainvisual .swiper-slide .slide-txt p{font-size:32px; margin-bottom:30px}
#mainvisual .swiper-button-next, #mainvisual .swiper-button-prev{color:#fff}
/* #mainvisual .swiper-pagination{bottom:20px}
#mainvisual .swiper-pagination-bullet{width:12px; height:12px; background-color:#fff; opacity: .5}
#mainvisual .swiper-pagination-bullet-active{opacity: 1} */

.videoIframeWrap{background:url('../img/main_bg_img.png')no-repeat center top / cover;}
.videoIframeWrap .videoIframeBox{position: relative;width: 100% !important;height: 0;padding-top: 56.25%}
.videoIframeWrap .videoIframeBox .videoIframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.scroll-bar {animation: updown .8s linear 0s infinite alternate;position:absolute; bottom:30px}
@keyframes updown {
	0% {bottom: 20px;}
	100% {bottom: 30px;}
}
.scroll-bar{display:inline-block; opacity:.5; text-align:center; width:40px; left:0; right:0;  margin:auto; font-size:11px}
.scroll-bar img{width:30px; display:block; margin:0 auto}

.section_inner{width:90%; max-width:1300px; margin:0 auto; /*margin-top:30px; opacity: 0*/}
#main .section_title{font-size:24px; text-align:left; margin-bottom:20px}
#container section{padding:80px 0}

/* search_box */
#container section#search_box{padding-bottom:0}
#search_box .select_wrap{width:19%; margin-right:0.5%}
#search_box .select_wrap:nth-child(5){width: calc(21.5% - 85px)}
#search_box .btn_search{background-color: #2b5ea1; width:auto; height:40px; border:0; color:#fff; font-size:14px; padding:0; width:83px}
#search_box .btn_search img {filter: invert(); margin:-3px 3px 0 0}
#search_box.search_box_design .select_wrap{width:13.857%;}
/*#search_box.search_box_design .select_wrap:nth-child(5){width:19.6%;}*/



/*#container section#searched_property{padding:0 0 80px 0; margin-top:0}*/
#container section#searched_property{padding:0 0 0 0; margin-top:0}
#container section#sort_nation{padding:10px 0 30px 0}

/* banner1 */
#banner1{background:url(../img/bg_banner1.jpg) no-repeat center center; position:relative; text-align:center; padding:60px 0 40px}
#banner1 h6{color:#fff; font-size:24px; font-family: 'Noto Sans KR'}
#banner1 h4{color:#fff; font-size:48px; font-family: 'Noto Sans KR'}
#banner1 .icon_arrow{width:50px; margin-top:20px; opacity: .7}

/* feature */
.feature .section_content{position:relative; padding:50px 0}
.feature .section_content:after{display:block; content:''; clear:both}
.feature .section_content .img_feature{float:right}
.feature .section_content dl{float:left}
.feature dl dt{font-size:38px; font-family: 'Noto Sans KR'}
.feature dl dd{font-size:16px; color:#666666; font-family: 'Noto Sans KR'; margin-top:20px}
.feature dl dd.btn_wrap a{font-size:14px; color:#000; border:1px solid #E5E5E5; border-radius:10px; padding:5px 10px; background-color:#fff; box-shadow:0 2px 3px rgba(0, 0, 0, .16); height:auto; line-height:inherit;}
.feature dl dd.btn_wrap a .icon_arrow{margin: -3px 0 0 15px}

/* popular_property */
#main #popular_property .section_title{width: 90%; max-width: 1300px; margin: 0 auto 20px}
#popular_property .section_inner{width:100%; max-width:none;}
.property_slide {width:100%; overflow:hidden; padding-bottom:90px; position:relative;}
#popular_property .swiper-wrapper{height:auto}
#popular_property .swiper-slide{overflow:hidden; display:flex; justify-content: center; align-items: center}
#popular_property .swiper-slide .card_inner > img{width:auto; height:100%; margin:0 auto; display:flex; transition:500ms all}
#popular_property .swiper-slide:hover .card_inner > img{height:100%}
.slide_btns{position:absolute; bottom:0; right:0;left:0; width:1300px; margin:0 auto;}
.slide_btns .swiper-button-next,
.slide_btns .swiper-button-prev{position:static; float:right; width:50px; height:50px; border:1px solid #000; border-radius:50%; margin-left:10px; }
.slide_btns .swiper-button-prev{transform:rotate(180deg)}
.slide_btns .swiper-button-next:after,
.slide_btns .swiper-button-prev:after{color:#000; content:''; background:url('../img/arrow_right2.svg'); background-repeat: no-repeat; background-position: center; background-size:auto 23px; width:12px; height:23px}


	/** flip card **/

	.card{
	  width:100%;
	  height:100%;
	  position:absolute;
	  transform-style :preserve-3d;
	  transition :transform 0.5s;
	  cursor :pointer;
		display:block; border:0}

	.card_inner{
	    position :absolute;
	    width :100%;
	    height :100%;
	    backface-visibility :hidden;
	    border-radius: 6px;
	    background :#fff;
	    display: flex;
	    justify-content :center;
	    align-items :center;
	    color: #47525D}

  .back{transform :rotateY(180deg)}

  .flipped, .flipped > img {transform:rotateY(180deg)}
	.card_inner dl{z-index: 2; position:absolute;left:0;bottom:0;text-align:left}
	.card_inner dl dt{color:#000; text-align:left; font-weight:normal; font-family: 'Noto Sans KR'}
	.card_inner dl dd .price_num{font-size:19px;font-weight:700;color:#000;}
	.card_inner.front dl{  width:100%; padding:20px; background-color:rgba(255, 255, 255, .6); margin-bottom:0}
	.card_inner.front dl dd{margin-top:15px}
	.card_inner.front dl dd:after{display:block; content:''; clear:both}
	.card_inner.front dl dd .float-right img{max-width: 160px}
	.card_inner.front dl .property_location{font-size:14px; display:inline-block; vertical-align: bottom; margin-top:10px; color:#000}
	.card_inner.back dl{  width:calc(100% - 20px);  height:calc(100% - 20px); left:10px; top:10px; padding:20px !important; background-color:rgba(255, 255, 255, .9);}
	.card_inner.back dl dt{background-color:rgba(221, 221, 221, .4); border:1px solid #ddd; text-align:center; padding:5px 0; margin-bottom:10px}
	.card_inner.back dl dd table{border : solid 1px #888;  border-width:1px 0; width:100%}
	.card_inner.back dl dd table th,
	.card_inner.back dl dd table td{text-align:left; font-size:14px; padding:7px 10px; border-bottom:1px solid rgba(205, 205, 205, .5);}
	.card_inner.back dl dd table th{font-weight:normal;font-family: 'Noto Sans KR' background-color:rgba(205, 205, 205, .3);}
	.card_inner.back dl dd table td{}
	.card_inner.back dl dd table td:hover{background-color:transparent}


	/* banner2 */
	#banner2{background:url(../img/bg_banner2.jpg) no-repeat center center; position:relative; text-align:center; padding:60px 0 40px}
	#banner2 h6{color:#fff; font-size:24px; font-family: 'Noto Sans KR' line-height:2}
	#banner2 .btn_go_login{width:200px; height:45px; line-height:45px; border:1px solid #ddd; color:#fff; font-size:16px; margin-top:10px}


	/* news */
	#news .section_inner .news_slide{overflow:hidden; position:relative; padding-bottom:70px}
	#news .section_inner .news_slide .swiper-wrapper{height:auto}
	.news_slide .swiper-slide{height:auto}
	.news_slide .swiper-slide dl{box-shadow:2px 2px 3px rgba(0, 0, 0, .1); border:1px solid #e5e5e5}
	.news_slide .swiper-slide dt{height:240px; overflow:hidden; background-color:#f8f8f8; text-align:center}
	.news_slide .swiper-slide dt img{max-width:100%; margin:0 auto}
	.news_slide .swiper-slide dd{padding:15px;background:#fff;}
	.news_slide .swiper-slide dd h6{font-size:17px; font-family: 'Noto Sans KR' color:#1F3A87}
	.news_slide .swiper-slide dd p{font-size:14px;
			height: 40px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    word-wrap: break-word;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    -webkit-line-clamp: 2;
	    max-width: 100%;
			margin-bottom:0
		}

	/* notice */
	.notice_tabmenus{display:inline-block; width:200px; float:left; margin-top:-10px}
	.notice_tabmenus .notice_tabmenu{font-size:24px; text-align:center; font-family: 'Noto Sans KR'; color:#A59F9F; cursor:pointer}
	.tab_notice{border-bottom:1px solid #A59F9F; margin-bottom:10px; padding-bottom:10px}
	.notice_tabmenus .notice_tabmenu.on{color:#000}
	.notice_tabs{display:inline-block; width:calc(100% - 230px); padding-left:80px}
	.notice_tabs ul {margin-bottom:0}
	.notice_tabs ul li{position:relative;display:inline-block; padding-left:10px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; margin-bottom:10px}
	.notice_tabs ul li:before{position:absolute; display:block; content:''; width:2px; height:2px; background-color:#000; position:absolute; top:0; bottom:0; left:0; margin:auto}
	.notice_tabs ul li a{font-weight:normal; display:inline-block; padding-bottom:2px;text-overflow: ellipsis; overflow: hidden; max-width: 100%; text-overflow: ellipsis; max-width: 100%;}


	/* location */
	#container section#location{padding:0}
	#container section#location:after{display:block; content:''; clear:both}
	#location .section_inner{width:100%; max-width:none;}
	.comp_info{height:320px; background:url(../img/bg_location.jpg) no-repeat center center;width:40%; padding:80px 0 80px 18%}
	.comp_info h5{font-size:30px;color:#fff;font-family: 'Noto Sans KR'margin-bottom:30px }
	.comp_info ul li{font-size:16px; color:#fff; margin-bottom:10px}
	.comp_info ul li img{width:25px; margin-right:5px}
	.map_area{width:60%; height:320px;}
	.map_area .root_daum_roughmap{width:100%}
	.map_area .root_daum_roughmap .wrap_map{height:calc(100% - 32px)}

	@media (max-width:1441px) {
	  .comp_info{padding-left:9%}
		#mainvisual .swiper-slide{max-width:100%}
		.swiper-slide .card_inner.back dl dd .property_detail_list th,
		.swiper-slide .card_inner.back dl dd .property_detail_list td,
		.swiper-slide .card_inner.back dl dd .property_detail_list td,
		.swiper-slide .card_inner.back dl dd .property_detail_list th{padding:5px; font-size:12px; font-weight:normal}
		.property_detail_list colgroup col:nth-child(1),
		.property_detail_list colgroup col:nth-child(3),
		.property_detail_list2 colgroup col:nth-child(1),
		.property_detail_list2 colgroup col:nth-child(3){width:80px;}
		.property_detail_list colgroup col:nth-child(2),
		.property_detail_list colgroup col:nth-child(4),
		.property_detail_list2 colgroup col:nth-child(2),
		.property_detail_list2 colgroup col:nth-child(4){width:calc(50% - 80px)}
		.news_slide .swiper-slide dt{height:auto}
	}
	@media (max-width:1370px) {
	  #mainvisual .swiper-slide .slide-txt h2,
		#banner1 h4{font-size:36px}
		#mainvisual .swiper-slide .slide-txt p{font-size:24px}
		#banner1 h6{font-size:20px}
		#banner1 .icon_arrow {width: 32px; opacity: .9}
		#container section.banner{padding:50px 0;}
		#container section.feature .section_inner{max-width:1000px}
		.feature dl dd{font-size:18px}
		.slide_btns{width:90%; max-width:1200px}
		.news_slide .slide_btns{width:100%}
		.notice_tabmenus{width:160px}
		.notice_tabmenus .notice_tabmenu{font-size:20px}
		.section_inner{max-width:1000px}
		/* .card_inner.back dl dt{padding:0; border:0; margin:0 0 5px 0; background-color:transparent; font-size:16px} */
		.card_inner.back dl dd table th, .card_inner.back dl dd table td{font-size:12px}
	}

	@media (max-width:1281px) {

	}
	@media (max-width:1200px) {
		.card_inner.front dl{padding:15px}

	}
	@media (max-width:1025px) {
		.feature .section_content .img_feature{width:55%}
		.feature dl dt{font-size:32px}
		.feature dl dd {font-size: 16px; margin-top: 10px}
		.card_inner.front dl{padding:8px}
		.card_inner.front dl dt {font-size: 16px}
		.card_inner.front dl dd{margin-top:0}
		.card_inner.front dl dd .float-right img{max-width:100px; margin-top:5px}
		#banner2 h6 {font-size: 20px; line-height: 1.4}
		#banner2 .btn_go_login {width: 160px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 10px}
		.news_slide .swiper-slide dt{height:190px}
		.comp_info{padding-left:5%}
		.scroll-bar{display:none}
		#container section{padding:50px 0}

		/*#search_box .select_wrap:nth-child(5) {width: calc(21.5% - 66px)}*/
		#search_box .select_wrap select{font-size:13px}
		#search_box .btn_search{height:40px;font-size:12px; width:65px}
		#search_box .btn_search img {width:12px}
	}

	@media (max-width:812px) {
		#mainvisual .swiper-slide .slide-txt h2, #banner1 h4, .feature dl dt{font-size: 26px}
		#mainvisual .swiper-slide .slide-txt p {font-size: 17px}
		#mainvisual .swiper-button-next:after,
		#mainvisual .swiper-button-prev:after{font-size:20px}
		#container section {padding: 50px 0}
		#main .section_title {font-size: 20px; margin-bottom: 10px}		
		.notice_tabmenus{width:100px}
		.notice_tabs {width: calc(100% - 100px); padding-left: 30px}
		.notice_tabmenus .notice_tabmenu,
		.comp_info h5{font-size: 20px; margin-bottom:15px}
		.comp_info {height: 200px;  width: 45%; padding: 30px 0 30px 5%}
		.map_area{width:55%; height:200px}
		.card_inner.back dl{padding:8px !important}
		ul#property_list li{width:49.5%; margin-right:1%; float:left;}
		ul#property_list li:nth-child(3n){margin-right:1%}
		ul#property_list li:nth-child(2n){margin-right:0}

		#search_box .btn_search img {display:none}
	}
	@media (max-width:768px) {
		#container section#location{padding:50px 0 0}
		.map_area{width:100%; height:250px; float:none !important;}
		.comp_info{width:100%; float:none !important; padding:0; background-image:none; height:auto; text-align:center}
		.comp_info h5{color:#000}
		.comp_info ul li{display:inline-block; color:#000}
		#main .section_title, .comp_info h5{font-size:17px;font-family: 'Noto Sans KR'}
		.comp_info{display:block; width:90%; margin:0 auto; text-align:left}

		#container section.banner{padding:30px 0}
		#banner2 h6{font-size:18px}
		#search_box .btn_search{height:35px}

		#search_box .select_wrap {width: 32.5%; margin-right:1%}
		#search_box .select_wrap:nth-child(-n+6){margin-bottom:5px}
		#search_box .select_wrap:nth-child(3n) {margin-right:0}
		#search_box .select_wrap:nth-child(5n) {width: 32.5%;}

		#search_box.search_box_design .select_wrap{width:32.5%;}
		#search_box.search_box_design .select_wrap:nth-child(5){width:32.5%;}

	}

	@media (max-width:640px) {
		#mainvisual{width:100%; height:120vw}
		#mainvisual .swiper-slide{width:100%; height:100%}
		#mainvisual .swiper-slide:nth-child(1){background-image:url('../img/m_mainvisual01.jpg')}
		#mainvisual .swiper-slide:nth-child(2){background-image:url('../img/m_mainvisual02.jpg')}
		#mainvisual .swiper-slide:nth-child(3){background-image:url('../img/m_mainvisual03.jpg')}
		#mainvisual .swiper-slide:nth-child(4){background-image:url('../img/m_mainvisual04.jpg')}
		#mainvisual .swiper-slide:nth-child(5){background-image:url('../img/m_mainvisual05.jpg')}
		#mainvisual .swiper-slide .slide-wrap{width:80%; margin:0 auto}

		.videoIframeWrap{background:none;}

		#searched_property{margin-top:0;}
		ul#property_list li{width:100%; margin-right:0}
		ul#property_list li dl{padding:8px; }
		ul#property_list li img{width:100%}
		ul#property_list li dl dd {position: static; margin-bottom: 0;}
		ul#property_list li dl dt p{font-size:16px;bottom:5px;}
		ul#property_list li dl dt h5,
		.card_inner.front dl dt h5{font-size:14px; font-family: 'Noto Sans KR'; line-height:1.4}

		#banner1 h6{font-size:16px}
		#mainvisual .swiper-slide .slide-txt h2, #banner1 h4{font-size:22px}
		#banner1 .icon_arrow{margin-top:10px}
		.feature .section_content{padding:0}
		.feature .section_content .img_feature,
		.feature .section_content dl{width:100%; float:none; margin-bottom:0}
		.feature dl br{display:none}
		.feature dl dt{width:100%; text-align:center; margin:20px auto 10px}
		#popular_property .section_inner{width:90%}
		#main #popular_property .section_title{width:100%}
		.feature dl dd{width:100%; text-align:center}
		.feature dl dt{font-size:18px}
		.feature dl dd{font-size:14px}
		.news_slide .swiper-slide dt{height:auto}
		.news_slide .swiper-slide dt img{width:100%}
		.news_slide .swiper-slide dd h6{font-size:14px; font-family: 'Noto Sans KR'}
		.news_slide .swiper-slide dd p{font-size:13px}
		.property_slide{padding-bottom:50px}
		#news .section_inner .news_slide{padding-bottom:35px}
		.slide_btns, .news_slide_btns{width:100%}
		.slide_btns .swiper-button-next, .slide_btns .swiper-button-prev{width:35px; height:35px}
		.slide_btns .swiper-button-next:after, .slide_btns .swiper-button-prev:after{background-size:auto 20px}
		.notice_tabmenus{margin:0; width:100%}
		.tab_notice{border-bottom:0; padding-right:10px; position:relative;}
		.notice_tabmenus .notice_tabmenu{font-size: 17px; font-family: 'Noto Sans KR'; display:inline-block; padding-bottom:0; font-weight:bolder}
		.tab_notice:after{display:block; content:''; width:1px; height:13px; background-color:#ccc; position:absolute; top:0; bottom:0; right:3px; margin:auto;}
		.notice_tabs{padding:0; width:100%}
		.notice_tabmenus ul{margin:0}
		.notice_tabs ul li:last-child{margin-bottom:0}
		.notice_tabs ul li{font-size:14px;; margin-bottom:0}
		.card_inner.front dl .property_location{font-size:12px; margin-bottom:0}
		.card_inner.front dl dd{margin-bottom:0;}
		.card_inner.front dl dd .float-right{display:none}
		.card_inner dl dd .price_num{position:absolute;right:15px;bottom:5px;}


	}

	@media (max-width:414px){
		.card_inner.front dl dd .float-right img{display:none}
		.news_slide .swiper-slide dl{width:calc(100% - 3px)}
		.notice_tabs ul li a{font-size:13px}
		.comp_info ul li{font-size:14px}
		.comp_info ul li img {border: 1px solid #1f3a87; border-radius: 25px}
		.ft_info li{font-size:12px}
		.ft_info li:nth-child(1){font-size:13px}
		.ft_logo{height:50px; display:block; }
		.comp_info ul li{font-size:12px}

	}
	@media (max-width:360px){
		#container section{padding:30px 0;}
		#container section#location{padding-top:30px}

		#search_box .select_wrap:nth-child(n) {width:49%; margin-right:1%}
		#search_box .select_wrap:nth-child(2n) {margin-right:0}
		#search_box .select_wrap select{font-size:12px}

		#search_box.search_box_design .select_wrap{width:49%;}
		#search_box.search_box_design .select_wrap:nth-child(5){width:49%;}
	}
	@media (max-width:340px){
		#mainvisual .swiper-slide .slide-txt h2, #banner1 h4{font-size:18px}
		#mainvisual .swiper-slide .slide-txt p {font-size: 14px; width: 90%; margin: 0 auto}
		.card_inner.front dl dt h5,
		ul#property_list li dl dt h5{font-family: 'Noto Sans KR'}
		.card_inner.front dl dd{text-align:left}
		#banner2 h6{font-size:14px}
	}
	@media (max-width:320px){


	}