@charset "utf-8";
.main_bnr_wrap{position:relative;width:100%;height:936px;padding:100px 100px 0}
.main_bnr_wrap .main_img_area{position:relative;overflow:hidden;z-index:2;width:80%;height:100%;background:#fff;opacity:0}
.main_bnr_wrap .main_img_area li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(1.1,1.1);transition:all 1s}
.main_bnr_wrap .main_img_area li.on{opacity:1;transform:scale(1,1);}
.main_bnr_wrap .main_img_area li img{position:absolute;right:0}

/*메인텍스트*/
.main_bnr_wrap .main_txt_box_area{position:absolute;z-index:3;top:0;left:0;width:650px;height:0;background:url(/sh_img/index/main_banner/txt_box_bg.jpg) no-repeat;transition:all .3s }
.main_bnr_wrap .txt_box{position:absolute;left:100px;top:342px;opacity:0}
.main_bnr_wrap .txt_box .main_tit{margin-bottom:18px;font-size:40px;letter-spacing:-1px;color:#fff; font-family: 'MaruBuri-Regular';}
.main_bnr_wrap .txt_box .main_txt{font-size:14px;line-height:24px;color:rgba(255,255,255,.4);font-family:'notokr-regular'}

/*더보기*/
.main_bnr_wrap .txt_box .more_btn{margin-top:73px;font-weight:600;font-size:15px;font-family:'Playfair Display'}
.main_bnr_wrap .txt_box .more_btn a{position:relative;color:rgba(255,255,255,.5);transition:all .3s}
.main_bnr_wrap .txt_box .more_btn a:before{position:absolute;top:-13px;right:10px;content:'';width:50px;height:50px;border:1px solid rgba(255,255,255,.2);border-radius:50px;opacity:0;transition:all .3s}
.main_bnr_wrap .txt_box .more_btn a:hover{color:#fff}
.main_bnr_wrap .txt_box .more_btn a:hover:before{right:-30px;opacity:1}

/*sns*/
.main_bnr_wrap .sns_link{position:absolute;bottom:100px;left:100px;opacity:0}
.main_bnr_wrap .sns_link li{float:left;margin-right:10px}
.main_bnr_wrap .sns_link li a{display:block;font-weight:400;font-size:13px;color:rgba(255,255,255,.6);transition:all .3s;font-family:'Playfair Display'}
.main_bnr_wrap .sns_link li a:hover{color:#fff}

/*side*/
.main_bnr_wrap .side_controls{position:absolute;z-index:1;right:-100px;bottom:-100px;width:350px;height:733px;background:#5b5e4a;opacity:0}

/*스크롤다운*/
.main_bnr_wrap .scroll{position:absolute;top:211px;right:45px;width:3px;height:138px;z-index:9999}
.main_bnr_wrap .scroll:before{position:absolute;top:-75px;left:-62px;width:126px;content:'Scroll Down';font-weight:600;font-size:14px;letter-spacing:.5px;color:rgba(255,255,255,.4);transform:rotate(-270deg);font-family:'Playfair Display'}
.main_bnr_wrap .scroll:after{position:absolute;top:0;content:'';width:1px;height:130px;background:rgba(255,255,255,.2)}
.main_bnr_wrap .scroll .scroll_shape{position:absolute;overflow:hidden;width:1px;height:1px;background:#fff;
-webkit-animation:arr 2.5s infinite linear;-ms-animation:arr 2.5s infinite linear;animation:arr 2.5s infinite linear}

@-webkit-keyframes arr{from{opacity:0;height:10%}10%{opacity:1;height:20%}100%{height:100%;opacity:0}}
@keyframes arr{from{opacity:0;height:10%}10%{opacity:1;height:20%}100%{height:100%;opacity:0}}

.main_bnr_wrap .bullet{position:absolute;right:46px;bottom:145px;width:6px}
.main_bnr_wrap .bullet li{width:6px;height:6px;margin-bottom:17px;border-radius:6px;background:rgba(255,255,255,.6)}
.main_bnr_wrap .bullet li.on{background:#fff}
.main_bnr_wrap .bullet li:last-child{margin-bottom:0}


@media screen and (max-width: 1700px) {
	.main_bnr_wrap .main_txt_box_area{width:550px}
	.main_bnr_wrap .txt_box,.main_bnr_wrap .sns_link,#top_logo{left:50px}
	.main_bnr_wrap .txt_box .main_txt{padding-right:43px;word-break:keep-all}
	.main_bnr_wrap .txt_box .main_txt br{display:none}
}

@media screen and (max-width: 1600px) {
	.main_bnr_wrap .main_txt_box_area{width:500px}
	.main_bnr_wrap .txt_box .main_tit{font-size:28px}
}
@media screen and (max-width: 1500px) {
	.main_bnr_wrap .main_txt_box_area{width:400px}
}