.contact {padding-top:140px; height:1035px}
.contact:after {content:''; clear: both;}

.contact .box1 {float:left; width:50%; background:url('../img/contact.svg')no-repeat center; background-size:cover; height:100%; }
.contact .box1 .box1_wid {float:right; width:700px;}
.contact .box1 h2 {font-size:90px; color:#000; font-family: 'Pretendard-Bold'; margin-top:120px;}
.contact .box1 h3 {font-size:18px; color:#000; margin-top:25px; line-height:1.3em; font-weight:400; padding-left:7px}

.contact .box1 .col_box {background:rgba(255,255,255,.8);  display: inline-block; margin-top:130px; padding:20px 30px 20px 20px;}

.contact .box1 p {color:#000; font-size:18px; padding-left:7px;}
.contact .box1 ul {margin-top:0px; width:100%; padding-left:7px; }
.contact .box1 ul li {position: relative; color:#000; font-size:16px; padding:30px 0 0 42px; line-height:1.3em; font-family: 'Pretendard-Light';} 
.contact .box1 ul li img {position: absolute; left:0; top:28px; }

.contact .box2 {float:right; width:50%; padding-top:95px;}
.contact .box2 .box2_wid {float:left; width:640px; padding-left:80px;}
.contact .box2 input[type="text"]:: placeholder {color:#c0c0c0;}
.contact .box2 input[type="text"] {width:100%; height:50px; margin-top:10px;  border:1px solid #e2e2e2; border-radius:5px; padding:0 20px; font-size:16px; font-family: 'Pretendard-Light';}
.contact .box2 input[type="text"]::placeholder {color:#c0c0c0;}
.contact .box2 input[type="text"]:focus {outline: none;}
.contact .box2 input[type="text"].left {float:left; width:calc((100% - 8px) / 2); }
.contact .box2 input[type="text"].right {float:right; width:calc((100% - 8px) / 2); }
.contact .box2 input[type="text"].mar_input {margin-top:45px;}
.contact .box2 p {margin-top:25px; font-size:16px; color:#444;}
.contact .box2 textarea {width:100%; margin-top:8px; border-radius:5px; border:1px solid #e2e2e2; padding:20px; font-size:16px; height:150px; resize: none;}

.contact .box2 input[type="checkbox"] {display: none;}
.contact .box2 .ck_box {margin-top:20px; }
.contact .box2 .ck_box .ck_label {position:relative; display: inline-block; padding-left:34px; font-size:16px; color:#000;  line-height:1.3em;}
.contact .box2 .ck_box .ck_label span {position: absolute; left:0; top:0; width:21px; height:21px; border:1px solid #eee;border-radius:2px; background:none; }
.contact .box2 .ck_box input[type="checkbox"]:checked + .ck_label span {background:url('../img/check_icon.svg')no-repeat center #000; border:1px solid #000;}
.contact .box2 .submit_bt {margin-top:60px; width:150px; height:50px; background:#2F37FF; color:#fff; font-size:18px; border:none;}






@media screen and (max-width:1300px) {
    .contact .box1 .box1_wid {width:100%; padding:0 30px;}
    .contact .box2 .box2_wid {width:100%; padding:0 40px;}
    .contact .box1 h2 {font-size:80px;}
    .contact .box2 .ck_box .ck_label {font-size:14px;}
    .contact .box2 .ck_box .ck_label span {top:-2px;}
}

@media screen and (max-width:900px) {
    .contact {height:auto;}
    .contact .box1 {width:100%;  height:auto; padding-bottom:65px;}
    .contact .box1 h2 {font-size:60px; margin-top:50px;}
    .contact .box1 h3 {padding-left:5px;}
    .contact .box1 p {margin-top:80px;}
    .contact .box2 {width:100%; height:auto;}
    .contact .box2 {padding-top:25px; padding-bottom:70px;}
}

@media screen and (max-width:550px) {
    .contact {padding-top:110px;}
    .contact .box1 {padding-bottom:50px;}
    .contact .box1 .box1_wid {padding:0 20px;}
    .contact .box1 h2 {font-size:40px; margin-top:30px;}
    .contact .box1 h3 {padding-left:5px; font-size:16px; margin-top:15px;}
    .contact .box1 p {margin-top:60px;}
    .contact .box1 h3 br {display: none;}
    .contact .box2 .box2_wid {padding:0 20px;}
    .contact .box2 {padding-top:5px;}
    .contact .box2 input[type="text"] {height:45px; font-size:14px; padding:0 15px;}
    .contact .box2 textarea {padding:15px;}
    .contact .box2 .submit_bt {font-sizE:16px; height:45px;}
}