@charset "utf-8";

#content img {vertical-align:top;width:100%;max-width:100%;}
#container img {vertical-align:top;width:100%;max-width:100%;}
.write_form img {vertical-align:top;width:100%;max-width:100%;}
.complete img {vertical-align:top;width:100%;max-width:100%;}

.header  {display:block;width:100%;border-bottom:1px solid #d3d3d3;}
.header h1 {display:block;width:25.939%;padding:1.72% 0 2.189% 4.688%;}

/* 11 0 14 30 */

.visual {display:block;width:100%;position:relative;}
.visual .m_mov{display:block;width:100%;position:absolute;top:43.195%;left:0;}

.visual2 {display:block;width:100%;position:relative;}
.visual2 .m_mov {display:block;width:100%;position:absolute;top:21.359%;left:0;}

.visual3 {display:block;width:100%;position:relative;}
.visual3 .m_mov{display:block;width:100%;position:absolute;top:43.195%;left:0;}

.inner {display:block;width:90.625%;height:auto;margin:0 auto;position:relative;}
.main_form {display:block;width:100%;margin:0 auto;padding:7.658% 0 9.377%;background:#def5fd;}
.main_form h3 {display:block;width:74.657%;margin:0 auto;text-align:center;padding-bottom:5%;}
.main_form table {display:table;border:2px solid #dddddd;border-top:0;border-collapse: collapse;}
.main_form table tbody {background:#fff;}
.main_form table tbody tr {border-bottom:1px solid #eeeeee;}
.main_form table tbody tr.bd0 {border-bottom:0;}
.main_form table tbody tr th {width:29.6%;}
.main_form table tbody tr td:after {display:block;content:"";clear:both;}
.main_form table tbody tr td input.w382 {width:94.09%;height:100%;padding:3.575% 3.954%;border:1px solid #c5c5c5;font-size:3.75vw;line-height:1em;color:#888888;}
.main_form table tbody tr td input.w117 {float:left;width:28.82%;height:100%;padding:3.575% 3.954%;margin-left:2.47%;border:1px solid #c5c5c5;font-size:3.75vw;line-height:1em;color:#888888;}
.main_form table tbody tr td select.w128 {float:left;width:31.53%;height:100%;padding:4.68% 3.954%;border:1px solid #c5c5c5;font-size:3.75vw;line-height:1em;color:#888888;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888888;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #888888;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #888888;
}
:-moz-placeholder { /* Firefox 18- */
  color: #888888;
}

input[type=radio] + label, input[type=checkbox] + label {font-size:3.75vw;line-height:1em;color:#000;}

@media only screen and (min-width:567px) {
	input[type=checkbox] + label:before {width:34px;height:34px;top:10px}
	.main_form table tbody tr td input[type=checkbox],
	.main_form table tbody tr td input[type=checkbox] + label {float:left;position:relative;top:10px;}

	.main_form table tbody tr td input[type=checkbox],
	.main_form table tbody tr td input[type=checkbox] + label {padding-left:11.333%;margin-right:4.68%;line-height:210%;vertical-align:middle;}

	.main_form table tbody tr.last td input[type=checkbox],
	.main_form table tbody tr.last td input[type=checkbox] + label {float: left;position:relative;top:-15px;padding-left:11.333%;margin-right:4.68%;line-height:220%;vertical-align:middle;}
	input[type=checkbox] + label:after {left:11px;top:56%;}
}

@media only screen and (max-width:566px) {
	input[type=checkbox] + label:before {width:17px;height:17px;}
	.main_form table tbody tr td input[type=checkbox],.main_form table tbody tr td input[type=checkbox] + label {padding-left:11.333%;margin-right:4.68%;line-height:242%;vertical-align:middle;}
}

@media only screen and (max-width:414px) {
	.main_form table tbody tr td select.w128 {padding:4.91% 3.954%;}

	input[type=checkbox] + label:before {width:17px;height:17px;top: -5px;}
	.main_form table tbody tr td input[type=checkbox],.main_form table tbody tr td input[type=checkbox] + label {top:5px !important;line-height:60% !important;vertical-align:middle;}
	.main_form table tbody tr.last td input[type=checkbox] + label {line-height:1% !important;vertical-align:middle;top: -10px !important;}
	.main_form table tbody tr.last td input[type=checkbox] + label:before {width:17px;height:17px;top: -7px !important;}
}

@media only screen and (max-width:412px) {
	input[type=checkbox] + label:before {width:17px;height:17px;top: -3px !important;}
	.main_form table tbody tr td input[type=checkbox],.main_form table tbody tr td input[type=checkbox] + label {top:5px !important;line-height:60% !important;vertical-align:middle;}
	.main_form table tbody tr.last td input[type=checkbox] + label {line-height:1% !important;vertical-align:middle;top: -10px !important;}
	.main_form table tbody tr.last td input[type=checkbox] + label:before {width:17px;height:17px;top: -8px;}
}

@media only screen and (max-width:375px) {
	.main_form table tbody tr td select.w128 {padding:4.63% 3.954% !important;}
}

@media only screen and (max-width:320px) {
	.main_form table tbody tr td select.w128 {padding:4.818% 3.954% !important;}
}

.step_cont {display:block;width:90.625%;height:auto;margin:0 auto;padding:9.377% 0;}
.step_cont h3 {display:block;width:50.3449%;margin:0 auto;}
.step_cont h4 {display:block;width:73.9656%;margin:0 auto;}
.step_cont ul {display:block;width:100%;}
.step_cont ul li {display:block;width:100%;padding-top:5.175%}

.btn_wrap {width:100%;height:auto;margin:0 auto;padding-top:5.175%;}
.btn_wrap button {width:100%;height:auto;margin:0 auto;border:0;}
.btn_wrap2 button {border:0;}
.btn_wrap2 {padding-bottom:9.377%;}

/* ¾²±â ÆäÀÌÁö */
.write_form {padding:3.282% 0 9.377%;}
.writeTable {display:table;width:100%;border:1px solid #ddd;border-top:0;;border-collapse: inherit;border}
.tableHead {display:block;content:"";width:100%;height:100%;}
.writeTable tbody tr th {width:29.5%;}
.writeTable tbody tr th,.writeTable tbody tr td{border-top:1px solid #eee;}
.writeTable tbody tr:first-child th,.writeTable tbody tr:first-child td {border-top:0;}
/* .writeTable tbody th {font-size:3.75vw;line-height:1em;color:#000;text-align:left;padding-left:3.462%;} */
/* .writeTable tbody th {font-size:3.75vw;line-height:1em;color:#000;text-align:left;padding-left: 14.59%;padding-top: 23.62%;display: block;}
.writeTable tbody th.necessary:after {display:inline-block;content:"";width:8px;height:8px;margin-left:4px;margin-top:8%;background:url('../images/icon_star.png') center center no-repeat;vertical-align:text-top;} */
.writeTable tbody tr th.photoTh {vertical-align:top;padding-top:27.78%;/* padding:6.923% 0 0 3.635%; */}
.writeTable tbody tr th.address {vertical-align:top;padding-bottom:16.78%;}
/* .writeTable tbody td {padding:3.462% 3.635% 3.462% 5.193%;} */
.writeTable tbody td {padding:3.462% 3.635% 3.635% 0;}
/* .writeTable tbody td.c_birth {padding:1%  3.635% 1% 0;} */

.writeTable tbody td.c_birth .radioBox {padding:5% 0;}
.writeTable tbody td.c_birth .c_inner:after {display:block;content:"";clear:both;}
.writeTable tbody td.c_birth .radioBox:after {display:block;content:"";clear:both;}
.writeTable tbody td.c_birth select {margin-left:2%;}
.writeTable tbody td.c_birth select:first-child {margin-left:0;}

.writeTable tbody td:after {display:block;content:"";clear:both;}
.writeTable tbody td .mL30 {margin-left:7.836%;}
.writeTable tbody td span {color:#000;font-size:3.75vw;line-height:1em;vertical-align:middle;}
.writeTable tbody td.selChid a {display:inline-block;width:30.47%;float:right;}
.writeTable tbody td.selChid a img {vertical-align:middle;}
/* .writeTable tbody td.fileTd {padding:0 3.635% 3.462% 5.193%;} */
.writeTable tbody td.fileTd {padding:0 0;}

/* input[type='text'] */
.writeTable tbody td input[type='text'] {width:100%;height:10vw;font-size:3.75vw;line-height:1em;color:#000;}
.writeTable tbody td input[type='text'].w117 {width:30.236%;float:left;margin-left:2.608%;}
.writeTable tbody td input[type='text'].w128 {width:33.424%;}
.writeTable tbody td input[type='text'].w165 {float:left;width:42.639%;vertical-align:middle;}
.writeTable tbody td.email span {display:inline-block;float:left;padding:5.169% 4.497%;vertical-align:middle;}

/* select */
.writeTable tbody td select {
	float:left;
	width:66.41%;
	height:10vw;
	padding:0 0 0 10px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../images/ico_select.png') no-repeat 95% 50%;
	border:1px solid #c5c5c5;
	vertical-align:middle;
	color:#848484;
	font-size:3.75vw;
	line-height:1em;
}
select::-ms-expand { display: none; }

.writeTable tbody td select.w128 {width:33.078%;}
.writeTable tbody td select.phone2 {background-position:90% 50%;width:32%;}
.writeTable tbody td select.mail_sel {width:100%;margin-top:3%;}

/* file */
input[readonly] {background:#fff;}
.writeTable tbody td.fileTd {position:relative;}
.writeTable tbody td.fileTd .filewrap {position:absolute;top:8%;}
.writeTable tbody td.fileTd .filewrap span {float:left;display:inline-block;padding:4.905% 3.19%;}
.writeTable tbody td.fileTd input[type='text'] {float:left;display:inline-block;width:26.228%;padding-left:9.68%;}
.writeTable tbody td .file_input_textbox {position:relative;float:left;}
.writeTable tbody td .file_input_div {display:inline-block;float:left;position:relative;width:30.15%;margin-left: 3.68%;}
.writeTable tbody td .file_input_div button {border:0;}

.writeTable tbody td.fileTd input[type='text'].wmax {width:94.5% !important;margin-top:2.454%;}
.file_input_div img {width:100%;height:100%;}

.txtEm1 {padding:5.193% 3.289% !important;}
.txtEm1 p {font-size:3.125vw;color:#848484;line-height: 1.5em;}


.txtEm2 {background:#eeeeee;padding:5.193% 3.289% 6.923% !important;}
.txtEm2 b {display:block;font-size:3.5vw;color:#000;padding-bottom:6%;}
.txtEm2 ul li {font-size:3.125vw;color:#000;line-height: 1.5em;position:relative;padding-left:3.706%;}
.txtEm2 ul li:before {display:inline-block;content:"";clear:both;width:4px;height:4px;background:url('../images/ico_dotted.gif') no-repeat;position:absolute;top:45%;left:0;}
.txtEm2 .radioBox {text-align:center;padding-top:5.558%;}

/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #848484;
  font-size:3.75vw;
  line-height:1.5em;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #848484;
  font-size:3.75vw;
  line-height:1.5em;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #848484;
  font-size:3.75vw;
  line-height:1.5em;
}
:-moz-placeholder { /* Firefox 18- */
  color: #848484;
  font-size:3.75vw;
  line-height:1.5em;
}

/* placeholder */
select::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #848484;
  font-size:3.75vw;
  line-height:1em;
}
select::-moz-placeholder { /* Firefox 19+ */
  color: #848484;
  font-size:3.75vw;
  line-height:1em;
}
select:-ms-input-placeholder { /* IE 10+ */
  color: #848484;
  font-size:3.75vw;
  line-height:1em;
}
select:-moz-placeholder { /* Firefox 18- */
  color: #848484;
  font-size:3.75vw;
  line-height:1em;
}

@media only screen and (min-width:567px) {
	.writeTable input[type=radio] + label,.writeTable input[type=checkbox] + label {margin-left:0;margin-right:11.769%;padding-left: 17.09%;line-height:145%;}
}
	.writeTable input[type=radio] + label:before {width:50px;height:50px;top:0;}
	input[type=radio]:checked + label:before {border:14px solid #575757;}

	.txtEm2 input[type=radio] + label,.txtEm2 input[type=checkbox] + label {margin-right:5%;padding-left:11.114%;}

	.writeTable tbody td.email span {display:inline-block;float:left;padding:5.169% 4;vertical-align:middle;}
}

@media only screen and (max-width:566px) {
	.writeTable input[type=radio] + label:before {width:45px;height:45px;top:0;}
	input[type=radio]:checked + label:before {border:12px solid #575757;}
	.writeTable input[type=radio] + label,.writeTable input[type=checkbox] + label {margin-left:0;margin-right:11.769%;padding-left: 17.09%;line-height: 75%;}

	.txtEm2 input[type=radio] + label,.txtEm2 input[type=checkbox] + label {margin-right:5%;padding-left:11.114%;}

	.writeTable tbody td.email span {display:inline-block;float:left;padding:5.169% 4;vertical-align:middle;}
}

@media only screen and (max-width:414px) {
	.writeTable input[type=radio] + label:before {width:25px;height:25px;top:0;}
	input[type=radio]:checked + label:before {border:8px solid #575757;}
	.writeTable input[type=radio] + label,.writeTable input[type=checkbox] + label {margin-left:0;margin-right:11.769%;padding-left: 17.09%;line-height: 75%;}

	.txtEm2 input[type=radio] + label,.txtEm2 input[type=checkbox] + label {margin-right:5%;padding-left:11.114%;}

	.writeTable tbody td.email span {display:inline-block;float:left;padding:5.169% 4;vertical-align:middle;}
}

@media only screen and (max-width:412px) {
	.writeTable input[type=radio] + label:before {width:25px;height:25px;top:0;}
	input[type=radio]:checked + label:before {border:6px solid #575757;}
	.writeTable input[type=radio] + label,.writeTable input[type=checkbox] + label {margin-left:0;margin-right:11.769%;padding-left: 17.09%;line-height: 75%;}

	.txtEm2 input[type=radio] + label,.txtEm2 input[type=checkbox] + label {margin-right:5%;padding-left:11.114%;}

	.writeTable tbody td.email span {display:inline-block;float:left;padding:5.169% 4;vertical-align:middle;}
}

@media only screen and (max-width:375px) {
	.writeTable input[type=radio] + label:before {width:25px;height:25px;top:0;}
	input[type=radio]:checked + label:before {border:6px solid #575757;}
	.writeTable input[type=radio] + label,.writeTable input[type=checkbox] + label {margin-left:0;margin-right:11.769%;padding-left: 17.09%;line-height: 75%;}

	.txtEm2 input[type=radio] + label,.txtEm2 input[type=checkbox] + label {margin-right:5%;padding-left:11.114%;}

	.writeTable tbody td.email span {display:inline-block;float:left;padding:5.169% 4;vertical-align:middle;}
}

@media only screen and (max-width:320px) {
	.writeTable input[type=radio] + label:before {width:25px;height:25px;top:0;}
	input[type=radio]:checked + label:before {border:6px solid #575757;}
	.writeTable input[type=radio] + label,.writeTable input[type=checkbox] + label {margin-left:0;margin-right:11.769%;padding-left: 17.09%;line-height: 75%;}

	.txtEm2 input[type=radio] + label,.txtEm2 input[type=checkbox] + label {margin-right:5%;padding-left:11.114%;}

	.writeTable tbody td.email span {display:inline-block;float:left;padding:5.169% 4;vertical-align:middle;}
}

.btmBtn {padding-top:4.657%}
.btmBtn button {border:0;}