@import url('sub.css');



/* Contact */
.location_cont .mapArea {border-radius:10px; overflow:hidden; height:500px}
.location_cont .mapArea iframe {width:100%; height:100%}
.location_cont .location_info {padding-top:40px; display:flex; justify-content:space-between}
.location_cont .location_info .info_list {display:flex; gap:65px;}
.location_cont .location_info .info_list .company_info {padding:5px 0 0}
.location_cont .location_info .info_list .company_info > address {margin-bottom:6px}
.location_cont .location_info .info_list .contact_box {display:flex; gap:30px;}
.location_cont .location_info .info_list .contact_box span {color:var(--black); margin-right:6px; display:inline-block;}
.location_cont .location_info .location_btn_list {display:flex; gap:5px; }
.location_cont .location_info .location_btn_list a {height:57px; border-radius:10px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; color:var(--black)}
.location_cont .location_info .location_btn_list a.google { border:1px solid var(--border); width:170px}
.location_cont .location_info .location_btn_list a.google:hover {background:var(--grayBg)}
.location_cont .location_info .location_btn_list a.google::before {width:21px; height:21px; background: url("/contact/img/google.svg") no-repeat center/cover; content:""; margin-right:9px}
.location_cont .location_info .location_btn_list a.print {font-size:0; width:57px; background:var(--main); width:57px}
.location_cont .location_info .location_btn_list a.print:hover {background:var(--sub);}

/* Print */
/* .print .mapArea {height:350px; margin-bottom:40px}
.print .mapArea iframe {width:100%; height:100%}
.print .location_info .info_list {display:flex; gap:65px;}
.print .location_info .info_list .company_info {padding:5px 0 0}
.print .location_info .info_list .company_info > address {margin-bottom:6px}
.print .location_info .info_list .contact_box {display:flex; gap:30px;}
.print .location_info .info_list .contact_box span {color:var(--black); margin-right:6px; display:inline-block;}
.print .location_btn {display:flex; justify-content:flex-end}
.print a.print_btn {height:57px; border-radius:10px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; color:var(--black); font-size:0; width:57px; background:var(--main); width:57px}
.print a.print_btn:hover {background:var(--sub);} */

/* Request */
.request_cont {padding-top:120px}
.request_cont .form_in {max-width:720px; margin:0 auto; width:90%; padding:40px 30px 50px 30px; box-sizing:border-box; background:var(--white); border-radius: 10px; box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);}
.request_cont .form_in h2 {display:flex; justify-content:center; margin-bottom:20px}
.request_cont .form_in h2 img {width:209px; height:auto; object-fit:cover;}

/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){
}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
.location_cont .location_info .info_list {gap:40px}
}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
.location_cont .mapArea {border-radius:5px; height:400px}
.location_cont .location_info {padding-top:30px; align-items:flex-end}
.location_cont .location_info .info_list {display:block}
.location_cont .location_info .info_list h4 {margin-bottom:5px}
.location_cont .location_info .info_list .company_info {padding:0}
.location_cont .location_info .info_list .company_info > address {margin-bottom:0}
.location_cont .location_info .location_btn_list a {height:50px; border-radius:5px}
.location_cont .location_info .location_btn_list a.google {width:150px}
.location_cont .location_info .location_btn_list a.google::before {width:18px; height:18px}
.location_cont:not(.print) .location_info .location_btn_list a.print {display:none}


.request_cont {padding-top:90px}
.request_cont .form_in {padding: 30px 25px 40px}
}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
.location_cont .mapArea {height:300px}
.location_cont .location_info {display:block; padding-top:20px}
.location_cont .location_info .info_list {margin-bottom:30px}
.location_cont .location_info .info_list .contact_box {display:block}
.location_cont .location_info .location_btn_list a.google {width:100%}

.request_cont {padding-top:60px}
.request_cont .form_in {padding:20px 15px 30px; border-radius:5px}
.request_cont .form_in h2 img {width:155px}
}