@charset "utf-8";



#board_contents {margin:80px auto;}
#main {margin-top:99px;}

#sub_visual {padding-left:50%;}
#sub_visual img {display:block; margin-left:-1000px;}

#sub_visual02 {padding-left:50%;}
#sub_visual02 > p {overflow:hidden; width:2000px; margin-left:-1000px;}
#sub_visual02 img {float:left; width:50%;}

body.contact {background:#1c1c1c;}
#contact_contents {position:relative; width:94%; max-width:1220px; padding:80px 0; margin:0 auto; background:#1c1c1c;}
#sub_contents {position:relative; width:94%; max-width:1220px; padding:80px 0; margin:0 auto;}
#contact_pos {position:absolute; top:-50px;}

.contact_f {overflow:hidden;}
.contact_f .cont {overflow:hidden;}
.contact_f .frow_box01 {float:left; width:50%; padding-right:5px;}
.contact_f .frow {overflow:hidden; position:relative; margin:0 -20px;}
.contact_f .frow+.frow {margin-top:12px;}
.contact_f .fcol {float:left; position:relative; padding:0 20px 0 196px;}
.contact_f .label_none {padding-left:20px;}
.contact_f .fcol .label {position:absolute; top:0; left:20px; font-size:20px; color:#fff; line-height:48px;}
.contact_f .full {width:100%;}
.contact_f .half {width:50%;}
.contact_f input[type="text"], .contact_f textarea, .contact_f input[type="submit"] {padding-right:0;}
.contact_f input[type="text"] {width:100%;}
.contact_f .cont {overflow:hidden;}
.contact_f textarea {width:100%; height:230px;}
.contact_f .bottom > div {overflow:hidden;}
.contact_f .agree * {vertical-align:top;}
.contact_f .agree_wrap {height:120px; padding:16px 18px; overflow-y:scroll; font-size:15px; color:#999; line-height:1.4; background:#282828;}
.contact_f input[type="submit"] {display:block; width:278px; height:79px; margin:35px auto 0; font-size:24px; color:#ffffff; font-weight:500; border:1px solid #000000; background:#ed1c24; cursor:pointer;}
.contact_f .chk_area {margin:10px 0 15px; text-align:center;}
.contact_f .chk_area * {vertical-align:middle;}
.contact_f .chk_area label {font-size:17px; color:#f6f6f6;}



.contact_f .filebox {overflow:hidden; position:relative; height:48px; padding-right:140px;}
.contact_f .filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.contact_f .filebox label {position:absolute; top:0; right:0px; width:141px; height:48px; border:1px solid #000000; color:#1c1c1c !important; font-size:20px; text-align:center; line-height:46px; background:#fff; cursor:pointer;}
.contact_f .filebox .upload_name {float:left; width:100%;}
.contact_f .filebox .btn_add {position:absolute; top:0; right:0; width:140px; height:40px; color:#fff; background:#6b6d6f;}

.contact_f select, .contact_f input[type="text"], .contact_f input[type="password"], .contact_f textarea {font-family:"Noto Sans KR",맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, 나눔고딕, "Nanum Gothic", Dotum; border:0; font-size:20px; font-weight:300; color:#949494; background:#282828;}
.contact_f select {height:48px; padding:5px 5px 5px 18px;}
.contact_f input[type="text"], .contact_f input[type="password"],.contact_f input[type="file"] {height:48px; padding:10px 18px;}
.contact_f textarea {vertical-align:top; padding:10px 18px;}



.btn_cs {display:block; width:400px; margin:0 auto; border-radius:30px; font-size:0; line-height:60px; text-align:center; background:#363636;}
.btn_cs * {vertical-align:middle;}
.btn_cs span {font-size:22px; color:#fff; font-weight:500;}
.btn_cs:after {display:inline-block; width:11px; height:18px; margin-left:18px; vertical-align:middle; background:url('../images/sub/icon_cs_arr.png') no-repeat center; background-size:contain; content:'';}

.customer_c01 {display:inline-block; position:relative; width:100%; margin-top:80px;}
.customer_c01:before {position:absolute; top:0; left:0; width:40px; height:1px; background:#ed1c24; content:'';}
.customer_c01 .title {float:left; padding-top:6px; font-size:34px; line-height:50px; color:#1a1c1f; font-weight:700; letter-spacing:0.02em;}
.customer_c01 .txt {margin-left:190px; padding-top:78px; font-size:17px; color:#1a1c1f; line-height:1.47;}




.customer_c02 {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height:400px; margin-top:80px;}
.customer_c02 > div {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; -ms-flex-align: stretch!important; align-items: stretch!important;}
.customer_c02 .txt {display: -ms-flexbox; display: flex; -ms-flex-align: center!important; align-items: center!important; padding:50px;}
.customer_c02 .t01 {position:relative; width:100%; font-family: "Montserrat", sans-serif; font-weight:700; font-size:36px; color:#ed1c24; line-height:1;}
.customer_c02 .t01:before {position:absolute; bottom:5px; left:-50px; width:40px; height:1px; background:#ed1c24; content:'';}
.customer_c02 .t02 {width:100%; margin-top:20px; font-size:17px; color:#fff; line-height:1.47;}
.customer_c02 .img {background:no-repeat center; background-size:cover;}
.customer_c02.s01 {background:#222222;}
.customer_c02.s01 .img {background-image:url('../images/sub/customer_img01.jpg');}
.customer_c02.s02 {background:#ed1c24;}
.customer_c02.s02 .t01 {color:#1a1c1f;}
.customer_c02.s02 .t01:before {background:#1a1c1f;}
.customer_c02.s02 .img {background-image:url('../images/sub/customer_img02.jpg');}
.customer_c02.s03 {background:#222222;}
.customer_c02.s03 .img {background-image:url('../images/sub/customer_img03.jpg'); background-color:#dddddd; background-size:contain;}
    


.customer_c03 {display:inline-block; width:100%; margin-top:80px;}
.customer_c03 .title {float:left; width:365px; padding-left:47px; font-size:28px; font-weight:400; color:#ed1c24; line-height:1.428; background:url('../images/sub/icon_i.jpg') no-repeat 0 7px;}
.customer_c03 .title strong {display:block; font-weight:700;}
.customer_c03 ul {margin-left:365px;}
.customer_c03 li {padding-left:18px; font-size:17px; color:#1a1c1f; line-height:1.4; background:url('../images/sub/icon_slash.jpg') no-repeat 0 5px;}
.customer_c03 li+li {margin-top:20px;}
.customer_c03 li strong {font-weight:500;}


.customer_c04 {margin-top:80px; text-align:center;}
.customer_c04 .t01 {position:relative; padding-top:65px; font-size:24px; color:#1a1c1f; line-height:1.4; font-weight:500;}
.customer_c04 .t01:before {position:absolute; top:0; left:50%; width:1px; height:39px; background:#ed1c24; content:'';}
.customer_c04 .t02 {margin-top:15px; font-size:20px; color:#1a1c1f; line-height:1.4;}
.customer_c04 .t03 {margin-top:30px; font-family: "Montserrat", sans-serif; font-weight:700; font-size:36px; color:#ed1c24;}






.fc_red {color:#ed1c24 !important;}
.fc_gray {color:#888888 !important}

@media all and (max-width:1250px){
	#sub_visual02 {margin:0 -28%; padding:0;}
	#sub_visual02 > p {width:auto; margin:0;}
}
@media all and (max-width:1100px){
	#main {margin-top:57px;}

	.contact_f {max-width:none;}
	.contact_f .frow_box01 {width:100%; padding:0;}
	.contact_f .frow_box02 {width:100%; padding:0;}
	.contact_f .half {width:100%;}
	.contact_f .half+.half {margin-top:8px;}
	.contact_f .frow+.frow {margin-top:8px;}
}
@media (max-width: 767.98px) {
	#board_contents {margin:40px auto;}
	#contact_contents {width:auto; padding:40px 15px;}
	
	#sub_visual {padding:0; margin:0 -90%;}
	#sub_visual img {width:100%; margin:0;}
	
	#sub_visual02 {margin:0; margin-right:-30%;}
	#sub_visual02 .img01 {display:none;}
	#sub_visual02 .img02 {width:100%;}

	.contact_f input[type="submit"] {width:100%; height:50px; margin-top:18px; font-size:20px;}
	.contact_f .chk_area {margin:10px 0 8px;}
	.contact_f .chk_area label {font-size:13px;}
	.contact_f .agree_wrap {height:70px; padding:10px; font-size:13px;}
	.contact_f select,.contact_f input[type="text"], .contact_f input[type="password"] {height:40px; padding:10px; font-size:15px;}
	.contact_f textarea {padding:10px; font-size:15px;}
	.contact_f .filebox {height:40px; padding-right:70px;}	
	.contact_f .filebox label {width:71px; height:40px; line-height:38px; font-size:15px;}
	.contact_f .fcol {padding-left:20px;}
	.contact_f .fcol .label {display:block; position:relative; left:0; font-size:15px; line-height:33px;}

	.btn_cs {width:290px; line-height:45px;}
	.btn_cs span {font-size:16px;}
	.btn_cs:after {width:9px; height:14px; background-image:url('../images/sub/icon_cs_arr_m.png');}

	.customer_c01 {margin-top:40px; text-align:center;}
	.customer_c01:before {left:50%; width:20px; margin-left:-10px;}
	.customer_c01 .title {float:none; padding-top:12px; font-size:22px; letter-spacing:-0.04em; line-height:1.1;}
	.customer_c01 .title p {display:inline;}
	.customer_c01 .txt {margin:0; padding-top:15px; font-size:14px;}


	.customer_c02 {height:auto; margin-top:40px;}
	.customer_c02 > div {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.customer_c02 .txt {height:220px; padding:25px;}
	.customer_c02 .t01 {font-size:21px;}
	.customer_c02 .t01:before {left:-25px; bottom:3px; width:20px;}
	.customer_c02 .t02 {margin-top:10px; font-size:14px;}
	.customer_c02 .img {height:auto; padding-bottom:65.57%;}


	.customer_c03 {margin-top:40px;}
	.customer_c03 .title {float:none; width:auto; padding-left:28px; font-size:17px; background-size:20px auto;}
	.customer_c03 .title br {display:none;}
	.customer_c03 ul {margin-top:20px; margin-left:0px;}
	.customer_c03 li {padding-left:17px; font-size:13px; background-image:url('../images/sub/icon_slash_m.jpg'); background-size:6px auto;}
	.customer_c03 li+li {margin-top:12px;}

	.customer_c04 {margin-top:40px;}
	.customer_c04 .t01 {padding-top:30px; font-size:17px;}
	.customer_c04 .t01:before {height:20px;}
	.customer_c04 .t02 {margin-top:8px; font-size:14px;}
	.customer_c04 .t03 {margin-top:15px; font-size:23px;}
}