@charset "utf-8";

.main_bnr_area{width:100%;max-width:1400px;margin:0 auto}
.main_bnr_area .main_cont{position:relative;width:100%;height:500px;margin:40px 0}
.main_bnr_area .main_cont:after{content:'';clear:both}
.main_bnr_area .main_cont .main_bnr{position:absolute;z-index:9;left:0;width:70%;height:500px;border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,.1);background:url(/wp_img/index/main_banner/img/main_bg.jpg) right no-repeat}
.main_bnr_area .main_cont .main_icon{position:absolute;z-index:8;right:0;width:31%;height:500px;padding:35px 35px 35px 45px;border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff}

.main_bnr_area .main_cont .main_bnr .main_txt{padding:120px 0 0 80px}
.main_bnr_area .main_cont .main_bnr .main_txt .s_tit{padding-bottom:15px;font-size:22px;color:#333;font-family:'SBAggroL'}
.main_bnr_area .main_cont .main_bnr .main_txt .s_tit span{position:relative}
.main_bnr_area .main_cont .main_bnr .main_txt .s_tit span:before{position:absolute;top:-15px;left:calc(50% - 2px);content:'';width:4px;height:4px;border-radius:4px;background:#eda129}
.main_bnr_area .main_cont .main_bnr .main_txt .tit{padding-bottom:20px;font-size:56px;color:#333;font-family:'SBAggroB'}
.main_bnr_area .main_cont .main_bnr .main_txt .tit span{color:#eda129}
.main_bnr_area .main_cont .main_bnr .main_txt .txt{font-size:17px;color:#777;font-family:'SBAggroL'}
.main_bnr_area .main_cont .main_bnr .main_sch{position:relative;width:640px;height:80px;margin: 25px 0 0 52px;}
.main_bnr_area .main_cont .main_bnr .main_sch .sch_input{width:100%;height:100%;padding:0 30px;border-radius:10px;border:0;font-size:15px;box-shadow:0 0 15px rgba(0,0,0,.1);font-family:'SBAggroL'}
.main_bnr_area .main_cont .main_bnr .main_sch .sch_input::placeholder{color:#a3a3a3}
.main_bnr_area .main_cont .main_bnr .main_sch button{position:absolute;top:15px;right:20px;border-radius:5px;width:100px;height:50px;border:0;font-size:15px;color:#fff;background:#564f42;font-family:'SBAggroL'}

.main_bnr_area .main_cont .main_icon .big_btn{width:100%;margin-bottom:30px;padding-bottom:171px}
.main_bnr_area .main_cont .main_icon .big_btn:after{content:'';clear:both}
.main_bnr_area .main_cont .main_icon .big_btn > div{position:relative;top:0;float:left;width:48.5%;height:171px;padding-bottom:48.5%;border-radius:10px;background:url(/wp_img/index/main_banner/img/btn_bg01.jpg) bottom right #eda129 no-repeat;transition:all .3s}
.main_bnr_area .main_cont .main_icon .big_btn > div:last-child{float:right;background:url(/wp_img/index/main_banner/img/btn_bg02.jpg) bottom right #564f42 no-repeat}
.main_bnr_area .main_cont .main_icon .big_btn a{position:absolute;top:0;left:0;width:100%;height:100%}
.main_bnr_area .main_cont .main_icon .big_btn p{position:absolute}
.main_bnr_area .main_cont .main_icon .big_btn .s_tit{top:25px;left:25px;font-size:11px;color:rgba(255,255,255,.8);font-family:'SBAggroM'}
.main_bnr_area .main_cont .main_icon .big_btn .tit{bottom:25px;left:25px;font-size:17px;color:#fff;font-family:'SBAggroL'}

.main_bnr_area .main_cont .link_icon{overflow:hidden;width:100%}
.main_bnr_area .main_cont .link_icon > div{position:relative;top:0;float:left;width:33.33%;padding:20px 0;text-align:center;transition:all .3s}
.main_bnr_area .main_cont .link_icon button{display:block;width:100%;height:100%;border:none;background:none}
.main_bnr_area .main_cont .link_icon > div img{display:inline-block;padding-bottom:10px}
.main_bnr_area .main_cont .link_icon > div .tit{font-size:15px;color:#333;font-family:'SBAggroL'}

.main_bnr_area .sch_bar{overflow:hidden;width:100%;padding:35px 60px;border-radius:20px;background:#564f42}
.main_bnr_area .sch_bar .tit{float:left;display:inline-block;font-size:20px;line-height:50px;color:#fff;font-family:'SBAggroL'}
.main_bnr_area .sch_bar .btn_area{overflow:hidden;float:right}
.main_bnr_area .sch_bar .btn_area button{float:left;display:inline-block;height:50px;border:0;border-radius:5px;margin-left:15px;padding:0 30px;font-size:15px;color:#fff;background:rgba(255,255,255,.3);font-family:'SBAggroL'}
.main_bnr_area .sch_bar .btn_area .c_btn{padding:0 50px;color:#3b362b;background:#fff}

/* 모바일 호버 X */
@media (hover: hover) {
.main_bnr_area .main_cont .main_icon .big_btn > div:hover{top:-5px}
.main_bnr_area .main_cont .link_icon > div:hover{top:-10px;}
}

/* 반응형 [s] */
@media (max-width:1400px){
.main_bnr_area{padding:0 20px}
.main_bnr_area .main_cont .main_bnr .main_txt{padding-left:50px}
.main_bnr_area .main_cont .main_bnr .main_sch{margin-left:50px}
.main_bnr_area .main_cont .main_icon{padding:25px 25px 25px 35px}
.main_bnr_area .main_cont .main_icon .big_btn{margin-bottom:40px}
.main_bnr_area .main_cont .main_icon .big_btn .tit{font-size:15px}
.main_bnr_area .sch_bar{padding:35px 50px}
.main_bnr_area .sch_bar .tit{width:100%;margin-bottom:20px;line-height:20px}
.main_bnr_area .sch_bar .btn_area{width:100%}
.main_bnr_area .sch_bar .btn_area button{padding:0 28px}
.main_bnr_area .sch_bar .btn_area button:first-child{margin-left:0}
}

@media (max-width:1230px){
.main_bnr_area .main_cont .main_icon .big_btn{overflow:hidden;margin-bottom:20px;padding-bottom:0}
.main_bnr_area .main_cont .main_icon .big_btn > div{width:100%;height:100px;padding-bottom:0}
.main_bnr_area .main_cont .main_icon .big_btn > div+div{margin-top:10px}
.main_bnr_area .sch_bar{padding:40px;text-align:center}
.main_bnr_area .sch_bar .btn_area{font-size:0;text-align:center}
.main_bnr_area .sch_bar .btn_area button{float:none;margin:0 0 10px 10px}
.main_bnr_area .sch_bar .btn_area .c_btn{display:block;margin:10px auto 0}
}

@media (max-width:1024px){
.main_bnr_area{padding:0 15px}
.main_bnr_area .main_cont{height:auto;margin-bottom:20px}
.main_bnr_area .main_cont .main_bnr{position:initial;width:100%;margin-bottom:15px;background-size:cover}
.main_bnr_area .main_cont .main_bnr .main_txt{padding-left:40px}
.main_bnr_area .main_cont .main_bnr .main_sch{margin-left:40px}
.main_bnr_area .main_cont .main_icon{position:initial;width:100%;height:auto;padding:40px}
.main_bnr_area .main_cont .main_icon .big_btn{margin-bottom:40px}
.main_bnr_area .main_cont .main_icon .big_btn > div{width:calc(100%/2 - 7.5px)}
.main_bnr_area .main_cont .main_icon .big_btn > div+div{margin-top:0}
.main_bnr_area .main_cont .link_icon > div{width:calc(100%/6);padding:0}
}

@media (max-width:768px){
.main_bnr_area .main_cont .main_bnr{position:relative;height:450px}
.main_bnr_area .main_cont .main_bnr:before{position:absolute;left:0;top:0;content:'';z-index:-1;width:100%;height:100%;border-radius:20px;background:rgba(000,000,000,.3)}
.main_bnr_area .main_cont .main_bnr .main_txt{padding:110px 0 0 25px}
.main_bnr_area .main_cont .main_bnr .main_txt .tit{font-size:45px;color:#fff}
.main_bnr_area .main_cont .main_bnr .main_txt .tit span{color:#fff}
.main_bnr_area .main_cont .main_bnr .main_txt .s_tit{font-size:18px;color:#fff}
.main_bnr_area .main_cont .main_bnr .main_txt .s_tit span:before{background:#fff}
.main_bnr_area .main_cont .main_bnr .main_txt .txt{font-size:15px;line-height:25px;color:#fff}
.main_bnr_area .main_cont .main_bnr .main_sch{width:calc(100% - 50px);height:65px;margin:25px auto 0}
.main_bnr_area .main_cont .main_bnr .main_sch .sch_input{padding:0 20px}
.main_bnr_area .main_cont .main_bnr .main_sch button{top:10px;height:45px}
.main_bnr_area .main_cont .main_icon{padding:25px}
.main_bnr_area .main_cont .main_icon .big_btn .s_tit{left:20px}
.main_bnr_area .main_cont .main_icon .big_btn .tit{left:20px}
.main_bnr_area .sch_bar{padding:35px 25px}
.main_bnr_area .sch_bar .tit{font-size:18px;line-height:18px}
.main_bnr_area .sch_bar .btn_area button{height:45px;padding:0 20px}
}

@media (max-width:480px){
.main_bnr_area .main_cont .main_bnr .main_txt{text-align:center;padding:110px 15px 0}
.main_bnr_area .main_cont .main_bnr .main_txt .txt{word-break:keep-all}
.main_bnr_area .main_cont .main_bnr .main_sch{width:calc(100% - 30px)}
.main_bnr_area .main_cont .main_icon{padding:15px}
.main_bnr_area .main_cont .main_icon .big_btn{margin-bottom:0}
.main_bnr_area .main_cont .link_icon > div{width:calc(100%/3);margin-top:25px}
.main_bnr_area .sch_bar{padding:35px 15px}
}

@media (max-width:380px){
.main_bnr_area .main_cont .main_icon .big_btn > div{width:100%}
.main_bnr_area .main_cont .main_icon .big_btn > div+div{margin-top:10px}
}
/* 반응형 [e] */