@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;margin-bottom:150px}
#mainVisual .inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
#mainVisual .inner .top_cont{display:flex;align-items:flex-start;justify-content:space-between}
#mainVisual .inner .link_area{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1150px;margin:45px auto 0}
#mainVisual .inner .link_area li{width:100%}
#mainVisual .inner .link_area a{display:flex;align-items:flex-start;gap:20px;width:100%;padding:30px 20px;border-radius:10px;background:rgba(255, 255, 255, 0.8);transition:all 0.2s}
#mainVisual .inner .link_area a .icon_txt{width:calc(100% - 70px)}
#mainVisual .inner .link_area a .icon_txt p{padding-bottom:5px;font-size:19px;font-weight:700;color:#222}
#mainVisual .inner .link_area a .icon_txt span{font-size:15px;color:#555;line-height:1.5}
#mainVisual .inner .link_area a .icon_box{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:5px;background:rgba(0,0,0,0.4);transition:all 0.2s}
#mainVisual .inner .link_area li:hover a{background:rgba(255, 255, 255, 1)}
#mainVisual .inner .link_area li:hover a .icon_box{background:var(--primary)}

#mainVisual .pl{white-space:pre-line}
#mainVisual .main_txt{z-index:10;width:100%;max-width:1500px;font-size:15px;color:rgba(255,255,255,0.7)}
#mainVisual .top_rating{display:flex;align-items:center;justify-content:center;width:170px;margin-bottom:20px;padding:10px 0;border-radius:50pt;background:rgba(255, 255, 255, 0.5)}
#mainVisual .top_rating .star_icon{display:inline-block;width:32px;height:32px;margin-right:8px;border-radius:50%;background:var(--primary) url("./star.png") no-repeat center}
#mainVisual .top_rating .txt{font-size:15px;font-weight:500}
#mainVisual .main_txt h1{margin-bottom:20px;font-size:48px;font-weight:200;color:#fff}
#mainVisual .main_txt h1 span{font-weight:700}
#mainVisual .main_txt .bot_txt{font-size:16px;line-height:1.6}
#mainVisual .control{display:flex;gap:10px;position:absolute;z-index:10;margin-top:33px;font-weight:600}
#mainVisual .control *{display:flex;align-items:center;justify-content:center}
#mainVisual .control .pager{gap:10px;margin:0 25px;color:rgba(255,255,255,0.5);font-size:15px;font-family:var(--e-font)}
#mainVisual .control svg{width:20px;color:rgba(255,255,255,0.8)}
#mainVisual .control > span{cursor:pointer;width:51px;height:51px;border-radius:100px;border:1px solid rgba(255,255,255,0.5);transition:all 0.3s}
#mainVisual .control .swiper-pagination-current{color:#fff}
#mainVisual .contact{display:flex;justify-content:space-between;position:absolute;right:0;padding:0 40px;margin-top:190px;width:480px;line-height:70px;background:var(--primary);transition:all 0.2s}
#mainVisual .contact .left{font-size:16px;font-weight:600;color:#fff}
#mainVisual .contact .left span{display:inline-block;padding-right:12px;font-size:14px;font-weight:600;font-family:var(--e-font);color:rgba(255,255,255,0.6)}
#mainVisual .contact .right{display:flex;align-items:center;gap:20px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.6)}
#mainVisual .contact .right em{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#fff;border-radius:50px}
#mainVisual .contact .right svg{width:13px;stroke-width:3px;color:#333;transition:all 0.3s}

/* 스와이퍼 */
#mainVisual .main_slide{position:relative;width:100%;height:755px}
#mainVisual .main_slide ul{height:100%}
#mainVisual .main_slide ul li{width:100%;height:100%;background:no-repeat;background-size:cover;background-position:center}
#mainVisual .main_slide ul li.bg01{background-image:url('./main01.jpg')}
#mainVisual .main_slide ul li.bg02{background-image:url('./main02.jpg')}
#mainVisual .main_slide ul li.bg03{background-image:url('./main03.jpg')}

