@charset "utf-8";


#service_new_area{max-width:2560px;width:100%;margin:0 auto;padding:200px 100px;box-sizing:border-box;position:relative;transition:all .3s}
#service_new_area *{box-sizing:border-box}

/*타이틀 영역*/
#service_new_area .tit_box{margin-bottom:100px;padding:0 30px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:0 50px;word-break:keep-all}
#service_new_area .tit_box .service_tit{display:inline-block;font-weight:100;font-size:calc(35px + 1.3vw);/* line-height:100%; */color:#333;position:relative}
/*
#service_new_area .tit_box .service_tit:before{content:'OUR SERVICE';width:145px;height:40px;background:#3f558f;font-weight:700;font-size:16px;line-height:40px;text-align:center;color:#fff;position:absolute;left:-63px;top:-26px;box-shadow:0 10px 10px rgba(0,0,0,.1);transform:rotate(-25deg)}
*/
#service_new_area .tit_box .service_tit span{font-weight:700;position:relative}
#service_new_area .tit_box .service_tit span:before{content:'';width:0;height:2px;background:#333;position:absolute;bottom:0;left:0;transition:all .5s;transition-delay:.5s}
#service_new_area .tit_box.aos-animate .service_tit span:before{width:100%}
#service_new_area .tit_box .s_tit{margin-left:auto;font-weight:100;font-size:calc(25px + .5vw);line-height:150%;text-align:right;color:#333;position:relative;white-space: nowrap;}
#service_new_area .tit_box .s_tit .pt{position:absolute;top:-18px;left:-29px;opacity:.1;}
#service_new_area .tit_box .m_br{display:none} 
#service_new_area .tit_box .s_tit .m_br{display:block} 

/*이미지 영역*/ 
#service_new_area .service_list{width:100%;overflow:hidden;position:relative;z-index:2;transition:all .3s}
#service_new_area .service_list > li{width:16.666%;padding:0 25px;float:left;position:relative;transition:all .3s}
#service_new_area .service_list .list_tit{margin-bottom:5px;font-weight:700;font-size:calc(18px + 0.3vw);color:#333;position:relative}
#service_new_area .service_list .list_txt{margin-bottom:15px;font-size:calc(14px + 0.2vw);line-height:150%;color:#999;word-break:keep-all}

#service_new_area .service_list .img_box{width:100%;padding-bottom:100%;background:#fff;overflow:hidden;position:relative;left:50%;transform:translateX(-50%);transition:all .3s}
#service_new_area .service_list .img_box:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;transition:all .3s}
#service_new_area .service_list .img_box01:before{background:url(../../index/include01/img/img01_v6.jpg) no-repeat center/cover}
#service_new_area .service_list .img_box02:before{background:url(../../index/include01/img/img02_v6.jpg) no-repeat center/cover}
#service_new_area .service_list .img_box03:before{background:url(../../index/include01/img/img03_v6.jpg) no-repeat center/cover}
#service_new_area .service_list .img_box04:before{background:url(../../index/include01/img/img04_v6.jpg) no-repeat center/cover}
#service_new_area .service_list .img_box05:before{background:url(../../index/include01/img/img05_v6.jpg) no-repeat center/cover}
#service_new_area .service_list .img_box06:before{background:url(../../index/include01/img/img06_v6.jpg) no-repeat center/cover}

/*버튼*/
#service_new_area .service_list .more_btn{width:15%;padding-bottom:15%;border-radius:50%;background:#333;position:absolute;right:30px;top:10px;opacity:0;transition:all .3s}
#service_new_area .service_list .more_btn img{width:50%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

/*hover*/
#service_new_area .service_list li:hover .img_box{border-radius:10px;background:#000}
#service_new_area .service_list li:hover .img_box:before{transform:scale(1.1,1.1);opacity:0.8}

#service_new_area .service_list li:hover .more_btn{top:0;opacity:1}
#service_new_area .service_list li:hover .more_btn:hover{background:#3f558f}

