/*Content CSS*/
#main_vis { padding:30px 0 0;  display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; width: 100%; height:550px;}
#main_bg { position:absolute; background: url('../img/main1.jpg') 50% 50% no-repeat; background-size:cover; width: 100%; height: 100%; left: 0; top:0;}

/*메인타이포*/
.main_typo {width: 100%; max-width: 1300px; margin: 0 auto; z-index: 2; padding: 0 20px; text-align: center; word-break: keep-all;}
.main_typo h1 {font-size:40px; font-weight: 800; color:#fff; line-height: 1.2; font-family: 'Pretendard',sans-serif; text-transform: uppercase;}
.main_typo h2 {font-size:14px; font-weight: 400; color:#fff; line-height: 1.65; font-family: 'NanumSquare',sans-serif; margin:0 0 40px;}

/* btn */
#main_vis .c_btn a {font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; text-align: left; font-family: 'NanumSquare',sans-serif; text-transform: uppercase; color:#fff; position: relative;}
#main_vis .c_btn a .arrow {display: block; width: 40px; height: 14px; position: absolute; right: 13px; top: 50%;  transform: translateY(-50%);
background:url("../img/c_btn_arrow.png") 50%/contain no-repeat;}
#main_vis .c_btn a .cir {display: block; width:35px; height: 35px; border:1px solid #fff; border-radius: 50%; margin-left: 30px; transition:all .3s; }
#main_vis .c_btn a:hover .cir {background-color: rgba(96,33,124,.6); border-color: rgba(96,33,124,.6); margin-left:45px;}



@media screen and (max-width:1600px) {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 640px) {
}