/* 인트로 */
.introWrap{max-width:1920px;margin:0 auto;}
.introTop{position:relative;}
.introTop .halfCont{display:flex;}
.introTop .halfCont > div{width:50%;}
.introTop .halfCont > div a{padding:570px 0 103px;display:block;position:relative;}
.introTop .halfCont > div a:after{position:absolute;inset:0;background:rgba(0,0,0,.58);content:'';}
.introTop .halfCont > div:hover a:after{display:none;}
.introTop .halfCont > div a:hover .tit:after{background:url('/img/intro/icon_link_on.png');}
.introTop .halfCont .leftCont{background:url('/img/intro/intro_left.jpg')no-repeat center top / cover;}
.introTop .halfCont .rightCont{background:url('/img/intro/intro_right.jpg')no-repeat center top / cover;}
.introTop .halfCont .tit{font-size:7rem;font-weight:900;letter-spacing:-0.02em;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}
.introTop .halfCont .tit:after{width:70px;height:70px;display:inline-block;background:url('/img/intro/icon_link_off.png');margin-left:22px;content:'';}
.introTop .circle{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;}
.introTop .circle:hover{border:4px solid #009163;}

.introFormInfo{background:#009163;display:flex;align-items:center;justify-content:space-between;padding-right:40px;}
.introFormInfo .titBox{width:21.77%;flex-shrink:0;}
.introFormInfo .request_box{width:100%;display:flex;align-items:center;color:#fff;justify-content:flex-end;}
.introFormInfo .request_box ul{display:flex;}
.introFormInfo .request_box ul li dl{display:flex;align-items:center;}
.introFormInfo .request_box ul li + li{margin-left:30px;}
.introFormInfo .request_box ul li dl dt{font-size:2.5rem;letter-spacing:-0.02em;font-weight:900;display:flex;align-items:center;flex-shrink:0;}
.introFormInfo .request_box ul li dl dt:before{width:36px;height:36px;background-repeat:no-repeat;background-image:url('/img/intro/intro_icon1.png');display:inline-block;content:'';margin-right:9px;}
.introFormInfo .request_box ul li:nth-child(2) dl dt:before{background-image:url('/img/intro/intro_icon2.png');}
.introFormInfo .request_box ul li:nth-child(3) dl dt:before{background-image:url('/img/intro/intro_icon3.png');}
.introFormInfo .request_box ul li dl dd select{width:242px;background-image:url('/img/intro/intro_select_bg.png');background-position:right 18px center;}
.introFormInfo .request_box ul li dl dd input[type="text"]{width:216px;}
.introFormInfo .request_box ul li dl dd input[type="tel"]{width:242px;}
.introFormInfo .request_box ul li dl dd select,
.introFormInfo .request_box ul li dl dd input{height:34px;font-size:1.7rem;letter-spacing:-0.02em;background-color:rgba(255,255,255,.25);box-shadow:-2px -5px 5px rgba(0,0,0,.3);border:0;border-radius:19px;margin-left:15px;padding:0 20px;font-weight:700;color:#000;}
.introFormInfo .request_box ul li dl dd input::placeholder{color:#000;}

.introFormInfo .request_box .privacyBox{font-size:4.2rem;letter-spacing:-0.02em;color:#fff;font-weight:900;text-align:right;margin-bottom:30px;}
.introFormInfo .request_box .privacyBox label{text-shadow:-3px 0   0 #40ad8a,3px 0   0 #40ad8a,0   -3px 0 #40ad8a,0    3px 0 #40ad8a,-3px -3px 0 #40ad8a,3px -3px 0 #40ad8a,-3px  3px 0 #40ad8a,3px  3px 0 #40ad8a;}
.introFormInfo .request_box .privacyBox label:after{width:40px;height:39px;background:url('/img/intro/check_off.png');display:inline-block;content:'';margin-left:13px;vertical-align:middle;box-shadow:3px 3px 4px 1px rgba(0,38,26,.6);border-radius:5px;margin-top:-6px;}
.introFormInfo .request_box .privacyBox input{position:absolute;height:0;width:0;opacity:0;}
.introFormInfo .request_box .privacyBox input:checked + label:after{background:url('/img/intro/check_on.png');}
.introFormInfo .request_box .privacyBox label span{position:relative;z-index:1;}
.introFormInfo .request_box .privacyBox label span:before{position:absolute;z-index:-1;inset:0;content:'개인정보 동의 체크';text-shadow:5px 5px 15px rgba(0,0,0,.6);}
.introFormInfo .request_box button{width:19.608%;border:0;background:none;margin-left:30px;flex-shrink:0;}
.introFormInfo .request_box button img{box-shadow:3px 10px 15px 4px rgba(0,38,26,.6);border-radius:30px;}

@media all and (max-width:1920px) {
/* 인트로 */
.introFormInfo .request_box ul li dl dd select{width:12.6041666667vw;}
.introFormInfo .request_box ul li dl dd input[type="text"]{width:11.25vw;}
.introFormInfo .request_box ul li dl dd input[type="tel"]{width:12.6041666667vw;}
.introFormInfo .request_box button img{border-radius:1.5625vw;}
}

@media all and (max-width:1700px) {
/* 인트로 */
.introFormInfo .request_box{padding:20px 0;}
.introFormInfo .request_box > div{width:100%;padding-left:40px;}
.introFormInfo .request_box ul li{flex:1;}
.introFormInfo .request_box ul li dl{flex-direction:column;align-items:flex-start;}
.introFormInfo .request_box ul li dl dd{width:100%;}
.introFormInfo .request_box ul li dl dd select{width:100%;}
.introFormInfo .request_box ul li dl dd input[type="text"]{width:100%;}
.introFormInfo .request_box ul li dl dd input[type="tel"]{width:100%;}
.introFormInfo .request_box ul li dl dd select, .introFormInfo .request_box ul li dl dd input{margin:10px 0 0;}
}

@media all and (max-width:979px) {
/* 인트로 */
.introTop .circle img{width:200px;}
.introTop .halfCont .tit:after{width:65px;height:65px;background-size:65px auto !important;}

}

@media all and (max-width:767px) {
/* 인트로 */
.introTop .halfCont{display:block;}
.introTop .halfCont > div{width:100%;}
.introTop .halfCont > div a{padding:250px 0 250px;}
.introTop .halfCont .tit{font-size:5.6rem;}
.introTop .circle img{width:180px;}
.introTop .halfCont .tit:after{width:45px;height:45px;background-size:45px auto !important;margin-left:12px;}

.introFormInfo{display:block;padding:40px 20px;}
.introFormInfo .titBox{width:320px; margin:0 auto;text-align:center;}
.introFormInfo .request_box{display:block;text-align:center;padding:40px 0 20px;}
.introFormInfo .request_box > div{padding:0;}
.introFormInfo .request_box .privacyBox{text-align:center;}
.introFormInfo .request_box .privacyBox label:after{width:30px;height:29px;background-size:30px auto !important;}
.introFormInfo .request_box ul{flex-direction:column;}
.introFormInfo .request_box ul li{flex:unset;}
.introFormInfo .request_box ul li + li{margin:35px 0 0;}
.introFormInfo .request_box button{width:200px;margin:30px auto 0;}
.introFormInfo .request_box ul li dl dt:before{width:30px;height:30px;background-size:30px auto;margin-top:-6px;}
.introFormInfo .request_box ul li dl dd{margin-top:5px;}
.introFormInfo .request_box button img{border-radius:22px;}
}
