@charset "utf-8";
/* 메인 롤링이미지 */


@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

/*===================== 22년 1월 추가본 =====================*/
.visualslider .img > img.img_pc_only {display:block;}
.visualslider .img > img.img_m_only {display:none;}

@media screen and (max-width:1600px) {
.leftBtn {display:none;}


    /*===================== 22년 1월 추가본 =====================*/
    .vsSection .inner_cont .inner_txt .goMoreIcon {left:20px;}


}

@media screen and (max-width:1440px) {
    
    }
    

@media screen and (max-width:1280px) {

.section .inner {padding:0; text-align: center; }
#estimate_section {display:none; }

/* 21년 12월 수정사항  */
.vsSection .inner {padding:0; text-align: center; }

/*===================== 22년 1월 추가본 =====================*/
.vsSection .inner_cont .inner_txt .goMoreIcon {bottom:-80px;}
.vsSection .inner_cont .inner_txt .goMoreIcon .txtImgBox img {width:80px;}
.vsSection .inner_cont .inner_txt .goMoreIcon a .imgBox img {width:34px;}

.vsSection .inner_cont .inner_txt h3.outLineTxt {height:53px; font-size:48px; margin-bottom:15px;}
.vsSection .inner_cont .inner_txt h3.outLineTxt .lineTxt {width:292px; height:53px;}
.vsSection .inner_cont .inner_txt h3.outLineTxt .lineTxt tspan {font-size:48px;}
.vsSection .inner_cont .inner_txt .subtitle3 {font-size:17px;}


}



@media screen and (max-width:1020px) {
	
.section .inner_cont .inner_txt h2 {line-height:1.1; word-break:keep-all; word-wrap:break-word; font-size:40px; letter-spacing:-1px; margin-top:10px; }

	
#section001 .section_wp {width:100%;}

#section001 .section_wp .innerSection .sectionTitle {padding:3% 0 0 3%;}
#section001 .section_wp .fstSection .sectionImg img, #section001 .section_wp .seSection .sectionImg img {left:0;}
#section001 .section_wp .innerSection .sectionImg {padding-top:100%;}
	
.section p.subtit {word-break:keep-all; word-wrap:break-word; }

.section2 .worksListWrapper .worksTableArea .worksListContent ul li {width:100%; margin:20px 2% 0%;}	

/* 21년 12월 수정사항  */
.vsSection .inner.inner_cont{ position:absolute; top:44%; transform:translate(0,-50%);}
.vsSection .inner_cont .inner_txt h2 {line-height:1.1; word-break:keep-all; word-wrap:break-word; font-size:40px; letter-spacing:-1px; margin-top:10px; }

/*===================== 22년 1월 추가본 =====================*/
.vsSection .inner_cont .inner_txt .goMoreIcon {bottom:-90px;}
.vsSection .inner_cont .inner_txt .goMoreIcon .txtImgBox img {width:65px;}
.vsSection .inner_cont .inner_txt .goMoreIcon a .imgBox img {width:25px;}
.visualslider .img > img {top:0; bottom:0;}
.visualslider .img.img_Cm > img {left:auto; right:-400px;}

.vsSection .inner_cont .inner_txt h3.outLineTxt {height:auto; font-size:34px; margin-bottom:15px;}
.vsSection .inner_cont .inner_txt h3.outLineTxt .lineTxt {width:219px; height:40px;}
.vsSection .inner_cont .inner_txt h3.outLineTxt .lineTxt tspan {font-size:34px;}
.vsSection .inner_cont .inner_txt .subtitle3 {font-size:17px;}
	
.systemSectionCont {display:none;}
.mobile_systemSectionCont {display:block;}

/*===================== timeBar 스타일 =====================*/
#timerBar {position:relative; max-width:260px; width:100%; height:1px; background:#000; }  
.blackBar {content:''; position:absolute; left:0; right:0; text-align:center; max-width:260px; width:100%; height:1px; background:#7b7b7b; margin:50px auto; z-index:1;}
#timerBar.whiteBar {content:''; position:absolute; left:15%; width:320px; text-align:center; height:1px; background:#fff; margin:50px auto; z-index:2; animation:timerBarAnimation 15s ease; }
}

@media screen and (max-width:500px) {
    .vsSection .inner_cont .inner_txt h3.outLineTxt .lineTxt {margin:6px 0 0;}

    /*===================== 22년 1월 추가본 =====================*/
    .visualslider .img.img_Cm > img {left:-9999px; right:-9999px;}

    .visualslider .img > img.img_pc_only {display:none;}
    .visualslider .img > img.img_m_only {display:block;}
    
    .vsSection .inner_cont .inner_txt .subtitle1 {font-size:3.2vw;}
    .vsSection .inner_cont .inner_txt h2 {font-size:8.6vw; letter-spacing:-1px; margin-top:1.6vw;}
    .vsSection .inner_cont .inner_txt h2 br.only_m {display:block;}
}