@charset "utf-8";
/* WEB2WEB (http://web2web.co.kr), PEH 20140910 */

/* Reset */
html,body{ width:100%; }
body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,button,address,textarea,
table, tbody, tfoot, thead, th, td,tr, tt,hr,select,input,span,dl,dt,dd, strong, p, a {
	margin:0; padding:0;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}

@media (max-width:360px)						{html{font-size:14px;}}
@media (min-width:361px) and (max-width:399px)	{html{font-size:14.4px;}}
@media (min-width:400px) and (max-width:439px)	{html{font-size:14.8px;}}
@media (min-width:440px) and (max-width:479px)	{html{font-size:15.2px;}}
@media (min-width:480px) and (max-width:519px)	{html{font-size:15.6px;}}
@media (min-width:520px) and (max-width:559px)	{html{font-size:15px;}}
@media (min-width:560px) and (max-width:599px)	{html{font-size:15.4px;}}
@media (min-width:600px) and (max-width:639px)	{html{font-size:15.8px;}}
@media (min-width:640px)						{html{font-size:15px;}}

body {
	word-break:break-all;
	font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', sans-serif;
	color:#232323;
	letter-spacing:-.5px;
	background:#f9f9f9;
}
body.fixed { overflow:hidden; }
img,fieldset,iframe{ border:0 none }

li { list-style:none; }

input,select,button { vertical-align:middle; font-family:'Noto Sans KR', sans-serif; }
input:focus, 
textarea:focus,
button:focus,
select:focus { outline:none; }
select::-ms-expand { display:none; }

img { vertical-align:middle; max-width:100%;}
i,em,address { font-style:normal; }
label,button { cursor:pointer; background:transparent; border:0; }
button{ margin:0; padding:0; }

a { color:#313131; cursor:pointer; text-decoration:none; box-sizing:border-box; transition:color 0.2s; }
a:hover { color:#313131; }

legend{*width:0}

:lang(en) { font-family:'arial', 'Nanum Gothic', '나눔고딕', sans-serif; }

caption {
	width:1px; height:1px;
	overflow:hidden;
	top:0; left:0;
	margin:-1px 0 0 -1px;
}
table { border-collapse:collapse; border-spacing:0; }
tr,td {vertical-align:middle}

/* skip navigation */
#skipnav {
	position:absolute;
	top:0; left:0;
	width:100%; height:0;
	z-index:999;
} 
#skipnav a {
	display:block;
	overflow:hidden;
	height:0;
	padding:0 10px;
	font-weight:500;
	color:#555;
	text-align:center;
	font-size:20px;
	letter-spacing:-1px;
} 
#skipnav a:hover, #skipnav a:focus, #skipnav a:active {
	border:1px solid #ccc;
	background:white;
	width:100%; height:auto;
	padding:2px 0 3px 0;
	font-weight:600;
}

/* input custom */
.csinput { width:18px; margin:0 auto; }
.csinput button {
	border:0;
	background:none;
}
.csinput select {
	cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

.csinput input[type="checkbox"] + label {
	display:inline-block;
	font-size:1rem;
	font-weight:500
}
.csinput input[type="checkbox"] + label span{
	display:inline-block;
	width:18px; height:18px;
	border:1px solid #d6d8dc;
	cursor:pointer;
	position:relative;
	margin-right:5px;
	background-color:#fff
}
.csinput input[type="checkbox"]:checked + label span:after {
	content:'\f00c';
	font-size:13px;
	line-height:18px;
	font-family:fontAwesome;
	position:absolute;
	top:0; left:2px;
	z-index:1;
	color:#e41f26;
}
.csinput input[type="checkbox"] { display:none; }

.csinput input[type="radio"] + label { display:inline-block; vertical-align:middle; }
.csinput input[type="radio"] + label span {
	display:inline-block;
	width:15px; height:15px;
	border:1px solid #e2e2e2;
	cursor:pointer;
	position:relative;
	background-color:#fff;
	float:left;
	margin:2px 5px 0 0;
	border-radius:50%;
}
.csinput input[type="radio"]:checked + label span { border-color:#222; }
.csinput input[type="radio"]:checked + label span:after {
	content:"";
	width:9px; height:9px;
	position:absolute;
	left:2px;
	top:2px;
	display:inline-block;
	z-index:1;
	background-color:#222;
	box-sizing:border-box;
	border-radius:50%;
}
.csinput input[type="radio"] {display:none}

.csinput select {
	width:100%; height:55px;
	padding-left:1rem;
	border:1px solid #e1e1e1;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	color:#bababa;
	background:#fff url('/_public/hompy/images/common/nav_bottom.png') no-repeat 95% 50%;
}
.csinput select::-ms-expand { display:none }

.bg_layer {position:fixed;top:0;left:0;width:100%;height:150%;background:#000;opacity:.8;z-index:99;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80000000)";}

.fa,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family:'FontAwesome';
}