@charset "utf-8";

/* 메인영역 */
#main_banner_wrap{position:relative;height:700px;background:url(/sh_img/index/main_banner/main_banner.jpg) no-repeat center top #fff;background-size:cover;-webkit-transition:height .2s;transition:height .2s}
#main_banner_wrap:before{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);-webkit-transition:opacity .2s;transition:opacity .2s}
#main_banner_wrap .txt{position:relative;width:100%;max-width:1200px;margin:0 auto}
#main_banner_wrap .move_txt01{position:absolute;top:202px;left:8px;font-size:15px;line-height:15px;color:#888;letter-spacing:0;font-weight:600;font-family:'Poppins'}
#main_banner_wrap .move_txt01:after{content:""; display:inline-block;vertical-align:middle;width:115px;height:1px;margin-left:15px;background-color:rgba(0,0,0,.2)}
#main_banner_wrap .move_txt02{position:absolute;top:253px;width:100%;font-size:61px;line-height:82px;color:#333;letter-spacing:-0.6px;font-family:'notokr-thin'}
#main_banner_wrap .move_txt02 span{font-family:'notokr-bold'}
#main_banner_wrap .move_txt02 .sty_color{color:#6ab521}

#main_lt{position:relative;height:80px;margin-top:-80px;background:rgba(0,0,0,0.7)}
#main_lt .mn_lt_wrap{position:relative;width:100%;max-width:1200px;margin:0 auto}
#main_lt .mn_lt_wrap:after{content:"";display:block;clear:both}
#main_lt .lt_box{float:left;width:62%;height:80px}
#main_lt .lt_box .mn_lt{overflow:hidden}
#main_lt .lt_box .mn_lt > div{overflow:hidden}
#main_lt .lt_box .mn_lt .cont_tit{float:left;width:15%;height:80px;font-size:16px;text-align:center;line-height:80px;font-weight:600;font-family:'Poppins', sans-serif}
#main_lt .lt_box .mn_lt p{color:#fff}
#main_lt .tel_box{float:left;overflow:hidden;width:38%;margin-top:-157px;border-top-right-radius:25px;background-color:#5a9f18}
#main_lt .tel_box > div{float:left}
#main_lt .tel_box .tabs{width:180px}
#main_lt .tel_box .tabs li{-webkit-transition:all .3s;transition:all .3s}
#main_lt .tel_box .tabs li:nth-child(1){background:url('/sh_img/index/main_banner/telbox_ico1.png') no-repeat 30px center #6ab521}
#main_lt .tel_box .tabs li:nth-child(2){background:url('/sh_img/index/main_banner/telbox_ico2.png') no-repeat 30px center #6ab521}
#main_lt .tel_box .tabs li:nth-child(3){background:url('/sh_img/index/main_banner/telbox_ico3.png') no-repeat 30px center #6ab521}
#main_lt .tel_box .tabs li a{display:block;height:79px;padding:30px 0 30px 73px;border-bottom:1px solid #8cc555;font-size:14px;line-height:24px;color:#fff;font-family:'notokr-medium'}
#main_lt .tel_box .tabs li:hover{background-color:rgba(123,209,39,0.7)}

#main_lt .tel_box .contact{width:calc(100% - 180px);text-align:center;background-color:#5a9f18}
#main_lt .tel_box .contact dt{padding:38px 0 20px;font-size:16px;letter-spacing:0;color:#e4eede;font-weight:600;font-family:'Poppins', sans-serif}
#main_lt .tel_box .contact .tel a{font-size:32px;line-height:79px;font-weight:700;color:#fff;font-family:'Poppins', sans-serif}
#main_lt .tel_box .contact dd{font-size:14px;line-height:23px;letter-spacing:0;color:#b5d0a3;font-family:'Poppins', sans-serif}

