@charset "utf-8";

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; width: 800px; margin: 0 auto; padding-bottom: 70px; -webkit-overflow-scrolling : touch; }
#header { }
#container { }

/* 공통 */
.radius80 { -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }


/* HEADER */
#header h1 { margin: 0; padding: 20px 10px 15px; text-align: right; line-height: 0; }


/* CONTAINER */
#container .spot { margin-bottom: 20px; line-height: 0; }

h2 { margin: 0; padding: 0 20px; font-size: 20px; line-height: 44px; color: #ffffff; letter-spacing: 0; text-align: left; background-color: #00305c; }
/*h2 { margin: 0; padding: 0 20px; font-size: 20px; line-height: 44px; color: #ffffff; letter-spacing: 0; text-align: left; background-color: #022161; } */


h2.v1 { margin: 70px 0 0; }
h3 { position: relative; margin: 40px 20px 0; padding: 0 0 0 26px; font-size: 18px; line-height: 28px; color: #444444; letter-spacing: 0; text-align: left; border-left: 6px solid #00305c; }
h3 strong { display: block; font-weight: normal; color: #00305c; }
h3:after { content: ""; position: absolute; width: 10px; height: 100%; left: 0; top: 0; background-color: #eff2f5; }
h4 { margin: 30px 30px 0; padding: 0; font-size: 18px; font-weight: bold; line-height: 50px; color: #666666; letter-spacing: 0; text-align: left; }

#container .table { margin: 40px 20px 0; font-size: 0; }
#container .table th { padding: 0 10px 8px; font-weight: bold; font-size: 17px; line-height: 22px; color: #000000; letter-spacing: 0; text-align: left; border-bottom: 2px solid #66839d; }
#container .table th.v1 { font-size: 0; padding: 0; border-bottom: 2px solid #fff; }
#container .table td { vertical-align: top; padding: 5px 10px 8px; font-weight: normal; font-size: 15px; line-height: 24px; color: #666666; letter-spacing: 0; text-align: left; word-break: keep-all; }
#container .table td.v2 { vertical-align: top; padding: 5px 10px 8px; font-weight: normal; font-size: 15px; line-height: 24px; color: #666666; letter-spacing: 0; text-align: left; }
#container .table td.v1 { padding: 0; font-size: 0; }
#container .table td.subject { color: #333333; }
#container .table td.title { padding: 10px; font-size: 18px; font-weight: bold; color: #000000; }

#container .table th:nth-child(1) { width: 30%; }
#container .table th:nth-child(2) { }
#container .table th.v2 { width:50%; }
#container .table th.v3 { width:22%; }

#container .table .info { }
#container .table .info ul { margin: 0; padding: 0; }
#container .table .info li { position: relative; list-style: none; margin-top: 13px; font-weight: normal; font-size: 16px; line-height: 24px; color: #666666; letter-spacing: 0; text-align: left; }
#container .table .info li:first-child { margin-top: 0; }
#container .table .info:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container .list { margin: 0 20px; border-top: 2px solid #d9d9d9 }
#container .list ul { margin: 0; padding: 0; }
#container .list li { position: relative; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #d9d9d9; font-size: 0; }
#container .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container .list .radio1 { margin: 20px 20px; }
#container .list .radio1 ul { margin: 0; padding: 0; }
#container .list .radio1 li { display: inline-block; list-style: none; float: left; margin: 0 20px 0 0; border: none; font-size: 15px; line-height: 24px; color: #333333; letter-spacing: 0; text-align: left; }
#container .list .radio1 li.select { }
#container .list .radio1 li.select input[type="radio"] + label span.round {
  display:inline-block;
  width: 25px;height: 25px;
  margin: -2px 9px 0 0;
  font-size: 0;
  vertical-align: middle;
  background: url('../images/radio_btn_slc.png') no-repeat; cursor:pointer;
}

#container .list .radio1 input[type="radio"] { display:none; }
#container .list .radio1 label { cursor: pointer; }
#container .list .radio1 input[type="radio"] + label span.round {
  display:inline-block;
  width: 25px;height: 25px;
  margin: -2px 9px 0 0;
  font-size: 0;
  vertical-align: middle;
  background: url('../images/radio_btn.png') no-repeat; cursor:pointer;
}

#container .list .radio1 input[type="radio"]:checked + label span.round {
  background: url('../images/radio_btn_slc.png') no-repeat;
}

#container .list .radio1:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


#container .list .col { display: inline-block; vertical-align: top; position: relative; width: 50%; padding: 10px 20px; }
#container .list .col1 { padding: 10px 20px; }
#container .list .subject { position: absolute; width: 156px; left: 20px; top: 10px; padding-left: 27px; background: url("../images/dot.png") no-repeat left; font-size: 15px; line-height: 40px; color: #333333; letter-spacing: -0.5px; text-align: left; }
#container .list .subject.v1 { width: 226px; }
#container .list .subject.v2 { width: 360px; }
#container .list .info { margin: 0 0 0 156px; background-color: #f4f4f4; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#container .list .info.v1 { margin: 0 0 0 226px; }
#container .list .info.v2 { margin: 0 0 0 360px; }
#container .list .info input { width: 100%; height: 40px; padding: 0 10px; font-weight: normal; font-size: 15px; line-height: 40px; color: #555555; letter-spacing: 0; text-align: left; border: none; background-color: transparent; outline: none; }
#container .list .info select { width: 100%; height: 40px; padding: 0 10px; font-weight: normal; font-size: 15px; line-height: 40px; color: #555555; letter-spacing: 0; text-align: left; border: none; background-color: transparent; outline: none; }

#container .list .checkbox { margin: 20px; }
#container .list .checkbox ul { margin: 0; padding: 0; }
#container .list .checkbox li { cursor: pointer; list-style: none; float: left; margin-right: 20px; border: none; }
#container .list .checkbox .check { cursor: pointer; position: absolute; width: 22px; height: 22px; left: 0; top: 0; border: 1px solid #cccccc; }
#container .list .checkbox .check.on { background: url("../images/dot.png") no-repeat center; }
#container .list .checkbox .check_text { cursor: pointer; margin-left: 32px; font-weight: normal; font-size: 15px; line-height: 22px; color: #333333; letter-spacing: 0; text-align: left; }
#container .list .checkbox:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container .option { margin: 25px 30px; font-weight: normal; font-size: 15px; line-height: 24px; color: #888888; letter-spacing: -0.25px; text-align: left; }

/* #container .submit { width: 470px; margin: 40px auto 0; background-color: #00305c; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } */
#container .submit { width: 470px; margin: 40px auto 0; background-color: #00305c; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border-radius:3px; box-shadow:3px 3px 3px 3px #999;}

#container .submit input { cursor: pointer; width: 100%; height: 58px; font-weight: bold; font-size: 16px; line-height: 58px; color: #ffffff; letter-spacing: 0; text-align: center; border: none; outline: none; background-color: transparent; }

#container .btn_down { width: 470px; margin: 40px auto 0; background-color: #00305c; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border-radius:3px; box-shadow:3px 3px 3px 3px #999;}
#container .btn_down a, 
#container .btn_down a:hover { display: block; height: 58px; font-weight: bold; font-size: 16px; line-height: 58px; color: #ffffff; letter-spacing: 0; text-align: center; }







@media screen and (max-width:640px) {

	/* LAYOUT */
	#wrap { width: auto; margin: 0 3%; }
	#header { min-width: 320px; }
	#container { min-width: 320px; }

	/* HEADER */
	#header h1 img { height: 10px; }

	/* CONTAINER */
	#container .spot img { width: 100%; }

	h2 { font-size: 18px; line-height: 40px; }
	h2.v1 { margin: 60px 0 0; }
	h3 { margin: 30px 0 0; padding: 0 0 0 20px; font-size: 17px; line-height: 24px; border-left: 5px solid #00305c; }
	h3:after { width: 8px; }
	h4 { margin: 20px 10px 0; padding: 0 0 0 20px; line-height: 40px; }

	#container .table { margin: 30px 0 0; }
	#container .table th { font-size: 16px; }
	#container .table td { font-size: 15px; }

	#container .table th:nth-child(1) { width: 25%; }

	#container .table .info li { font-size: 15px; }

	#container .list { margin: 0 10px; }
	#container .list li { border-bottom: none; }

	#container .list .radio1 { margin: 20px 10px; }

	#container .list .col { display: block; width: auto; padding: 10px 20px; border-bottom: 1px solid #d9d9d9; }
	#container .list .col1 { border-bottom: 1px solid #d9d9d9; }
	#container .list .subject.v1 { letter-spacing: -1px;  }
	#container .list .subject.v2 { position: relative; width: auto; left: auto; top: auto; margin: 0; letter-spacing: -1px; }
	#container .list .info.v1 { margin: 0 0 0 200px; }
	#container .list .info.v2 { position: relative; width: auto; margin: 0 0 0 0; }

	#container .list .checkbox { margin: 0; padding: 20px; border-bottom: 1px solid #d9d9d9; }

	#container .submit { width: 100%; }


	#container .btn_down { width: 100%; }



}