@charset "utf-8";

#mainVisual{overflow:hidden;min-width:1200px;width:100%;margin:95px auto 0;background:url(./main_bg.jpg) no-repeat center / cover}
#mainVisual .main_wrap{width:1200px;margin:164px auto 280px}

/* 문구 */
#mainVisual .txt_area{opacity:0}
#mainVisual .txt_area .btxt{margin-bottom:28px;font-size:61px;font-weight:700;color:#73d2de;line-height:1.1;opacity:0;font-family:'Montserrat'}
#mainVisual .txt_area .stxt{font-size:15px;line-height:26px;color:rgba(0,0,0,0.7);opacity:0;font-family:'notokr-regular'}
#mainVisual .txt_area .btxt em{font-size:57px;font-weight:normal;color:#222;font-style:normal;font-family:'notokr-thin'}
#mainVisual .txt_area .dot{position:absolute;bottom:24px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}

/* 인덱스 박스 */
#mainVisual .btn_box{display:flex;position:absolute;bottom:50px;width:1200px;opacity:0;box-shadow:3px 5px 20px -2px rgba(0,0,0,.2)}
#mainVisual .btn_box li{width:33.33%;border-right:1px solid #ddd;background:#fff}
#mainVisual .btn_box li:nth-child(3){border-right:none}
#mainVisual .btn_box li a{display:block;width:100%;height:100%;padding:35px 0 35px 120px}
#mainVisual .btn_box li a img{display:none}
#mainVisual .btn_box li .li_txt{font-size:18px;line-height:21px;color:#333;font-family:'notokr-bold'}
#mainVisual .btn_box li .li_txt span{font-size:13px;color:#888;font-family:'Montserrat'}
#mainVisual .btn_box li a{background:no-repeat 40px center}
#mainVisual .btn_box li:nth-child(1) a{background-image:url('./main_icon01.png')}
#mainVisual .btn_box li:nth-child(2) a{background-image:url('./main_icon02.png')}
#mainVisual .btn_box li:nth-child(3) a{background-image:url('./main_icon03.png')}

@media(hover:hover){
#mainVisual .btn_box li:hover{background:#f5f5f5;transition:all 0.3s}
#mainVisual .btn_box li:hover .li_txt{color:#73d2de;transition:all 0.3s}
#mainVisual .btn_box li:hover .li_txt span{color:#73d2de;transition:all 0.3s}
}
@media(max-width:1280px){
#mainVisual{min-width:100%;padding:0 20px}
#mainVisual .main_wrap{width:100%}
#mainVisual .btn_box{width:calc(100% - 30px)}
}
@media(max-width:1024px){
#mainVisual{margin-top:0;padding:0 15px}
#mainVisual .main_wrap{margin:120px 0 200px}
#mainVisual .txt_area .btxt{margin-bottom:20px;font-size:50px}
#mainVisual .txt_area .btxt em{font-size:45px}
#mainVisual .txt_area .stxt{font-size:14px}
#mainVisual .btn_box{bottom:-80px}
#mainVisual .btn_box li a{padding:90px 20px 20px;background-position:50% 30px}
#mainVisual .btn_box li .li_txt{text-align:center}
}
@media(max-width:800px){
#mainVisual{background-position:right}
#mainVisual .txt_area{text-align:center}
}
@media(max-width:600px){
#mainVisual .txt_area .btxt{font-size:40px}
#mainVisual .btn_box{display:block;bottom:-210px}
#mainVisual .btn_box li{width:100%}
#mainVisual .btn_box li+li{border-top:1px solid #ddd}
#mainVisual .btn_box li a{display:flex;justify-content:center;align-items:center;padding:30px 20px}
#mainVisual .btn_box li:nth-child(1) a,#mainVisual .btn_box li:nth-child(2) a,#mainVisual .btn_box li:nth-child(3) a{background-image:none}
#mainVisual .btn_box li a img{display:block;margin-right:15px}
#mainVisual .btn_box li .li_txt{text-align:left;font-size:16px}
}
@media(max-width:400px){
#mainVisual .txt_area .btxt{font-size:30px}
#mainVisual .txt_area .btxt em{font-size:35px}
}