@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2019-02-01
******************************************************** */

/* ******************  메인 비주얼 ********************** */

@media all and ( max-width: 15000px ){

	#mo_pop { display: none; }
	#mo_qm { display: none; }
	#mo_press { display: none; }
	#mo_magazine { display: none; }
	#mo_qandpop { display: none; }
	.mo_bg_wrap { display: none; }
	#m_press_bt { display: none; }
	.main_open_m { display: none; }
	.quick_mo { display: none; }
}

@media all and ( max-width: 1850px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .main-visual-txt-inner{margin:0 100px}
}
@media all and ( max-width: 1220px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .main-visual-txt-inner{margin:0 30px}
	/* 메인비주얼  :: 컨트롤영역 */
	.main-visual-controls{left:30px; bottom:25px;text-align:left; width:250px}
	/* 메인비주얼 :: paging 영역 */
	.main-visual-con .slick-dots li .loading-bar-paging-tit strong{display:block; font-size:15px; padding-bottom:5px;}
	.main-visual-con .slick-dots li .loading-bar-paging-tit{font-size:11px; padding-bottom:10px;}
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{left:-100px}
	.header-util-box { padding: 0; margin-right: -40px; }
}
@media all and ( max-width: 800px ){

	#m_press_bt { display: block; }
	#qandpop { display: none; }
	#mo_qandpop { display: block; }
	.mo_bg_wrap { display: block; }
	#mo_pop { display: block; }
	#mo_magazine { display: block; }
	#mo_press { display: block; }
	#mo_qm { display: block; }
	.to-top-btn.fixed { bottom: 28vw; }
	.main_open_m { display: block; }
	.quick_mo { display: block; }
	.main_open { display: none; }
	.quick_pc { display: none; }



	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인비주얼  :: 컨트롤영역 */
	.main-visual-controls{display:none;left:15px; bottom:60px;}
	/* 메인비주얼 :: paging 영역 */
	.main-visual-con .slick-dots{width:100%;}
	.main-visual-con .slick-dots li .loading-bar-paging-tit{display:none;}
	.main-visual-con .slick-dots li .loading-bar-line,
	.main-visual-con .slick-dots li .loading-bar-line:after{height:4px}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{top:auto; top: 17%; margin-top:0;
	-ms-transform: translateY(0); 
    -o-transform: translateY(0); 
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0); 
     transform: translateY(0);
	}
	.main-visual-item .main-visual-txt-con .main-visual-txt-inner{margin:0; }
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 16px; margin-bottom:13px; margin-top: -5px; }
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 28px; line-height:160%;padding-left:1px; }
	.main-visual-item .main-visual-txt-con .main-visual-txt2 span{display:block;}

	.main-visual-item .main-visual-txt-con .main-visual-txt2 br{display:block;}
}
@media all and ( max-width: 480px ){
	/* 메인비주얼  :: 컨트롤영역 */
	.main-visual-controls{bottom:55px;}
	.main-visual-controls .arrow-controls .prev-visual-btn{margin-right:15px}
	.main-visual-controls .arrow-controls i{font-size:18px}
	.main-visual-controls .paging-controls{font-size:12px}
	.main-visual-controls .stop-pause-controls i{font-size:18px; position:relative; top:2px;}
	/* 메인비주얼 :: paging 영역 */
	.main-visual-con .slick-dots li .loading-bar-line,
	.main-visual-con .slick-dots li .loading-bar-line:after{height:3px}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size: 16px; }
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size: 22px; }
	.br_mo { display: block; }
}
@media all and ( max-width: 359px ){
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:13px; }
	.main-visual-item .main-visual-txt-con{top:auto; top: 37%; margin-top:0;
	-ms-transform: translateY(0); 
    -o-transform: translateY(0); 
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0); 
     transform: translateY(0);
	}
}


/* ******************  메인컨텐츠 :: rightBar ********************* */
@media all and ( max-width: 1220px ){
	#fp-nav.left.left{left:-100px}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit{margin-bottom:30px;}
	.main-tit strong{font-size:24px;}
	.main-tit .main-sub-tit{font-size:12px; line-height:18px;}
}

