@charset "utf-8";

#main_banner_wrap{overflow:hidden;position:relative;width:100%;height:100vh;min-height:900px;background:url(/sh_img/index/main_banner/main_banner.jpg) center top no-repeat fixed;opacity:.6}

.main_txt{position:relative;width:1200px;margin:0 auto;font-size:22px;color:#fff;letter-spacing:-.2px;line-height:1.6}
.main_txt .txt01{position:absolute;top:665px;left:0;margin-left:20px;opacity:0;font-size:60px;font-family:'notokr-bold'}
.main_txt .txt02{position:absolute;top:780px;left:0;margin-left:-20px;opacity:0}

#main_overlay{position:relative;top:100%;width:0;width:100%;height:100%;background-color:rgba(0,0,0,0);-webkit-transition:all .4s ease-out;transition:all .4s ease-out}
#main_overlay.active{background-color:rgba(0,0,0,.4);top:0}
.main_box{position:relative;width:1200px;margin:0 auto}
.main_box ul{overflow:hidden;float:right;margin-top:340px}
.main_box ul li{float:left;width:280px;height:258px;margin:8px 0 0 8px;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.7);text-align:center;letter-spacing:-.2px;background-color:rgba(0,0,0,.4);-webkit-transition:all .2s;transition:all .2s}
.main_box ul li.box01{float:none;margin-left:296px}
.main_box ul li.box{font-size:15px;cursor:pointer}
.main_box ul li.box .tit{padding:47px 0 15px;font-size:20px;color:#fff;-webkit-transition:color .2s;transition:color .2s;font-family:'notokr-bold'}
.main_box ul li.box .btn{position:relative;z-index:1;width:50%;height:45px;margin:30px auto 0;padding:0;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);font-weight:normal;font-size:14px;line-height:45px;color:#fff;cursor:pointer;font-family:'notokr-medium'}
.main_box ul li.box .btn:before{display:block;content:"";position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:0;background-color:#333;-webkit-transition:all .2s;transition:all .2s}
.main_box ul li.active .btn:before{height:100%}
.main_box ul li.active{color:#777;background-color:#fff}
.main_box ul li.active .tit{color:#b13327}
.main_box ul li.cs{background:url(/sh_img/index/main_banner/main_cs_bg.png) #b13327;font-size:14px;line-height:1.8;font-family:'Montserrat'}
.main_box ul li.cs .s_tit{padding:47px 0 8px;font-size:14px;color:#d78e87;letter-spacing:.5px;text-transform:uppercase}
.main_box ul li.cs .tel{padding-bottom:8px;font-size:28px;font-weight:700;color:#fff}
.main_box ul li.cs span{padding-right:5px;color:#fff}
.main_box ul li.cs span.kakao{color:#e6d100}