@charset "UTF-8";
/* mobile style */
*{-webkit-text-size-adjust:none}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;}
body{
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
	color: #333;
	font-weight:normal;
}
li{list-style:none}
a{text-decoration:none; color: #555;}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle; border: 1px solid #adadad;}
input[type="text"], input[type="password"]{-webkit-appearance:none}
/*
input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;-webkit-appearance:none}
*/
button,input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:button;border-radius:0; border: 0;}
textarea{-webkit-appearance:none; border: 1px solid #ddd; border-radius:0;}
img {max-width: 100%;}

@font-face{
	font-family:'CoreGothic1';
	font-style:normal;
	font-weight:normal;
	src:url('/css/fonts/CoreGothic1.eot');
	src:url('/css/fonts/CoreGothic1.eot?#iefix') format('embedded-opentype'),
	url('/css/fonts/CoreGothic1.woff') format('woff'),
	url('/css/fonts/CoreGothic1.ttf') format('truetype');
}
@font-face{
	font-family:'CoreGothic2';
	font-style:normal;
	font-weight:normal;
	src:url('/css/fonts/CoreGothic2.eot');
	src:url('/css/fonts/CoreGothic2.eot?#iefix') format('embedded-opentype'),
	url('/css/fonts/CoreGothic2.woff') format('woff'),
	url('/css/fonts/CoreGothic2.ttf') format('truetype');
}
@font-face{
	font-family:'CoreGothic3';
	font-style:normal;
	font-weight:normal;
	src:url('/css/fonts/CoreGothic3.eot');
	src:url('/css/fonts/CoreGothic3.eot?#iefix') format('embedded-opentype'),
	url('/css/fonts/CoreGothic3.woff') format('woff'),
	url('/css/fonts/CoreGothic3.ttf') format('truetype');
}
@font-face{
	font-family:'CoreGothic4';
	font-style:normal;
	font-weight:normal;
	src:url('/css/fonts/CoreGothic4.eot');
	src:url('/css/fonts/CoreGothic4.eot?#iefix') format('embedded-opentype'),
	url('/css/fonts/CoreGothic4.woff') format('woff'),
	url('/css/fonts/CoreGothic4.ttf') format('truetype');
}

@font-face{
	font-family:'CoreGothic5';
	font-style:normal;
	font-weight:normal;
	src:url('/css/fonts/CoreGothic5.eot');
	src:url('/css/fonts/CoreGothic5.eot?#iefix') format('embedded-opentype'),
	url('/css/fonts/CoreGothic5.woff') format('woff'),
	url('/css/fonts/CoreGothic5.ttf') format('truetype');
}


@media (max-width:360px)						{html{font-size:12px;}}
@media (min-width:361px) and (max-width:399px)	{html{font-size:13px;}}
@media (min-width:400px) and (max-width:439px)	{html{font-size:14px;}}
@media (min-width:440px) and (max-width:479px)	{html{font-size:15px;}}
@media (min-width:480px) and (max-width:519px)	{html{font-size:16px;}}
@media (min-width:520px) and (max-width:559px)	{html{font-size:17px;}}
@media (min-width:560px) and (max-width:599px)	{html{font-size:18px;}}
@media (min-width:600px) and (max-width:639px)	{html{font-size:19px;}}
@media (min-width:640px)						{html{font-size:20px;}}

#content {
	width: 100%;
	position: relative;
}

.pees-search {
	background: #efefef;
	background-size: cover;
	padding: 2.0em 1.0em;
}
.pees-search p.pees-label {
	display: table;
	width: 100%;
	margin: 0 0 0.5em 0;
}
.pees-search p.pees-label .td,
.pees-search p.pees-label .th {
	line-height: 2.25em;
	height: 2.25em;
	display: table-cell;
}
.pees-search p.pees-label .th {
	font-size: 1.1em;
	color: #1d1d1d;
	width: 20%;
	font-weight: 600;
}
.pees-search p.pees-label .td {
	width: 80%;
}
.pees-search p.pees-label .td input,
.pees-search p.pees-label .td select {
	line-height: 2.25em;
	width: 100%;
	height: 2.25em;
	vertical-align: middle;
	border: 0;
	font-size: 1.0em;
	background: #fff;
}
.pees-search p.pees-label .td input {
	line-height: 2.25em;
	height: 2.25em;
}
.pees-search p.pees-label .td.tel-td input,
.pees-search p.pees-label .td.tel-td select {width: 25%;}
.pees-search p.pees-label.agr-label {
	padding: 0 0 0 20%;
	width: 80%;
	color: #111;
	margin: 0 0 2em 0;
}
.pees-search p.pees-label.agr-label .btn-agr {
	display: inline-block;
	background: #717171;
	color: #fff;
	font-size: 1.0em;
	line-height: 2.25em;
	height: 2.25em;
	text-align: center;
	padding: 0 2.25em;
	margin: 0 0.5em 0 0;
}
.pees-search .btn-nav	{ margin: 0; }

.agree-modal {
    position: absolute;
    z-index: 100;
    padding: 10px;
    display: none;
}
.agree-modal {
	display:none; 
	width:80%; 
	color: #c8c8c8;
	font-size: 21px;
	line-height: 32px;
}
.agree-modal .agree-bx {
	height: 300px;
	overflow-y: scroll;
	font-size: 80%;
	color: #fff;
}
.agree-modal h4 {
	color: #fff;
	font-size: 100%;
	border-bottom: 1px dashed #fff;
	padding: 0 0 5% 0;
	margin: 0 0 7% 0;
}
.agree-modal h5, 
.agree-modal h6 {
	font-weight: bold;
	font-size: 90%;
	margin: 20px 0 10px 0;
	color: #fff;
}
.agree-modal button.closeModalLayer {
    overflow: hidden;
    padding: 0;
    margin: 0;
    line-height: 0;
    background: transparent;
    position: absolute;
    top: 3%;
    right: 3%;
}
.overlay {
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #000;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    display: none;
}

.cd-top {
	opacity: 1;
	position: fixed;
	bottom: 2%;
	right: 2%;
	display: none;
	text-align: right;
}

.toggle-menu {
	overflow: hidden;
	position: absolute;
	width: 100%;
	top:0;
	z-index: 100;
}
.toggle-menu:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3.0em;
	background: #2a2a2a;
	z-index: 0;
}

.toggle-menu .toggle-bx {
	float: left;
	width: 50%;
}
.toggle-menu .toggle-bx .tgl-head {
	font-size: 1.0em;
	color: #fff;
	height: 3.0em;
	line-height: 3.0em;
	background: #2a2a2a url('/m/images/common/tgl-btn.png') no-repeat 100% 50%;
	padding: 0 0 0 1.5em;
}
.tgl-body {
	display: none;
	background: #222;
}
.tgl-body li a {
	font-size: 1.0em;
	color: #fff;
	display: block;
	padding: 0 1.5em;
	height: 3.0em;
	line-height: 3.0em;
}
.content.sub-lay {
	padding: 6.0em 0 0 0;
	margin: 0;
}
.inner-con {padding: 0 1.0em 2.0em;}


.designby {display: block;}
.designby a {font-weight: bold; color: #26c3e8;}