@charset "utf-8";

#ContactWrap{margin-bottom:175px;}
#ContactWrap > *{transition:all .5s;}
.ContactTitleBox{padding-top:90px;}
.ContactTitle{font-size:60px;color:#000;font-family:'GF';font-weight:bold;text-align:center;}
.ContactMenuBox{display:table;margin:30px auto;}
.ContactMenuBox > li{float:left;margin:0 6px;}
.ContactMenuBox > li > a{display:inline-block;padding:12px 20px;color:#939393;font-size:17px;background-color:#efefef;border-radius:25px;text-align:center;font-family:'NanumSquareB';}
.ContactMenuBox > li > a.Active{background-color:#111111;color:#fff}
.ContactFormTitle{margin-top:100px;padding-bottom:15px;font-size:35px;font-family:'NanumSquareEB';color:#000;border-bottom:2px solid #000;}
.ContactFormInfoTxt{font-family: 'NanumSquareB';color:red;font-size:17px;margin-bottom:5px}
.ContactFormConWrap{padding:22px 0;margin-bottom:55px;}
.ContactConTop{background-color:#f7f7f7;padding:45px 60px;}
.ContactConTopTitle{color:#1e1d1d;font-size:28px;font-family:'NanumSquareEB';margin-bottom:55px;word-break:keep-all;}
.ContactConTopBotTitle{color:#1e1d1d;font-size:20px;font-family:'NanumSquareB';margin-bottom:20px;}
.ContactTypeSelect{-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#e9e9e9 url("../img/ContactUsSelect.png") no-repeat 93% 50%;border:1px solid #000;width:310px;height:50px;font-family:'NanumSquareR';font-size:17px;color:#1e1d1d;cursor:pointer;background-color:transparent;outline:none;padding:0 20px;}
.ContactFormLine{display:flex;align-items:center;min-height:50px;margin-bottom:35px;width:100%;font-family:'NanumSquareR';font-size:17px;}
.ContactFormLeft{font-family:'NanumSquareB';color:#1e1d1d;font-size:19px;width:100px;}
.ContactFormRight{width:1100px;height:100%;}
.ContactFormRightFlex{display:flex;align-items:center;width:436px;}
.ContactInput{height:50px;box-sizing:border-box;border:none;border-bottom:1px solid #000;padding:0 10px;font-family:'NanumSquareR';font-size:17px;outline:none;}
.ContactInputShort{width:45%;}
.ContactInputName{width:436px;}
.ContactInputLong{width:100%;}
.ContactInputPhone{width:134px;text-align:center;}
.ContactStr{width:10%;text-align:center;}
.ContactStr2{width:6.5%;text-align:center;}
.ContactTextArea{width:100%;height:355px;box-sizing:border-box;border:1px solid #000;padding:45px;font-family:'NanumSquareR';font-size:17px;outline:none;resize:none;}
#ct_file{display:none;}
.ContactFileWrap{display:table;width:100%;height:53px;}
.ContactFileName{background-color:#f7f7f7;border:none;width:80%;height:100%;outline:none;font-family:'NanumSquareR';padding:0 10px;box-sizing:border-box;font-size:15px;cursor:pointer;}
.ContactFileUploadBtn{height:100%;border:none;background-color:#424242;color:#fff;text-align:center;width:19%;margin-left:1%;font-family:'NanumSquareR';font-size:17px;cursor:pointer;transition:0.3s;}
.ContactFileUploadBtn:hover{background-color:#46c3bb;}
.ContactSubmitWrap{border-top:1px solid #e4e4e4;padding-top:40px;text-align:center;}
.ContactSubmitBtn{width:160px;height:53px;text-align:center;border:1px solid #000;cursor:pointer;font-family:'NanumSquareR';font-size:19px;color:#424242;background-color:#fff;transition:0.3s;}
.ContactSubmitBtn:hover{background-color:#46c3bb;border:1px solid #46c3bb;color:#fff;}
.ContactFileDeleteBtn{background-color:#fff;color:#424242;border:1px solid #424242;display:none;opacity:0;}
.ContactFileDeleteBtn:hover{background-color:#fff;color:#424242;}
.ContactFileUploadBtnAct{width:9.5%;display:inline;}
.ContactFileUploadBtnAct:last-child{margin-left:0;}

@media screen and (max-width:1300px){
	.ContactFormLeft{width:15%;}
	.ContactFormRight{width:85%;}
	.ContactFormRightFlex{width:436px;}
	.ContactFileName{width:75%;}
	.ContactFileUploadBtn{width:24%;}
	.ContactFileUploadBtnAct{width:12%;}
}

@media screen and (max-width:768px){
	#ContactWrap{margin-bottom:100px;}
	.ContactTitleBox{padding-top:80px;}
	.ContactTitle{font-size:35px;}
	.ContactMenuBox{margin:20px auto;}
	.ContactMenuBox > li{margin:0 2px}
	.ContactMenuBox > li > a{padding:8px 10px;font-size:12px;}
	
	.ContactFormLeft{width:20%;}
	.ContactFormRight{width:80%;}
	.ContactFormRightFlex{width:80%;}

	.ContactFormConWrap{margin-bottom:10px;}
	.ContactFormLine{margin-bottom:20px;}
	.ContactConTop{padding:30px;}
	.ContactConTopBotTitle{font-size:17px;}
	.ContactInputName{width:100%;}
	.ContactInputShort{width:45%;}
	.ContactConTopTitle{font-size:22px;margin-bottom:30px;}
	.ContactFormTitle{margin-top:45px;font-size:28px;}
	.ContactFormLeft{font-size:17px;}
	.ContactInputPhone{width:29%;}
	.ContactTextArea{padding:25px;}
	.ContactFileName{width:60%;}
	.ContactFileUploadBtn{width:39%;}
	.ContactFileUploadBtnAct{width:19%;font-size:14px;}
}