@charset "utf-8";

/* =========================== PAGE */
.pagecommon{position:relative;font-size:15px;letter-spacing:-.2px;line-height:1.8;color:#666}
.pagecommon *{word-break:keep-all}

/* Contact us */
#contact1002 .box_tit{font-size:40px;line-height:1;font-weight:600;letter-spacing:0;color:#000;font-family:'Philosopher'}
#contact1002 .box_tit span{font-size:15px;letter-spacing:-.2px;font-weight:500;font-family:'Noto Sans KR'}
#contact1002 .box_inner{max-width:1300px;margin:0 auto}
#contact1002 .contact_box .box_inner{display:flex}
#contact1002 .contact_box{padding-bottom:100px}
#contact1002 .contact_box .l_cs{width:570px}
#contact1002 .l_cs .box_tit{position:relative;padding:50px 0 0 80px}
#contact1002 .l_cs .box_tit:before{position:absolute;left:0;top:0;content:'';z-index:-1;width:131px;height:131px;border-radius:100px;background:var(--primary)}
#contact1002 .l_cs .box_tit span{display:block;margin-bottom:7px;color:rgba(000,000,000,.7)}
#contact1002 .l_cs .box_tit span{display:block;margin-bottom:7px;color:rgba(000,000,000,.7)}
#contact1002 .cs_center{padding:162px 0 0 80px;letter-spacing:0;font-weight:600;font-family:'Philosopher'}
#contact1002 .cs_center .cs_tit{margin-bottom:25px;font-size:20px;color:var(--primary)}
#contact1002 .cs_center .cs_list li{display:flex}
#contact1002 .cs_center .cs_list li .tit{width:63px;color:#000}
#contact1002 .r_form{width:calc(100% - 570px);padding-top:81px}
#contact1002 .r_form form ul li{width:100%;margin-top:48px}
#contact1002 .r_form form ul li input[type=text]{width:100%;height:55px;padding:0 20px;border:none;border-bottom:1px solid #000;letter-spacing:0;color:#888;font-family:'Philosopher', 'Noto Sans KR'}
#contact1002 .r_form form ul li textarea{width:100%;max-width:100%;padding:20px;height:125px;letter-spacing:0;border:none;border-bottom:1px solid #000;letter-spacing:0;color:#888;font-family:'Philosopher', 'Noto Sans KR'}
#contact1002 .r_form form ul.w_50{display:flex;column-gap:30px}
#contact1002 .r_form form ul.w_50 li{width:calc(100%/2 - 15px);margin-top:0}
#contact1002 .r_form form ul.prv_area{justify-content:space-between;margin-top:14px;letter-spacing:0;font-family:'Philosopher'}
#contact1002 .r_form form ul.prv_area li{width:auto}
#contact1002 .r_form form ul.prv_area li .ck_box{width:15px;height:15px;margin-right:12px;border:1px solid #000;background:#fff;cursor:pointer;-webkit-appearance:none;-ms-appearance:none}
#contact1002 .r_form form ul.prv_area li .ck_box:after{display:none;content:url(../img/sub/contact1002_check.png);text-align:center;line-height:8px}
#contact1002 .r_form form ul.prv_area li .ck_box:checked{border-color:#000;background:#000}
#contact1002 .r_form form ul.prv_area li .ck_box:checked:after{display:block}
#contact1002 .r_form form ul.prv_area li .prv_check{color:#888}
#contact1002 .r_form form ul.prv_area li a{position:relative;top:2px;margin-left:5px;text-decoration:underline;font-weight:600;color:#666}
#contact1002 .r_form form ul.prv_area .send_btn{width:180px;height:60px;border:none;border-radius:60px;font-weight:600;letter-spacing:0;color:#fff;background:#000;font-family:'Philosopher'}
#contact1002 .add_box{background:#f5f5f5}
#contact1002 .add_box .box_inner{padding:93px 80px 100px}
#contact1002 .add_box .box_tit span{margin-left:10px;color:#666}
#contact1002 .add_box .map_img{position:relative;width:100%;height:430px;margin-top:43px;background:url('../img/sub/contact1002_map.jpg') no-repeat center}
#contact1002 .add_box .map_img .map_bubble{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:150px;height:50px;border-radius:50px;text-align:center;line-height:50px;font-weight:600;letter-spacing:0;color:#fff;background:#000;font-family:'Philosopher'}
#contact1002 .add_box .map_img .map_bubble:before{position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;content:'';width:12px;height:5px;background:url('../img/sub/contact1002_arrow.png')}

@media(max-width:1360px){
#contact1002 .box_inner{max-width:none;padding:0 30px}
#contact1002 .add_box .box_inner{padding:93px 30px 100px}
}
@media(max-width:1024px){
#contact1002 .box_tit{font-size:35px}
#contact1002 .contact_box .l_cs{width:380px}
#contact1002 .l_cs .box_tit{padding:40px 0 0 55px}
#contact1002 .l_cs .box_tit:before{width:110px;height:110px}
#contact1002 .cs_center{padding-left:55px}
#contact1002 .cs_center .cs_tit{font-size:18px}
#contact1002 .r_form{width:calc(100% - 380px);padding-top:38px}
#contact1002 .r_form form ul.w_50{column-gap:20px}
#contact1002 .r_form form ul.w_50 li{width:calc(100%/2 - 10px)}
#contact1002 .r_form form ul.prv_area{flex-wrap:wrap;justify-content:flex-end}
#contact1002 .r_form form ul.prv_area li{width:100%}
#contact1002 .r_form form ul.prv_area li:last-child{margin-top:15px;text-align:right}
}
@media(max-width:768px){
.pagecommon{font-size:14px}
#contact1002 .box_inner{padding:0 15px}
#contact1002 .box_tit span{font-size:14px}
#contact1002 .contact_box .box_inner{display:block}
#contact1002 .contact_box .l_cs{display:flex;justify-content:space-between;width:100%}
#contact1002 .cs_center{padding:32px 0 0 0}
#contact1002 .r_form{width:100%}
}
@media(max-width:580px){
#contact1002 .box_tit{font-size:30px}
#contact1002 .contact_box{padding-bottom:70px}
#contact1002 .contact_box .l_cs{display:block}
#contact1002 .l_cs .box_tit{padding:35px 0 0 52px}
#contact1002 .l_cs .box_tit:before{width:95px;height:95px}
#contact1002 .l_cs .box_tit span{margin-bottom:10px}
#contact1002 .cs_center{padding-top:25px}
#contact1002 .cs_center .cs_tit{display:none}
#contact1002 .cs_center .cs_list{display:flex;flex-wrap:wrap;padding-left:52px}
#contact1002 .cs_center .cs_list li{width:50%}
#contact1002 .cs_center .cs_list li .tit{width:auto;padding-right:15px;white-space:nowrap}
#contact1002 .r_form form ul li{margin-top:35px}
#contact1002 .add_box .box_inner{padding:63px 15px 70px}
#contact1002 .add_box .map_img{height:320px}
#contact1002 .add_box .map_img .map_bubble{width:125px;height:45px;line-height:45px}
}
@media(max-width:480px){
#contact1002 .box_tit{font-size:25px}
#contact1002 .l_cs .box_tit{padding:30px 0 0 48px}
#contact1002 .l_cs .box_tit:before{width:85px;height:85px}
#contact1002 .cs_center .cs_list{padding-left:48px}
#contact1002 .cs_center .cs_list li{width:100%}
#contact1002 .r_form form ul.w_50{column-gap:15px}
#contact1002 .r_form form ul.w_50 li{width:calc(100%/2 - 7.5px)}
#contact1002 .r_form form ul li input[type=text]{height:50px;padding:0 15px}
#contact1002 .r_form form ul li textarea{height:100px;padding:15px}
#contact1002 .r_form form ul.prv_area .send_btn{width:100%;height:50px}
#contact1002 .r_form form ul.prv_area li{width:100%}
#contact1002 .add_box .box_tit span{display:block;margin:15px 0 0}
#contact1002 .add_box .map_img{height:260px}
}
@media(max-width:380px){
#contact1002 .box_tit{font-size:23px}
#contact1002 .l_cs .box_tit{padding:19px 0 0 32px}
#contact1002 .l_cs .box_tit:before{width:70px;height:70px}
#contact1002 .cs_center .cs_list{padding-left:32px}
#contact1002 .r_form form ul li{margin-top:25px}
#contact1002 .r_form form ul.w_50{display:block}
#contact1002 .r_form form ul.w_50 li{width:100%}
#contact1002 .r_form form ul.w_50 li+li{margin-top:25px}
}