/*line_area*/
#service_new_area .line_area{width:100%;height:300%;/*배너영역 침범시키기*/padding:0 100px;position:absolute;bottom:0;left:0}
#service_new_area .line_area > div{width:16.6666%;height:100%;border-right:1px solid #efefef;float:left}
#service_new_area .line_area > div:first-child{border-left:1px solid #efefef}


@media(max-width:1600px){
#service_new_area{padding:150px 50px}
#service_new_area .service_list > li{padding:0 15px}

/*버튼*/
#service_new_area .service_list .more_btn{right:15px}

/*line_area*/
#service_new_area .line_area{padding:0 50px}
}

@media(max-width:1280px){
/*타이틀 영역*/
#service_new_area{padding:150px 30px}
#service_new_area .tit_box{display:block;/*flex해제*/ margin-bottom:50px;text-align:center}
#service_new_area .tit_box .s_tit{display:block;margin-top:20px;font-weight:300;font-size:calc(22px + .3vw);text-align:center;line-height:150%;white-space:normal}
#service_new_area .tit_box .s_tit .m_br{display:none}
#service_new_area .tit_box .s_tit .pt{display:none}

/*이미지 영역*/ 
#service_new_area .service_list > li{width:33.33%;padding:0 15px;margin-top:30px}
#service_new_area .service_list > li + li{border:0}
#service_new_area .service_list > li:nth-child(3n + 1){clear:both}
#service_new_area .service_list .more_btn{width:40px;height:40px;padding-bottom:0}

/*line_area*/
#service_new_area .line_area{padding:0 30px}
#service_new_area .line_area > div{width:33.33%}
#service_new_area .line_area > div:nth-child(n+4){display:none}
}

@media(max-width:1024px){
/* #service_new_area .tit_box{margin-bottom:50px} */
#service_new_area .service_list .more_btn{width:30px;height:30px;padding-bottom:0}
}

@media(max-width:767px){
#service_new_area{padding:70px 15px}

/*타이틀 영역*/
#service_new_area .tit_box{margin-bottom:40px;padding:0}
#service_new_area .tit_box .service_tit{font-size:35px;line-height:130%}
#service_new_area .tit_box .service_tit:before {display:block;width:130px;height:30px;margin:0 auto 15px;font-size:13px;line-height:30px;position:relative;left:auto;top:auto;right:auto;box-shadow:0 0 10px rgba(0,0,0,.1);transform:none}
#service_new_area .tit_box .service_tit .m_br{display:block}
#service_new_area .tit_box .s_tit{margin-top:15px;font-size:20px}
#service_new_area .tit_box .s_tit .m_br{display:block}

/*이미지 영역*/ 
#service_new_area .service_list > li{width:49%;padding:0;margin-top:25px}
#service_new_area .service_list > li:nth-child(-n+2){margin-top:0}
#service_new_area .service_list > li:nth-child(2n){margin-left:2%}
#service_new_area .service_list > li:nth-child(3n + 1){clear:none}
#service_new_area .service_list > li:nth-child(2n + 1){clear:both}
#service_new_area .service_list .list_txt{margin-bottom:10px}
#service_new_area .service_list .more_btn{right:0}

/*line_area*/
#service_new_area .line_area{display:none}
}

@media(max-width:480px){
/*타이틀 영역*/
#service_new_area .tit_box .service_tit{font-size:32px}
#service_new_area .tit_box .s_tit{font-size:18px}

/*이미지 영역*/
#service_new_area .service_list .list_tit{font-size:17px;margin-bottom:0}
#service_new_area .service_list .list_txt{font-size:13px}
}

@media(max-width:319px){
/*타이틀 영역*/
#service_new_area .tit_box .service_tit{font-size:28px}
#service_new_area .tit_box .s_tit{margin-top:10px}

#service_new_area .service_list{text-align:center}	
#service_new_area .service_list .list_tit{font-size:16px}
#service_new_area .service_list .more_btn{display:none}
}