.bx-pager{display:none;position:absolute;bottom:145px;left:50%;margin-left:-28px;z-index:999}
.bx-pager-item{float:left}
.bx-pager-item a{display:block;width:11px;height:11px;border:2px solid #fff;border-radius:50%;text-indent:-1000px;margin-left:9px;overflow:hidden;content:"";opacity:0.3}
.bx-pager-item a.active{border:2px solid #00a99d;opacity:1}

/* 반응형 [s] */
@media (max-width:1024px){
#main_banner_wrap{height:500px}
#main_banner_wrap:before{opacity:1}
#main_banner_wrap .move_txt01{top:130px;left:30px;color:#fff}
#main_banner_wrap .move_txt01:after{background-color:rgba(255,255,255,.4)}
#main_banner_wrap .move_txt02{top:170px;left:30px;width:auto;font-size:44px;line-height:1.3;;color:#fff}
#main_banner_wrap .move_txt02 .sty_color{color:#88e42e}
#main_lt .tel_box .tabs{width:140px}
#main_lt .tel_box .tabs li{background-position:20px center!important}
#main_lt .tel_box .tabs li a{padding:30px 0 30px 55px}
#main_lt .tel_box .contact{width:calc(100% - 140px)}
#main_lt .tel_box .contact .tel a{font-size:24px;line-height:2.5}
#main_lt .tel_box .contact dd a{color:#b5d0a3}
}
@media (max-width:768px){
#main_banner_wrap{background-position:65% -80px}
#main_banner_wrap .move_txt01{top:200px;left:20px}
#main_banner_wrap .move_txt02{top:240px;left:20px}
#main_lt{height:auto}
#main_lt .lt_box{float:none;width:100%}
#main_lt .lt_box .mn_lt .cont_tit{width:auto;padding:0 20px}
#main_lt .tel_box{float:none;width:100%;height:auto;margin:0;border-radius:0}
#main_lt .tel_box .tabs{float:none;width:100%}
#main_lt .tel_box .tabs ul{overflow:hidden}
#main_lt .tel_box .tabs li{float:left;width:calc(100% / 3)}
#main_lt .tel_box .tabs li:nth-child(1){/*background:url('/sh_img/index/main_banner/telbox_ico1_m.png') no-repeat 30px center #6ab521;background-size:30px*/}
#main_lt .tel_box .tabs li:nth-child(2){/*background:url('/sh_img/index/main_banner/telbox_ico2_m.png') no-repeat 30px center #6ab521;background-size:32px*/}
#main_lt .tel_box .tabs li:nth-child(3){/*background:url('/sh_img/index/main_banner/telbox_ico3_m.png') no-repeat 30px center #6ab521;background-size:30px*/}
#main_lt .tel_box .tabs li+li{border-left:1px solid rgba(255,255,255,.3)}
#main_lt .tel_box .tabs li a{height:auto;padding:55px 0 12px;text-align:center}
#main_lt .tel_box .tabs li{background-position:center 15px !important}
#main_lt .tel_box .contact{float:none;width:100%;padding-bottom:20px;background-color:#f5f5f5}
#main_lt .tel_box .contact dt{padding:20px 0 0;color:#333}
#main_lt .tel_box .contact dd{color:#888}
#main_lt .tel_box .contact dd a{color:#888}
#main_lt .tel_box .contact .tel a{line-height:2;color:#6ab521}
}
@media (max-width:480px){
#main_banner_wrap{height:400px}
#main_banner_wrap .move_txt01{top:160px;font-size:14px;font-weight:500}
#main_banner_wrap .move_txt01:after{width:70px}
#main_banner_wrap .move_txt01 span{display:none}
#main_banner_wrap .move_txt02{top:185px;font-size:34px}
#main_lt .lt_box .mn_lt > div{display:flex}
#main_lt .tel_box .contact{padding-bottom:15px}
#main_lt .tel_box .contact dt{font-size:14px}
#main_lt .tel_box .contact .tel a{font-size:22px;line-height:1.8}
#main_lt .tel_box .contact dd{line-height:1.6}
}
@media (max-width:380px){
#main_banner_wrap .move_txt01:after{width:35px}
#main_banner_wrap .move_txt02{font-size:30px}
}
/* 반응형 [e] */