@charset "utf-8";

@media screen and (min-width:1921px){
	#section3 .work-con .work-subs .pjt-info:first-child{margin-top:1vw}
	#section3 .work-con .work-subs p{font-size:1.2em}
	#section3 .project .swiper-wrapper{padding:8vh 0}
}

@media screen and (max-width:1600px){
#section3 .work-con .work-subs .work-label{font-size:1.5em}
#section3 .work-con .work-subs strong{font-size:2.5em}
}
@media screen and (max-width:1280px){
	html,body{font-size:15px}
	.top-logo a{max-width:12em}
	.visual-contents .visual-mainTxt{font-size:3.5em}
	.h2-sub{font-size:3em}

	#section2{padding-bottom:7em}
	#section2 .slide__title{padding:3em;background:rgba(255,255,255,.7)}
	#section2 .aboutUs-pagination{position:relative;left:3em;bottom:-2em;transform:translateX(0px)}

	#section2 .slide__content{box-sizing:border-box;padding:0 2em}
	#section2 .slide__header{left:2em}

	#section3 .work-con{width:95%}
	#section3 .work-con .work-subs{width:auto;vertical-align: initial;}
	#section3 .work-con .work-subs .work-label{margin-top:3vw}
	.section4-con form{padding:0 2em}
	#section3 .btn-morePjt{font-size:1.1em}

	#section3{min-height:auto;padding:10vh 0}
	#section3 .work-con{display:block;vertical-align:middle;min-height:auto;height:auto}
	/* #section3 .project-pagination-h{bottom:0} */

	#section3 .swiper-container{padding-bottom:4em;}
	#section3 .txt-info{right:9vh}
	#section3 .project-pagination-h{left:-11em;text-align:right;}

	#section4 .bg-section{height:1140px}

	#footer .ft-wrap{padding:0 2em}
	#footer .btn-linkArea{right:2em}
	#footer .btn-top{right:2em}
}/*1280*/

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

	.top-logo a{max-width:11em}
	.visual-contents .visual-mainTxt{font-size:3em}
	.h2-sub{font-size:2.6em}

	#verticalNav{display:none}

	#section2{min-height:auto;padding-bottom:3em}
	#section2 .slide__header{left:0}
	#section2 .aboutUs-pagination{bottom:1vw;left:1em;margin-top:1em}
	#section2 .tab-sliderWrap::-webkit-scrollbar{display:none}
	#section2 .slide .slide__header{position:relative;height:auto}
	#section2:after{padding:25vh 0}

	#section2 .aboutUs{padding:0 1.5em;box-sizing:border-box}
	#section2 .aboutUs .slide__figure{text-align:center}

	#section2 .slide__header{overflow-y:auto}
	#section2 .slide__title{padding:0;background:none}

	#section2 .swiper-container{overflow:hidden}

	#section2 .slide .slide__header{margin-top:2em}
	#section2 .slide__title .title-line:nth-child(1){font-size:2.1em}
	#section2 .slide__title .title-line:nth-child(2){max-width:100%}
	#section2 .slide__title .title-line:nth-child(3) span{display:inline}
	#section2 .slide__title .title-line:nth-child(3) span:nth-child(2){display:block}
	.slide__title .title-line:nth-child(2), .slide__title .title-line:nth-child(3){margin-top:1em}


	#section3{padding:7vh 0}
	#section3 .btn-morePjt{position:relative;top:0;right:0;float:right;padding-right:5vh}
	#section3 .txt-info{position:relative;right:0;bottom:6.5em;float:right;margin-right:10vh}
	#section3 .work-con .work-img,
	#section3 .work-con .work-subs{display:block}
	#section3 .work-con .work-img{width:25em;margin:0 auto}
	#section3 .work-con .work-subs .work-label{font-size:1.1em}

	#section3 .work-con .work-subs strong{font-size:1.6em}
	#section3 .work-con .work-subs strong > span{display:inline}
	#section3 .work-con .work-subs p{height:5em;margin-top:2vh;padding-right:0;font-size:1.1em}
	#section3 .work-con .work-subs p:before,
	#section3 .work-con .work-subs p:after{right:0}
	#section3 .work-con .work-subs .pjt-info > div{font-size:1.1em}
	.section4-con.txt-subs{font-size:1.1em}
	#section3 .swiper-container{padding-bottom:2em}
	#section3 .btn-radius{margin-top:7vh}
	#section3 .project-pagination-h{bottom:7.5em;left:-12em}

	.contact-wrap .contact-con:first-child{width:57%}
	.contact-wrap .contact-con .con-itemWrap{width:auto}
	.contact-wrap .contact-con .contact-group .con-itemWrap{display:block;height:4em;margin-top:1em}
	.contact-wrap .contact-con .contact-group .con-itemWrap:first-child{margin-top:0;border-right:none}
	.contact-wrap .contact-con .contact-group .con-itemWrap{text-align:left;padding-left:3em}
	#footer .ft-wrap .ft-con{padding-right:0}
	#footer .ft-wrap .ft-logo{display:block}
	#footer .ft-wrap .ft-copyInfo{display:block;margin-top:2em;padding-left:0}
	.btn-linkArea{top:-.5em}

	.menu-con .contact-con{margin-top:4em}
	/* .contact-con .contact-group .con-itemWrap{width:100%;display:inline-block} */
	.contact-con .contact-group .con-itemWrap{display:block;width:100%;max-width:280px;margin:0 auto;text-align:left;}
	.contact-con .contact-group .con-itemWrap:first-child{margin-bottom:2em;border-right:none}
	.contact-con .con-itemWrap:first-child span{padding-right:2.6em}
	#gnb ul li{line-height:1.5}

}/*1024*/

