@charset "utf-8";
@font-face {
	font-family: 'noto';
	font-weight: 100;
	font-style: normal;
	src:url('../font/notokr-light.eot');
	src:url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-light.woff2') format('woff2'),
		url('../font/notokr-light.woff') format('woff');
}
@font-face {
	font-family: 'noto';
	font-weight: 300;
	font-style: normal;
	src:url('../font/notokr-regular.eot');
	src:url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-regular.woff2') format('woff2'),
		url('../font/notokr-regular.woff') format('woff'),
		url('../font/notokr-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'noto';
	font-weight: 500;
	font-style: normal;
	src:url('../font/notokr-medium.eot');
	src:url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-medium.woff2') format('woff2'),
		url('../font/notokr-medium.woff') format('woff'),
		url('../font/notokr-medium.ttf') format('truetype');
}
@font-face {
	font-family: 'noto';
	font-weight: 700;
	font-style: normal;
	src:url('../font/notokr-bold.eot');
	src:url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		url('../font/notokr-bold.woff2') format('woff2'),
		url('../font/notokr-bold.woff') format('woff'),
		url('../font/notokr-bold.ttf') format('truetype');
}
* {margin:0;padding:0;}
html {font-size:62.5%;}
body {min-width:1024px\9;color:#474747;font:14px/1.5 noto, sans-serif;font-weight:300;-webkit-text-size-adjust:none;word-break:keep-all;}
a {color:#474747;text-decoration:none;}
li {list-style:none;}
table {width:100%;border-collapse:collapse;border:0;}
colgroup {background:none;}
input, select, textarea, button {vertical-align:middle;font:14px/1.5 noto, Sans-serif;}
fieldset, img {border:0;}
img {vertical-align:top;}
label, td img {vertical-align:middle;}
legend, caption, .hidden {display: none;}
address, em {font-style:normal;}
strong, b {font-weight: 700;}
input {border-radius:0;}
button {overflow:visible;cursor:pointer;background:none;border:0;border-radius:0;}
button::-moz-focus-inner {padding:0;border:0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section {display:block;}
select {
	border-radius: 0;
	background: none;
	-webkit-appearance: none;
}
select::-ms-expand {display: none;}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color:#474747;}

.chk {display:inline-block;cursor:pointer;vertical-align:middle;}
.chk + .chk {margin:0 0 0 5px;}
.chk input {position:absolute;visibility:hidden;position:static\9;visibility:visible\9;}
.chk input + span:before {content:"";display:inline-block;display:none\9;width:22px;height:22px;margin:0 10px 0 0;vertical-align:middle;background:url('../images/icon_pack.png') no-repeat 0 -26px;}
.chk input:checked + span:before {background-position:0 -48px;}

.radio {display:inline-block;cursor:pointer;vertical-align:middle;}
.radio + .radio {margin:0 0 0 5px;}
.radio input {position:absolute;visibility:hidden;position:static\9;visibility:visible\9;}
.radio input + span:before {content:"";display:inline-block;display:none\9;width:25px;height:25px;margin:0 4px 0 0;vertical-align:middle;background:url('../images/icon_pack.png') no-repeat -30px -41px;}
.radio input:checked + span:before {background-position:-55px -41px;}

.ui-datepicker {width:240px;display:none;background:#fff;border:1px solid #ccc;z-index:10!important;}
.ui-datepicker .ui-datepicker-header {position:relative;padding:5px 0;text-align:center;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position:absolute;top:10px;font:0/0 a!important;}
.ui-datepicker .ui-datepicker-prev {left:2px;border:6px solid transparent;border-right:6px solid #333;}
.ui-datepicker .ui-datepicker-next {right:2px;border:6px solid transparent;border-left:6px solid #333;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {border:0;background:none;}
.ui-datepicker td span,
.ui-datepicker td a {display:block;padding:5px;text-align:center;}
.ui-datepicker-trigger {width:19px;height:19px;margin:0 0 0 5px;background:url(../images/btn_cal.gif) no-repeat;font:0/0 a!important;}

@media all and (max-width:1024px) {
	html {font-size:62.5%;}
	body, input, select, textarea, button {font-size:1.4rem;}
	select {height:3rem;}
	textarea, input.txt {height:3rem;padding:.6rem .5rem;border-width:.1rem;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

	.chk + .chk {margin:0 0 0 .5rem;}
	.chk input + span:before {width:2.2rem;height:2.2rem;margin:0 1rem 0 0;background-position:0 -2.6rem;background-size:50rem;}
	.chk input:checked + span:before {background-position:0 -4.8rem;}

	.radio + .radio {margin:0 0 0 .5rem;}
	.radio input + span:before {width:2.5rem;height:2.5rem;margin:0 .4rem 0 0;background-position:-3rem -4.1rem;background-size:50rem;}
	.radio input:checked + span:before {background-position:-5.5rem -4.1rem;}
}
@media all and (max-width:560px) {
	body, input, select, textarea, button {font-size:1.2rem;letter-spacing:-.05rem;}

	.ui-datepicker {width:24rem;border:.1rem solid #ccc;}
	.ui-datepicker .ui-datepicker-header {padding:.5rem 0;}
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next {top:1rem;}
	.ui-datepicker .ui-datepicker-prev {left:.2rem;border:.6rem solid transparent;border-right:.6rem solid #333;}
	.ui-datepicker .ui-datepicker-next {right:.2rem;border:.6rem solid transparent;border-left:.6rem solid #333;}
	.ui-datepicker td span,
	.ui-datepicker td a {display:block;padding:.5rem;text-align:center;}
}