@charset "utf-8";
* {padding:0; margin:0;}
ul, li, ol {list-style:none;}

@media screen and (min-width:1024px) {
	/*ÇǾ¾ºä*/
	#contact {width:94%; display:table; float:left; padding:0 3%;}
	#contact > .viewon_v1 { display:table; width:100%; max-width:1400px; margin:40px auto; position:relative;}
	
	#contact > .viewon_v1 .db1 h1 { text-align:left; font-size:40px; font-weight:500; display:table; color:#fff;}
	#contact > .viewon_v1 .db1 p {padding:0 !important; margin:0; float:left; text-align:left; font-size:16px; padding-top:10px !important; color:#fff;}

	#contact > .viewon_v1 .db {padding-bottom:10px; float:left;}
	#contact > .viewon_v1 .db input {float:left;  padding-left:15px; border:0px; height:60px; font-size:20px; box-sizing:border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box; border-bottom:1px solid #777; border-radius:5px;}
	#contact > .viewon_v1 .db input:nth-child(1) {width:34%; margin-right:4%;}
	#contact > .viewon_v1 .db input:nth-child(2) {width:20%; margin-right:1%; text-align:center; padding-left:0px;}
	#contact > .viewon_v1 .db input:nth-child(3) {width:20%; margin-right:1%; text-align:center; padding-left:0px;}
	#contact > .viewon_v1 .db input:nth-child(4) {width:20%; margin-right:0%; text-align:center; padding-left:0px;}
	#contact > .viewon_v1 .db input:nth-child(5) {width:100%; margin-top:1%;}
	#contact > .viewon_v1 .db p {float:left; line-height:20px; padding-left:10px; font-weight:400;}
	#contact > .viewon_v1 .db .agree_check {width:20px; height:20px; margin-left:5px; margin-top:10px;}
	#contact > .viewon_v1 .db .agree_check_label { font-size:18px; padding-left:5px; padding-top:5px; float:left; color:#fff;}
	#contact > .viewon_v1 .db .agree_check_link { font-size:18px; padding-left:5px; padding-top:5px; float:left; color:#fff; text-decoration:underline;}

	#contact > .viewon_v1 .db1 {position:relative; width:21%; float:left;}
	#contact > .viewon_v1 .db2 {position:relative; width:58%; float:left;}
	#contact > .viewon_v1 .db3 {position:relative; width:21%; float:left;}

	.bt_box {margin:0px; position:relative; z-index:100;}

	.submin_bt {background:#fff799; color:#111; height:160px; font-size:38px; display:block; width:86%; cursor:pointer; font-weight:600; border:0px; float:right; background-size:cover; border-radius:5px; letter-spacing:-3px;}
	.submin_bt:hover {background:url(../img/bt_bgov.jpg);}
}

@media screen and (max-width:1024px) {
	/*¸ð¹ÙÀϺä*/
	#contact {width:90%; display:table; float:left; padding:0 5%;}
	#contact > .viewon_v1 { display:table; width:100%; max-width:1400px; margin:50px auto 50px auto; position:relative;}
	
	#contact > .viewon_v1 .db1 h1 { text-align:center !important; font-size:40px; font-weight:500; display:table; margin:0 auto; color:#fff;}
	#contact > .viewon_v1 .db1 p {text-align:center; font-size:16px; color:#fff; width:100%; margin-bottom:10px;}

	#contact > .viewon_v1 .db {padding-bottom:10px; float:left;}
	#contact > .viewon_v1 .db input {float:left;  padding-left:15px; border:0px; height:60px; font-size:20px; box-sizing:border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box; border-bottom:1px solid #777; border-radius:5px;}
	#contact > .viewon_v1 .db input:nth-child(1) {width:100%;}
	#contact > .viewon_v1 .db input:nth-child(2) {width:32%; margin-right:1%; margin-top:1%;}
	#contact > .viewon_v1 .db input:nth-child(3) {width:33%; margin-right:1%; margin-top:1%;}
	#contact > .viewon_v1 .db input:nth-child(4) {width:33%; margin-top:1%;}
	#contact > .viewon_v1 .db input:nth-child(5) {width:100%; margin-top:1%;}
	#contact > .viewon_v1 .db p {float:left; line-height:20px; padding-left:10px; font-weight:400;}
	#contact > .viewon_v1 .db .agree_check {width:20px; height:20px; margin-left:5px; margin-top:10px;}
	#contact > .viewon_v1 .db .agree_check_label { font-size:18px; padding-left:5px; padding-top:5px; float:left; color:#fff;}
	#contact > .viewon_v1 .db .agree_check_link { font-size:18px; padding-left:5px; padding-top:5px; float:left; color:#fff; text-decoration:underline;}

	#contact > .viewon_v1 .db1 {position:relative; width:100%; float:left;}
	#contact > .viewon_v1 .db2 {position:relative; width:100%; float:left; clear:both;}
	#contact > .viewon_v1 .db3 {position:relative; width:100%; float:left;}

	.bt_box {margin:0px; position:relative; z-index:100;}

	.submin_bt {background:#fff799; color:#111; height:100px; font-size:38px; display:block; width:60%; margin:10px auto 0 auto ; cursor:pointer; font-weight:600; border:0px; background-size:cover; border-radius:5px; letter-spacing:-3px;}
	.submin_bt:hover {background:url(../img/bt_bgov.jpg); background-size:cover;}
}