@media screen and (max-width:768px){
	html,body{font-size:14px}
	.top-logo a{max-width:10em}
	header .btn-companyInfo{font-weight:500;padding:.7em 1em}
	header .btn-menu{margin:.5em 0 0 3vw}

	.gnb-chk,.gnb-chk.color-white{padding:3em 2em 0}
	.gnb-chk.on,.gnb-chk.policy{padding:1.5em 2em}
	.sub-container.privacy{padding:6em 0em 5em}
	#gnb ul a{font-size:3.5em}
	.menu-con .contact-con{margin-top:3em}

	.btn-scroll{bottom:5vh}

	.visual-contents .visual-mainTxt{font-size:2.5em}
	.h2-sub{font-size:2.2em}

	#section2 .slide__content{padding:0 1em}
	#section2 .aboutUs .slide__figure img{width:95vw;height:60vw;object-fit:fill}

	#section3{padding:5vh 0}
	#section3 .work-con{padding:0 1em}
	#section3 .work-con .work-img{margin:0 auto}
	#section3 .work-con .work-subs{padding: 3vw 5em 4vw}
	#section3 .work-con .work-subs .pjt-info .pjt-infoData{margin-top:3vw}
	#section3 .swiper-container{height:auto;padding-bottom:2em;}
	#section3 .txt-info{bottom:6.5em;}
	#section3 .project-pagination-h{bottom:7.8em;left:-12em;}
	#section3 .swiper-container-horizontal>.swiper-scrollbar{width:86%;margin-left:-43%;}
	#section4 .bg-section{height:1060px}

	.section4-con form{padding:0 1em}
	.section4-con.bg-gray{padding:4vh 0}
	.section4-con .txt-subs{font-size:1.1em}]


	#footer .btn-top{top:-55%}
	#footer .ft-wrap .ft-copyInfo .copyInfo{font-size:11px;}
}/*768*/

@media screen and (max-width:640px){
	.tab-sliderWrap{padding:0 2em}

	h2.tle{padding:4em 0 1em}
	.slide__title .title-line:nth-child(2),
	.slide__title .title-line:nth-child(3){font-size:1.1em}

	#section3 .work-con{padding:0}
	#section3 .work-con .work-subs{padding:3vw 2em 1em}
	#section3 .txt-info{bottom:5.3em;}
	#section3 .project-pagination-h{bottom:6.5em;}

	.section4-con .txt-subs span{display:inline}
	.scroll-info{display:block;width:100%;height:15px;margin:1em 1em 0 0;text-align:center;color:#777;}
	.scroll-info i{display:inline-block;width:12px;height:10px;background:url(/images/client/icon/ico-rightArrow.png)50%/12px no-repeat;}
	.section4-con .tab-sliderWrap{margin-top:1em;}

	#gnb .menu-con{margin-top:1em}
	.contact-con .contact-group .con-itemWrap:first-child{margin-bottom:1em}

}/*640*/

@media screen and (max-width:480px){
	html,body{font-size:12px}
	#gnb ul a{font-size:3em}
	.visual-contents .visual-mainTxt{font-size:2.1em}
	.aboutUs-pagination .loading{vertical-align:.45em}
	.h2-sub{font-size:1.8em}
	.h2-sub span{display:inline}
	#section2:after{padding:15vh 0}
	#section2 .tab-sliderWrap{margin:1.5em 0 3em}
	#section3{padding:1vh 0}
	#section3 .swiper-container{padding-bottom:0}
	#section3 .project .swiper-wrapper{padding:5vh 0 2vh}
	#section3 .project .swiper-wrapper .swiper-slide-active .work-img{text-align:center;}
	#section3 .project .swiper-wrapper .swiper-slide-active .work-img img{width:90%}
	#section3 .work-con .work-img{width:85%}
	#section3 .work-con .work-subs .pjt-info{float:none;width:100%;}
	#section3 .work-con .work-subs .pjt-info:first-child{margin-top:5vw}
	#section3 .work-con .work-subs .pjt-info div:nth-child(1){float:left;width:20%;line-height:1.5}
	#section3 .work-con .work-subs .pjt-info:nth-child(2){margin-top:.5em;}
	#section3 .work-con .work-subs .pjt-info > div{display:inline-block;}
	#section3 .work-con .work-subs .pjt-info:first-child .pjt-infoData{width:80%}
	#section3 .work-con .work-subs .pjt-info	.pjt-infoData{margin-top:0;line-height:1.5;letter-spacing:-.3px;}
	#section3 .project-pagination-h{display:none}
	#section3 .txt-info{bottom:5.5em;font-size:13px;margin-right:6vh}
	#section3 .btn-radius{margin-top:4vh}
	#section4 .bg-section{height:930px}
	#section3 .btn-morePjt{top:1.5em;}
	.tab-sliderWrap{padding: 0 2em 0 10vw}
	.contact-wrap .contact-con .contact-group .con-itemWrap{padding-left:1em}
	.contact-con .con-itemWrap .con-item{padding-left:.5em}
	.contact-con .contact-group .con-itemWrap{max-width:200px;}
	/* .ico-contact{width:3.3em;height:3.3em;} */
	.section4-con .tab-sliderWrap{margin-top:1em;}
}/*480*/