/* form */
.form_area{width:46%;padding:30px 40px;border-radius:20px;background:rgba(255,255,255,0.8)}
.form_area > p{padding-bottom:15px;font-size:25px;font-weight:700;color:#222;text-align:center;line-height:1.5;font-family:'GMarketSans'}
.form_area > p b{font-weight:700;color:var(--primary)}
.form_area form div+div{margin-top:15px}
.form_area form div label{font-size:18px;font-weight:500;color:#222;font-family:'GMarketSans'}
.form_area form div input{width:100%;padding:19px;margin-top:5px;border:none;border-radius:5px;font-size:17px;font-weight:500;color:#222;background:#f7f7f7}
.form_area form div input::placeholder{font-size:17px;font-weight:400;color:#bbb}
.form_area form div button{width:100%;padding:21px;margin-top:10px;border:none;border-radius:60px;font-size:17px;font-weight:700;color:#fff;text-align:center;background:var(--primary);transition:all 0.2s}
.form_area form div button:hover{background:#2452c6}
.form_area form div.check{display:flex;align-items:center;gap:5px;justify-content:flex-end}
.form_area form div.check label{font-size:15px;font-weight:400;color:#777;text-align:right;font-family:var(--k-font)}
.form_area form div.check a{font-size:15px;font-weight:500;color:#555;text-align:right}
.form_area form div.check input{margin-top:0}
.form_area form div.check #agree{width:initial}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .control > span:hover{border:1px solid #fff}
#mainVisual .contact:hover{transform:translateY(-20px)}
#mainVisual .contact:hover svg{transform:rotate(270deg)}
}
@media (max-width:1380px){
#mainVisual .main_txt{width:95%}
#mainVisual .main_txt h1{font-size:45px}
}
@media (max-width:1024px){
#mainVisual .main_slide{height:600px}
#mainVisual .main_txt{top:140px}
#mainVisual .main_txt h1{margin-bottom:35px;font-size:35px}
#mainVisual .control{margin-top:60px}
#mainVisual .contact{margin-top:185px;padding:0 30px;width:420px;line-height:63px}
}
@media (max-width:768px){
#mainVisual .main_slide{height:520px}
#mainVisual .main_txt{top:100px;text-align:center}
#mainVisual .main_txt h1{margin-bottom:28px;font-size:30px}
#mainVisual .control{left:50%;transform:translateX(-50%);margin-top:40px}
#mainVisual .contact{margin-top:185px;right:50%;transform:translateX(50%) !important;width:100%}
}
@media (max-width:480px){
#mainVisual .main_slide{height:438px}
#mainVisual .main_txt{top:80px;font-size:14px}
#mainVisual .main_txt h1{margin-bottom:20px;font-size:24px}
#mainVisual .control{margin-top:30px}
#mainVisual .control > span{width:46px;height:46px}
#mainVisual .contact{padding:0 20px;margin-top:160px;line-height:58px}
#mainVisual .contact .left{font-size:15px}
#mainVisual .contact .left span{padding-right:8px;font-size:13px}
#mainVisual .contact .right{gap:15px;font-size:14px}
#mainVisual .contact .right em{width:33px;height:33px}
}
@media (max-width:380px){
#mainVisual .main_slide{height:383px}
#mainVisual .main_txt{top:70px;font-size:13px}
#mainVisual .main_txt h1{margin-bottom:15px;font-size:21px}
#mainVisual .control{margin-top:25px}
#mainVisual .control > span{width:43px;height:43px}
#mainVisual .contact{padding:0 16px;margin-top:140px;line-height:52px}
#mainVisual .contact .left{font-size:14px}
#mainVisual .contact .left span{padding-right:6px;font-size:12px}
#mainVisual .contact .right{gap:12px;font-size:13px}
#mainVisual .contact .right em{width:31px;height:31px}
}
/* 반응형 [e] */