@charset "utf-8";

/* 메인이미지 */
#main_banner_wrap{position:relative;width:100%;height:840px}
#main_banner_wrap li{width:100%;height:100%}
#main_banner_wrap .img01{background:url(/sh_img/index/main_banner/main_banner01.jpg) center top no-repeat}
#main_banner_wrap .img02{background:url(/sh_img/index/main_banner/main_banner02.jpg) center top no-repeat} 

/* 메인텍스트 */
#main_banner .txt_area{position:relative;width:1100px;margin:0 auto;z-index:1000}
#main_banner .txt_area .txt{position:absolute;top:280px;width:100%;color:#fff;line-height:1.2;text-align:center}
#main_banner .txt_area .txt .s_txt{display:inline-block;height:40px;padding:0 20px;margin-left:40px;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);font-size:16px;
 font-weight:600;line-height:42px;letter-spacing:.5px;text-transform:uppercase;opacity:0;font-family:'Crimson Text', serif}
#main_banner .txt_area .txt .b_txt{margin:30px 40px 0 0;font-size:52px;letter-spacing:-.5px;opacity:0;font-family:'notokr-light'}
#main_banner .txt_area .txt .b_txt span{font-family:'notokr-bold'}
#main_banner .txt_area .txt a{display:inline-block;position:relative;margin-top:60px;padding:0 20px 12px;font-size:14px;font-weight:600;letter-spacing:.5px;color:#fff;text-transform:uppercase;opacity:0;font-family:'Crimson Text', serif}
#main_banner .txt_area .txt a:before, #main_banner .txt_area .txt a:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:3px;transition:width .4s;transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#main_banner .txt_area .txt a:before{width:100%;right:0;background:#fff;transition-delay:.2s}
#main_banner .txt_area .txt a:after{width:0;left:0;background:#cdbd9b;transition-delay:0s}
#main_banner .txt_area .txt a:hover:before{width:0;transition-delay:0s}
#main_banner .txt_area .txt a:hover:after{width:100%;transition-delay:.2s}  

/* 메인박스 */
#main_banner .txt_area ul{position:absolute;top:760px;width:100%;opacity:0}
#main_banner .txt_area ul li{float:left;position:absolute;bottom:0;width:267.5px;height:140px;margin-left:10px;font-size:17px;background-color:rgba(204,204,204,.1);background-repeat:no-repeat;background-position:center bottom;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#main_banner .txt_area ul li a{display:block;height:100%;padding:35px 0 0 30px;color:#fff}
#main_banner .txt_area ul li p { position:absolute; bottom:0; left:0; width:100%;padding:7px 0; text-align:center; background-color:rgba(0,0,0,.6)}
#main_banner .txt_area ul li:nth-child(1){margin-left:0;background-image:url(/sh_img/index/main_banner/img/bg01.jpg)}
#main_banner .txt_area ul li:nth-child(2){left:267.5px;background-image:url(/sh_img/index/main_banner/img/bg02.jpg)}
#main_banner .txt_area ul li:nth-child(3){right:277.5px;background-image:url(/sh_img/index/main_banner/img/bg03.jpg)}
#main_banner .txt_area ul li:nth-child(4){right:0;background-image:url(/sh_img/index/main_banner/img/bg04.jpg)}
#main_banner .txt_area ul li:hover{height:155px}

/* 익스8이하 */
@media \0screen {
#main_banner .txt_area ul li{border:1px solid #fff}
}