/* ******************  메인컨텐츠 :: 섹션02(배너 및 링크) ********************* */
@media all and ( max-width: 1220px ){
	/* 왼쪽 슬라이드 배너 */
	.left-banner-slide-container .banner-slide-txt{left:30px; top:40px;}
	.left-banner-slide-container .banner-slide-txt dt{font-size:30px;}
	.left-banner-slide-container .banner-slide-txt dd{font-size:12px; margin-top:10px}

	/* 오른쪽 링크영역 */
	.menu-list-con{padding:0 30px 0 30px;}
	.menu-list-con dt{font-size:30px; margin-bottom:15px;}
	.menu-list-con .main-menu-list li{height:40px;}
	.menu-list-con .main-menu-list li a{font-size:14px;}
	/* 오른쪽 배너영역 */
	.right-banner-container .right-banner-txt{left:30px; bottom:30px; right:30px;}
	.right-banner-container .right-banner-txt dt{font-size:30px}
	.right-banner-container .right-banner-txt dd{font-size:12px; margin-top:10px}
}
@media all and ( max-width: 800px ){
	/* 왼쪽 슬라이드 배너 */
	.left-banner-slide-container{position:relative; width:auto; height:0; padding-top:100%}
	.left-banner-slide-container .left-banner-slide{position:absolute; top:0px; right:0px; width:100%}
	.left-banner-slide-container .banner-slide-txt{left:15px; right:15px;}
	.left-banner-slide-container .banner-slide-txt dt{font-size:25px}
	.left-banner-slide-container .banner-slide-txt dd{font-size:14px}
	/* 오른쪽 링크영역 */
	.right-menu-container{position:static; width:auto; height:auto}
	.menu-list-container{display:block;}
	.menu-list-wrapper{display:block; width:100%; padding:32px 0;}
	.menu-list-con{padding:0 0px 0 21px;}
	.menu-list-con .main-menu-list li{float:left; width:calc(50% - 20px ); margin-right:20px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	 .menu-list-con .main-menu-list li a{font-size:13px;}
	/* 오른쪽 배너영역 */
	.right-banner-container{position:relative; bottom:auto; right:auto; width:auto; height:0; padding-top:56.25%;}
	.right-banner-container a{position:absolute; top:0px; right:0px; width:100%}
	.right-banner-container .right-banner-txt{left:15px; right:15px;}
	.right-banner-container .right-banner-txt dt{font-size:25px}
	.right-banner-container .right-banner-txt dd{font-size:13px}

	
	.main_txt { display: none !important; text-align: center; margin-bottom: 2%; }
	.main_txt_m { display: inline-block !important; text-align: center; margin-bottom: 3%; }
	#mainVisual .ico-scroll{bottom:25%;}

}
@media all and ( max-width: 480px ){
	.menu-list-con dt{font-size:25px;}
	.right-banner-container{position:relative; bottom:auto; right:auto; width:auto; height:0; padding-top: 65.25%;}
	.right-banner-container a{position:absolute; top:0px; right:0px; width:100%}
	.right-banner-container .right-banner-txt{left:15px; right:15px; top: 30px; }
}

/* ******************  메인컨텐츠 :: Information ********************* */
@media all and ( max-width: 1220px ){
	/* Information :: 배너 */
	.main-info-banner-con .main-info-banner-txt{left:15px}
	.main-info-banner-con .main-info-banner-txt dd {font-size:14px;}
	.main-info-banner-con .main-info-banner-txt dd br{display:block}
}

@media all and ( max-width: 800px ){
	.br{display:none;}
	#mainPortfolio .fp-tableCell,
	#mainBannerSlide .fp-tableCell,
	#mainInformationCon .fp-tableCell,
	#mainContact .fp-tableCell{display:block;height:auto !important;}

	.fp-section.fp-table{height:auto !important;}

	[class*='main-tit']{font-size:32px;padding-left:0;}
	[class*='main-sub-txt']{font-size: 14px;line-height: 1.5;padding-top: 8px;}
	[class*='main-sm-txt']{font-size: 12px;}
	[class*='main-tit-box-']{margin-bottom:5vh;padding:10% 15px 0;text-align:center;}
	[class*='main-tit-box2-']{margin-bottom:5vh;padding:10% 15px 0;text-align:right;}
	[class*='main-tit-box3-']{margin-bottom:5vh;padding:10% 15px 0;text-align:left;}
	.main-info-wrapper{margin:0 15px 6.25%}
	/* .main-info-wrapper{margin:8.7% 15px 6.25%} */

	/* 포트폴리오 */
	#mainPortfolio{background-size:80%;}
	.main-portfolio__header{padding-top:10%;top:0;text-align:center;width:100%;}
	.main-portfolio{padding-bottom:10%;padding-top:0;width:100%;}
	.main-portfolio__category{padding:14px 0 20px;}
	.site-grid__content{padding:0 15px;box-sizing:border-box;}
	.site-grid__content, .public-offering-view .site-view--public-offering .site-view__content{width:100%;}
	.main-portfolio__container{margin-top:0;}
	.main-portfolio__category-list{overflow:hidden;}
	.main-portfolio__category-list li{float:left;width:33.3%;padding-left:27px;box-sizing:border-box;background-size:15px;text-align:center;background-position:20px 50%;}
	.main-portfolio__category-list li:first-child{padding-left:0;width:30%;}
	.main-portfolio__category-list li:nth-child(2){background-position:25px 50%;}
	.main-portfolio__category-list li.main-portfolio__category-item--soldout{background-size:22px;background-position: 16px 39%;}
	.main-portfolio__category-text{font-size:14px;}
	.main-portfolio__category-item--soldin{margin:0;}
	.main-portfolio__swiper:before{display:none;}
	.main-portfolio__container{padding-left:16px;}
	.main-portfolio__swiper{margin-left:0;}
	.main-portfolio-swiper__item{position:relative;width:61% !important;padding-right:16px;}
	.main-portfolio-swiper__img{width:100%;padding-bottom:0;min-height:200px;z-index:-20;}
	.main-portfolio-swiper__content{position:relative;left:0;}
	.main-portfolio-swiper .swiper-slide-active .main-portfolio-swiper__description{height:220px;}
	.main-portfolio-swiper__category{display:inline-block;position:absolute;left:0;width:70px;height:20px;margin-top:-8px;color:#fff;font-weight:500;font-size:10px;line-height:20px;text-align:center;word-break:break-all;white-space:pre-wrap;}
	.main-portfolio-swiper__description{overflow:hidden;width:100%;height:220px;background-color:#1e2835;color:#fff;text-align:left;box-sizing:border-box;transition:none;padding:23px 0 0 13px;}
	.main-portfolio-swiper__title{font-size:15px;line-height:1.5;}
	.main-portfolio-swiper__title:after{width:18px;height:2px;}
	.main-portfolio-swiper__title{padding-bottom:15px;}
	.main-portfolio-swiper__term{padding-top:10px;font-size:12px;line-height:1.3;}
	.main-portfolio-swiper__term .btn_area{overflow:hidden;}
	.main-portfolio-swiper__term .btn_area .btn{float:left;width:45%;margin:0 1%;font-size:11px;}
	.main-portfolio-swiper .swiper-slide-active .main-portfolio-swiper__description{height:220px;transition:none;}
	.main-portfolio .swiper-control.swiper-control--active{display:none !important;}

	/* 프리미엄 */
	.banner_wrap{padding-bottom:20%;}
	.bn_01 .wrap{height:auto;}
	.bn_01 ul{height:auto;}
	.bn_01 ul li{width:360px;}
	.bn_01 ul li img{width:100%;}
	.bn_01 .btn_wrap{position:inherit;top:65px;right:0;margin-left:26%;}

	/* contact */
	.main-contact-con .tabs{width:100%;height:100%;position: relative;padding:0 15px;box-sizing:border-box;top: 2%;}
	.main-contact-con .tabs li a strong{padding-bottom:3px;font-size:16px;}
	.main-contact-con .tabs li a{padding:10px 15px;font-size:13px;line-height:1.5;}
	.main-contact-con .tab_box{width: 100%;height: 100%;min-height:350px;}

	/* Information :: Grid */
	.main-info-grid-con{display:none}
	/* Information :: 타이틀 */
	.main-info-tit-box{margin-bottom:7.5%}
	.main-info-tit-box .main-info-tit{font-size:31px}
	.main-info-tit-box .main-info-sub-txt{display:none;}
	/* Information :: Information 리스트 */
	.main-info-list-con{margin:0 -15px; margin-bottom:6.25%;}
	.main-info-list-con li{overflow:hidden; float:none; width:auto; padding:0 15px; border-top:1px solid #eee; }
	.main-info-list-con li:before{display:none;}
	.main-info-list-con li:first-child{border-top:0}
	.main-info-list-con li dt{width:100%;}
	.main-info-list-con li dd{width:100%;}
	.main-info-list-con li dl{overflow:hidden; padding:20px 0;}
	.main-info-list-con li dl .main-info-tit{float:left; margin-bottom:0}
	.main-info-list-con li .main-info-tit .icon,
	.main-info-list-con li .main-info-tit strong{display:inline-block; vertical-align:middle; margin-top:0}
	.main-info-list-con li .main-info-tit .icon{width:35px;}
	.main-info-list-con li .main-info-tit .icon i{font-size:24px; }
	.main-info-list-con li dl .main-info-detail{float:right;}
	.main-info-list-con li .main-info-number{margin-top:10px;font-size:25px;}
	/* Information :: 배너 */
	.main-info-banner-con .main-info-banner-item{float:none; width:auto; height:150px; left:0px !important;}
	.main-info-banner-con .main-info-banner-img{padding-top: 43.28%; height:0}
	.main-info-banner-con .main-info-banner-txt dt{font-size:18px; }
	.main-info-banner-con .main-info-banner-txt dd{font-size:11px; margin-top:7px}	
}
@media all and ( max-width: 480px ){
	/* 타이틀 */
	[class*='main-tit']{font-size:25px;}
	[class*='main-sub-txt']{font-size: 14px;}
	[class*='main-sm-txt']{font-size: 13px;}
	
}