@charset "utf-8";

/* Layout */
.lineLayout{padding:0;}
.contents{padding:0;}
.contents .section{max-width:1100px;margin:0 auto;padding:0 30px;}
.fp-tableCell{padding-top:85px;}

/* Popup */
.main_layer_pop{position:absolute;z-index:120;}
.main_layer_pop .pop_close_text{text-align:right;background:#fff;}

/* Title */
.mainTitle{font-size:5rem;letter-spacing:-0.02em;font-family: 'Lora', serif;font-weight:700;}

/* More */
.btnMore{}
.btnMore a{font-size:1.7rem;font-weight:500;display:inline-block;border-bottom:3px solid #333;padding-bottom:6px;}
.lineLeft a{padding-left:25px;}
.lineRight a{padding-right:25px;}

.visual .visualSlideWrap{position:relative;}
.visual .visualSlideWrap .visualSlide{overflow:hidden;}
.visual .visualSlideWrap .visualSlide div{vertical-align:top;}
.visual .visualSlideWrap .visualSlide .slick-arrow{width:63px;height:63px;position:absolute;top:50%;margin-top:-31px;z-index:10;font-size:0;letter-spacing:-1000em;line-height:0;text-indent:-1000em;}
.visual .visualSlideWrap .visualSlide .slick-prev{left:0;background:url(/img/main/visual_prev.png) no-repeat left top;}
.visual .visualSlideWrap .visualSlide .slick-next{right:0;background:url(/img/main/visual_next.png) no-repeat left top;}
/*.visual .visualSlideWrap .visualSlide .slideCont > a{height:745px;display:block;position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover;}*/
.visual .visualSlideWrap .visualSlide .slideCont{position:relative;}
.visual .visualSlideWrap .visualSlide .slideCont .textBox{color:#fff;text-align:right;position:absolute;right:4.8%;bottom:12.2%;letter-spacing:-0.02em;}
/*.visual .visualSlideWrap .visualSlide .slideCont .textBox .textTitle{font-size:4rem;font-weight:600;font-family: 'Lora', 'Noto Sans KR', serif;margin-bottom:3px;}*/
.visual .visualSlideWrap .visualSlide .slideCont .textBox .textTitle{font-size:3.5rem;font-weight:600;font-family: 'Lora', 'Noto Sans KR', serif;margin-bottom:3px; text-shadow: 2px 2px 4px rgba(0,0,0,0.6);}
.visual .visualSlideWrap .visualSlide .slideCont .textBox .textSubj{font-size:2.1rem;font-weight:500;}
.visual .visualSlideWrap .slideTotal{position:absolute;left:5%;bottom:33%;color:#fff;font-size:1.4rem;font-weight:500;letter-spacing:-0.03em;}
.visual .visualSlideWrap .slideTotal span{font-size:3rem;}

.works .wordCont{position:relative;}
.works .wordCont .mainTitle{margin-bottom:27px;}
.works .wordCont ul{display:flex;flex-wrap:wrap;}
.works .wordCont ul li{margin:0 30px 50px 0;}
.works .wordCont ul li:nth-child(3n){margin-right:0;}
.works .wordCont ul li .imgBox{margin-bottom:11px;position:relative;}
.works .wordCont ul li .imgBox .moreView{display:none;}
.works .wordCont ul li:hover .imgBox .moreView{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0, 0, 0, .6);position:absolute;left:0;top:0;}
.works .wordCont ul li:hover .imgBox .moreView span{color:#fff;font-size:1.7rem;border-bottom:1px solid rgba(255, 255, 255, .5);display:inline-block;padding-bottom:3px;}
.works .wordCont ul li .listTitle{font-size:1.8rem;font-weight:500;letter-spacing:-0.03em;}
.works .wordCont .btnMore{position:absolute;right:0;top:27px;}

/*.contents .section.about{max-width:100%;background:url(/img/main/about_bg.jpg) no-repeat right top/cover;}*/
.contents .section.about{max-width:100%;background:url(/img/main/about_bg_20211020.jpg) no-repeat right top/cover;}
.about .aboutCont .mainTitle{margin-bottom:40px;}
.about .aboutCont .basicText{font-size:1.7rem;line-height:1.8;margin-bottom:47px;letter-spacing:-0.01em;}
.about .aboutCont .basicText p{margin-bottom:30px;}

.contents .section.service{max-width:100%;background:url(/img/main/service_bg.gif) no-repeat left 85px;}
.service .serviceCont{display:flex;justify-content:space-between;}
.service .serviceCont .mainTitle{margin-bottom:42px;}
.service .serviceCont .serviceText{margin-top:50px;}
.service .serviceCont .serviceText .basicText{font-size:1.7rem;line-height:1.8;letter-spacing:-0.01em;margin-bottom:49px;}
.service .serviceCont .serviceList{width:570px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.service .serviceCont .serviceList li{margin-bottom:30px;}
.service .serviceCont .serviceList li:nth-child(3),
.service .serviceCont .serviceList li:nth-child(4){margin-bottom:0;}

.community .mainTitle{text-align:center;margin-bottom:58px;}
.community .boardList{position:relative;margin-bottom:67px;}
.community .boardList h4{font-size:3.2rem;font-weight:500;font-family: 'Lora', serif;margin-bottom:16px;}
.community .boardList ul{display:flex;}
.community .boardList ul li{width:325px;margin-right:30px;}
.community .boardList ul li:last-child{margin-right:0;}
.community .boardList ul li a{display:block;padding:20px 30px 20px 27px;border-bottom:1px solid #dbdbdb;position:relative;}
.community .boardList ul li a:before{width:100%;height:5px;border:1px solid #dbdbdb;position:absolute;left:0;top:0;content:"";}
.community .boardList ul li:hover a,
.community .boardList ul li:hover a:before{border-color:#ed1e24;}
.community .boardList ul li dl dt,
.community .boardList ul li dl dd{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.community .boardList ul li dl dt{height:56px;font-size:1.9rem;font-weight:700;letter-spacing:-0.02em;line-height:1.5;}
.community .boardList ul li dl dd{display:none;}
.community .boardList ul li .wrhiteDate{margin-top:19px;color:#666;}
.community .boardList .btnMore{position:absolute;right:0;top:0;}
.community .inquiry{height:219px;color:#fff;border:1px solid #ddd;padding:0 0 15px 57px;display:flex;justify-content:center;flex-direction:column;background:url(/img/main/customer_bg.jpg) no-repeat left top;}
.community .inquiry h4{font-size:3.7rem;font-weight:700;font-family: 'Lora', serif;margin-bottom:16px;}
.community .inquiry .customerBtn{font-size:2.5rem;font-weight:500;letter-spacing:-0.02em;}
.community .inquiry .customerBtn img{vertical-align:-6px;}

/* Footer */
.contents .section.footer{padding:0;}
.contents .section.footer .fp-tableCell{padding-top:0;}

@media screen and (max-width:1905px){
.service .serviceCont .serviceList li{/*width:48%;margin-bottom:4%;*/}
}

@media screen and (max-width:1150px){
/* Layout */
.contents .section{padding:0 30px;}
.contents .section:before{width:100%;height:1px;background:#c8c8c8;content:"";position:absolute;left:50%;top:0;transform:translate(-50%);}
.contents .section:last-child:before{display:none;}
.fp-section.fp-table, .fp-slide.fp-table,
.fp-tableCell{height:auto !important;}
.contents .section.visual .fp-tableCell{padding-top:60px;}
.contents .section.community .fp-tableCell{padding-bottom:0;}
.fp-tableCell{padding-top:42.5px;padding-bottom:42.5px;}

.visual .visualSlideWrap{margin-top:60px;}
.visual .visualSlideWrap .visualSlide .slideCont > a{height:500px;}
.visual .visualSlideWrap .visualSlide .slideCont .textBox{right:30px;bottom:30px;}
.visual .visualSlideWrap .slideTotal{left:30px;bottom:25%;margin-bottom:30px;}

.works .wordCont ul li{width:30%;margin-right:5%;margin-bottom:30px;}

.contents .section.service{background-position:left top;}
.service .serviceCont .serviceList{width:50%;}
.service .serviceCont .serviceList li{width:47%;}

.community .boardList ul li{width:30%;margin-right:5%;}
.community .boardList ul li:last-child{margin-right:0;}
.community .boardList ul li a{padding:20px 15px;}
.community .boardList ul li dl dd{height:46px;}
.community .inquiry{height:auto;padding:50px;background-position:right 60% top;}
}


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

.about .aboutCont .basicText{padding-right:30px;}
.about .aboutCont .basicText br{display:none;}

.service .serviceCont{flex-wrap:wrap;}
.service .serviceCont .serviceList{width:100%;margin-top:40px;}
.service .serviceCont .serviceList li{width:22.75%;margin-right:3%;}
.service .serviceCont .serviceList li:last-child{margin-right:0;}

.community .boardList ul{flex-wrap:wrap;justify-content:space-between;}
.community .boardList ul li{width:100%;margin:0 0 20px 0;}
.community .boardList ul li dl dt{height:auto;white-space:nowrap;display:block;}
.community .boardList ul li dl dd{height:auto;display:block;}
}

@media screen and (max-width:767px){
/* Layout */
.contents .section{padding:0 15px;}
.contents .section.visual .fp-tableCell{padding-top:38px;}

.visual .visualSlideWrap{margin-top:60px;}
.visual .visualSlideWrap .visualSlide .slick-arrow{width:31px;background-size:31px auto !important;margin-top:-15px;}
.visual .visualSlideWrap .visualSlide .slideCont > a{height:400px;}
.visual .visualSlideWrap .visualSlide .slideCont .textBox{width:100%;padding:0 18px 20px 20px;left:0;bottom:0;/*background:linear-gradient(transparent, rgba(0, 0, 0, .8));*/}
.visual .visualSlideWrap .visualSlide .slideCont .textBox .textTitle{font-size:3.6rem;}
.visual .visualSlideWrap .slideTotal{display:none;}
.works .wordCont ul{justify-content:space-between;}
.works .wordCont ul li{width:48.5%;margin:0 0 20px 0;}
.works .wordCont .btnMore{top:18px;}
.service .serviceCont .mainTitle{margin-bottom:15px;}
.service .serviceCont .serviceList{justify-content:space-between;}
.service .serviceCont .serviceList li{width:48.5%;margin:0 0 20px 0;}
.community .mainTitle{margin-bottom:30px;}
.community .boardList{margin-bottom:10px;}
.community .inquiry{padding:40px;background:url(/img/main/customer_bg_m.jpg) no-repeat center bottom/cover;}
.community .inquiry .customerBtn img{width:35px;vertical-align:-5px;}
}

@media screen and (max-width:501px){
.mainTitle{font-size:5.5rem;}
.visual .visualSlideWrap .visualSlide{/*max-height:330px;overflow:hidden;*/}
.visual .visualSlideWrap .visualSlide .slideCont > a{height:280px;}
/*.visual .visualSlideWrap .visualSlide .slideCont .textBox .textTitle{font-size:3rem;line-height:1.2em;}*/
.visual .visualSlideWrap .visualSlide .slideCont .textBox .textTitle{font-size:2.5rem;line-height:1.2em;}
.visual .visualSlideWrap .visualSlide .slideCont .textBox .textSubj{font-size:1.8rem;}

.works .wordCont .btnMore{top:14px;}
.works .wordCont .mainTitle{margin-bottom:15px;}

.service .serviceCont .serviceText .basicText{line-height:22px;margin-bottom:25px;}
.community .inquiry{padding:30px 20px;}
.community .inquiry h4{font-size:2.7rem;margin-bottom:10px;}
.community .inquiry .customerBtn{font-size:2rem;}
.community .inquiry .customerBtn img{width:25px;vertical-align:-3px;}
}


@media screen and (max-width:767px){
.visual .visualSlideWrap .visualSlide{max-height:500px !important;}
}

@media screen and (max-width:640px){
.visual .visualSlideWrap .visualSlide{max-height:420px !important;}
}

@media screen and (max-width:480px){
.visual .visualSlideWrap .visualSlide{max-height:300px !important;}
}

@media screen and (max-width:380px){
.visual .visualSlideWrap .visualSlide{max-height:250px !important;}
}

@media screen and (max-width:320px){
.visual .visualSlideWrap .visualSlide{max-height:200px !important;}
}