@charset "utf-8";

#atc05 input:focus, #atc05 input:active, #atc05 textarea:focus, #atc05 button:active{ box-shadow:none!important;outline:none!important;border:none!important}

#atc05{position:relative;background:#f2f3f2 url(./img/atc05-bg.png) no-repeat top center;z-index:1;color:#fff}
#atc05 .inner{position:relative;max-width:1200px;margin:0 auto;padding:100px 70px;background-color:#6a7569;-webkit-transform:translate(20px,20px);-ms-transform:translate(20px,20px);transform:translate(20px,20px)}
#atc05 .inner:after{display:block;content:"";visibility:hidden;clear:both}
#atc05 .inner:before{position:absolute;left:-50%;top:0;width:50%;height:100%;content:'';z-index:-1;background-color:#6a7569}
#atc05 .inner .cont_area{position:relative;float:left;padding-left:82px;margin-right:105px}
#atc05 .inner .cont_area p{position:absolute;left:-49px;top:80px;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);font-size:14px;font-weight:500;letter-spacing:.2px;color:rgba(255,255,255,.6)}
#atc05 .inner .cont_area p span{display:inline-block;width:5px;height:5px;background-color:#fff;border-radius:50%;margin-left:26px}
#atc05 .inner .cont_area form{width:450px}
#atc05 .inner .cont_area ul li{height:65px;padding:0 25px;margin-bottom:10px;background-color:rgba(255,255,255,.1)}
#atc05 .inner .cont_area ul li label{display:inline-block;vertical-align:top;width:90px;cursor:pointer;font-size:14px;font-weight:500;line-height:65px}
#atc05 .inner .cont_area ul li .inc_input{width:calc(100% - 95px);height:100%;border:none;background:none;font-size:15px;color:#fff;font-family:'notokr-regular'}
#atc05 .inner .cont_area ul li.msg{height:100px}
#atc05 .inner .cont_area ul li textarea{padding:20px 0;resize:none}

#atc05 .inner .cont_area ul li:last-child{margin-bottom:16px}
#atc05 .inner .cont_area .prv_area{text-align:right;margin-bottom:15px;font-family:'notokr-medium'}
#atc05 .inner .cont_area .prv_area label{font-size:14px;vertical-align:-2px;cursor:pointer}
#atc05 .inner .cont_area .prv_area button{font-size:14px;color:#fff;border:none;background:none;font-family:'notokr-medium'}
#atc05 .inner .cont_area .btn_area #btn_submit{width:100%;height:75px;border:0;font-size:15px;font-weight:600;color:#6a7569;background-color:#fff;-webkit-transition:color .2s;transition:color .2s;font-family:'Poppins','sans-serif'}

#atc05 .inner .tit_area{float:left;width:calc(100% - 639px);padding:48px 0 10px}
#atc05 .inner .tit_area .num{font-weight:700;font-size:14px;margin-bottom:27px}
#atc05 .inner .tit_area .tit{font-weight:800;font-size:32px;margin-bottom:40px}
#atc05 .inner .tit_area ul li{line-height:32px;font-size:14px;font-weight:400}
#atc05 .inner .tit_area .go_btn{position:absolute;right:89px;bottom:139px;z-index:10;color:#fff;font-size:17px;font-weight:500;font-family:'Cinzel'}
#atc05 .inner .tit_area .go_btn:before{position:absolute;right:-30px;bottom:-28px;width:102px;height:76px;z-index:-1;content:'';background:url(./img/atc05-directions.png) no-repeat right center;opacity:0;-webkit-transition:all .2s;transition:all .2s}
#atc05 .inner .tit_area .go_btn i{margin-right:6px;font-size:13px}


/* 반응형 [s] */
@media (hover:hover){
#atc05 .inner .cont_area .prv_area button:hover{text-decoration:underline}
#atc05 .inner .cont_area .btn_area #btn_submit:hover{border:0;color:#a4afa5}
#atc05 .inner .tit_area .go_btn:hover:before{right:-24px;opacity:1}
}
@media (max-width:1380px){
#atc05 .inner{max-width:unset;width:95%}
}
@media (max-width:1024px){
#atc05{padding-bottom:80px}
#atc05 .inner{display:flex;gap:40px;padding:70px 20px}
#atc05 .inner:after{display:none}
#atc05 .inner:before{display:none}
#atc05 .inner .cont_area{padding-left:40px;margin-right:0px;width:calc(50% - 20px)}
#atc05 .inner .cont_area form{width:100%}
#atc05 .inner .cont_area ul li{padding:0 20px;height:55px}
#atc05 .inner .cont_area ul li label{line-height:55px;font-size:13px}
#atc05 .inner .cont_area ul li.msg{height:90px}
#atc05 .inner .cont_area .prv_area button{font-size:14px}
#atc05 .inner .cont_area .btn_area #btn_submit{height:65px;font-size:14px}
#atc05 .inner .tit_area{width:calc(50% - 20px)}
#atc05 .inner .tit_area .tit{font-size:28px}
#atc05 .inner .tit_area ul li{font-size:13px;line-height:2}
#atc05 .inner .tit_area .go_btn{bottom:115px;right:40px}
}
@media (max-width:768px){
#atc05{padding-bottom:60px}
#atc05 .inner{flex-direction:column;gap:0px;padding:35px 2.5% 50px}
#atc05 .inner .cont_area{width:100%;padding:0px}
#atc05 .inner .cont_area p{position:static;transform:none;margin-bottom:20px}
#atc05 .inner .tit_area{position:relative;width:100%;padding:0px;margin-top:50px}
#atc05 .inner .tit_area .go_btn{position:absolute;bottom:0px;right:0px}
#atc05 .inner .tit_area .tit{margin-bottom:15px;font-size:25px}
}
@media (max-width:480px){
#atc05{padding-bottom:0}
#atc05 .inner{width:100%}
#atc05 .inner .cont_area p{display:flex;align-items:center;font-size:13px}
#atc05 .inner .cont_area p span{margin-left:15px}
#atc05 .inner .cont_area ul li{padding:0 15px}
#atc05 .inner .cont_area .prv_area button{font-size:13px}
#atc05 .inner .cont_area .prv_area label{font-size:13px;vertical-align:-1px}
#atc05 .inner .cont_area .btn_area #btn_submit{height:55px;font-size:13px}
#atc05 .inner .tit_area .num{font-size:13px}
#atc05 .inner .tit_area .tit{margin-bottom:10px;font-size:22px}
#atc05 .inner .tit_area .go_btn{font-size:16px}
}
@media (max-width:380px){
#atc05 .inner{padding:30px 2.5%}
#atc05 .inner .cont_area p{margin-bottom:15px}
#atc05 .inner .tit_area{margin-top:40px}
#atc05 .inner .tit_area .tit{font-size:19px}
#atc05 .inner .tit_area .go_btn{font-size:15px}
}
/* 반응형 [e] */