@charset "utf-8";

/* =========================== MAIN */
/* 메인영역 */
#sh_main_banner_wrap{overflow:hidden;padding:315px 0 50px;background:url(../img/main/bg.jpg) repeat-y center;background-size:cover;text-align:center}
#sh_main_banner_wrap .txt_area{position:absolute;left:50%;top:170px;transform:translateX(-50%);width:100%;margin-bottom:60px}
#sh_main_banner_wrap .txt_area .s_tit{opacity:0;margin:-50px 0 26px;font-size:14px;line-height:14px;color:rgba(255,255,255,.7);font-family:'SBAggroM'}
#sh_main_banner_wrap .txt_area .tit{opacity:0;font-size:36px;line-height:36px;color:#fff;font-family:'SBAggroB'}
/* 슬라이드 */
#sh_main_banner_wrap .slide li{height:450px;background:no-repeat center;background-size:cover}
#sh_main_banner_wrap .slide li:before{content:'';position:absolute;left:0;top:0;transition:all .3s;width:100%;height:100%;background-color:#000;opacity:.4}
#sh_main_banner_wrap .slide li.swiper-slide-active:before{opacity:0}
#sh_main_banner_wrap .slide li.slide01{background-image:url(../img/main/main_banner_01.jpg)}
#sh_main_banner_wrap .slide li.slide02{background-image:url(../img/main/main_banner_02.jpg)}
#sh_main_banner_wrap .slide li.slide03{background-image:url(../img/main/main_banner_03.jpg)}
#sh_main_banner_wrap .slide li.slide04{background-image:url(../img/main/main_banner_04.jpg)}
/* pager */
#sh_main_banner_wrap .slide .pager{margin-top:40px}
#sh_main_banner_wrap .slide .pager .swiper-pagination-bullet{background-color:#fff;opacity:.5}
#sh_main_banner_wrap .slide .pager .swiper-pagination-bullet-active{opacity:1}
@media(max-width:1070px){
#sh_main_banner_wrap{padding-top:70px}
#sh_main_banner_wrap .txt_area{position:initial;transform:translate(0)}
#sh_main_banner_wrap .slide li{height:350px}
}
@media(max-width:768px){
#sh_main_banner_wrap .txt_area{margin-bottom:30px}
#sh_main_banner_wrap .txt_area .s_tit{margin-bottom:15px}
#sh_main_banner_wrap .txt_area .tit{font-size:30px;line-height:40px;word-break:keep-all}
#sh_main_banner_wrap .slide li{height:300px}
}
@media (max-width:480px){
#sh_main_banner_wrap .txt_area .s_tit{line-height:25px;word-break:keep-all}
#sh_main_banner_wrap .slide li{height:250px}
}
@media (max-width:380px){
#sh_main_banner_wrap{padding:70px 0 30px}
#sh_main_banner_wrap .txt_area{margin-bottom:40px}
#sh_main_banner_wrap .txt_area .tit{font-size:26px;line-height:36px}
#sh_main_banner_wrap .slide li{height:200px}
}

/* =========================== atc01 */
#atc01{display:flex;width:1070px;margin:32px auto 50px}
#atc01 > div{width:calc(100% / 3)}
#atc01 > div+div{margin-left:30px}
#atc01 .box .tit{position:relative;margin-bottom:25px;font-size:20px;font-weight:600;letter-spacing:-.5px;font-family:'Noto Sans KR'}
#atc01 .box .tit span{position:relative;top:-4px;margin-left:8px;font-size:12px;font-weight:normal;color:#777;letter-spacing:0;font-family:'SBAggroM'}
#atc01 .box .tit a{position:absolute;right:0;top: 8px;width:15px;height:15px}
#atc01 .box .tit a:before,#atc01 .box .tit a:after{content:'';position:absolute;background-color:#999}
#atc01 .box .tit a:before{left:7px;top:0;width:1px;height:100%}
#atc01 .box .tit a:after{left:0;top:7px;width:100%;height:1px}
#atc01 .box02 ul{display:flex}
#atc01 .box02 ul li{width:calc(100% / 2);height:104px}
#atc01 .box02 ul li+li{margin-left:10px}
#atc01 .box02 ul li a{display:block;height:100%;background:center no-repeat;background-size:cover}
#atc01 .box02 ul li a.img01{background-image:url(../img/main/inc01/img01.jpg)}
#atc01 .box02 ul li a.img02{background-image:url(../img/main/inc01/img02.jpg)}
#atc01 .cs_box{padding:30px 0;background:#222 url(../img/main/inc01/cs_box_bg.png) no-repeat right center;background-size:cover;text-align:center;font-size:12px;line-height:22px;color:#6b6b6b;font-family:'SBAggroL'}
#atc01 .cs_box .s_tit{color:#aaa;margin-bottom:8px;font-family:'SBAggroM'}
#atc01 .cs_box .tel{margin-bottom:10px;color:#fff;font-size:30px;line-height:30px;font-family:'SBAggroB'}
#atc01 .cs_box ul li span{margin-right:5px;color:#a9a9a9;font-family:'SBAggroM'}
.sh_basic li{position:relative;padding-left:15px;line-height:14px}
.sh_basic li+li{margin-top:16px}
.sh_basic li:last-child{border-bottom:0}
.sh_basic li:before{position:absolute;left:0;top:4px;width:5px;height:5px;background-color:#e1e1e1;border-radius:50%;content:''}
.sh_basic li a{display:flex;color:#777;transition:all .3s;font-size:14px;letter-spacing:-.2px;font-family:'Noto Sans KR';justify-content:space-between}
.sh_basic li a:hover{color:#222}
.sh_basic li a .date{color:#999}
@media (max-width:1070px){
#atc01{width:100%;padding:0 15px;margin-bottom:15px;flex-wrap:wrap}
#atc01 > div{width:calc(100% / 2 - 20px)}
#atc01 > div+div{margin-left:40px}
#atc01 .cs_box{width:100%;margin:35px 0 0}
}
@media (max-width:530px){
#atc01 > div{width:100%;padding:0 15px}
#atc01 .box02{margin:32px 0 0;padding-top:32px;border-top:1px dashed #e1e1e1}
}
@media (max-width:380px){
#atc01 .box .tit{font-size:18px}
}