/* 2019-01-09 */
@charset "utf-8"; 
/* reset */
@font-face {
	font-family:"Noto Sans KR";
	font-style:normal;
	font-weight:300;
	src:url("../../common/font/NotoSansKR-Light.eot?") format("eot"), 
		url("../../common/font/NotoSansKR-Light.woff2") format("woff2"),
		url("../../common/font/NotoSansKR-Light.woff") format("woff"),
		url("../../common/font/NotoSansKR-Light.otf") format("opentype");
}
@font-face {
	font-family:"Noto Sans KR";
	font-style:normal;
	font-weight:400;
	src:url("../../common/font/NotoSansKR-Regular.eot?") format("eot"), 
		url("../../common/font/NotoSansKR-Regular.woff2") format("woff2"),
		url("../../common/font/NotoSansKR-Regular.woff") format("woff"),
		url("../../common/font/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
	font-family:"Noto Sans KR";
	font-style:normal;
	font-weight:500;
	src:url("../../common/font/NotoSansKR-Medium.eot?") format("eot"), 
		url("../../common/font/NotoSansKR-Medium.woff2") format("woff2"),
		url("../../common/font/NotoSansKR-Medium.woff") format("woff"),
		url("../../common/font/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
	font-family:"Noto Sans KR";
	font-style:normal;
	font-weight:700;
	src:url("../../common/font/NotoSansKR-Bold.eot?") format("eot"), 
		url("../../common/font/NotoSansKR-Bold.woff2") format("woff2"),
		url("../../common/font/NotoSansKR-Bold.woff") format("woff"),
		url("../../common/font/NotoSansKR-Bold.otf") format("opentype");
}
@font-face {
	font-family:"Roboto";
	src:url("../../common/font/Roboto-Regular.eot");
	src:url("../../common/font/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
		url("../../common/font/Roboto-Regular.woff") format("woff"),
		url("../../common/font/Roboto-Regular.otf") format("opentype"),
		url("../../common/font/Roboto-Regular.svg#RobotoRegular") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Roboto";
	src:url("../../common/font/Roboto-Bold.eot");
	src:url("../../common/font/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
		url("../../common/font/Roboto-Bold.woff") format("woff"),
		url("../../common/font/Roboto-Bold.otf") format("opentype"),
		url("../../common/font/Roboto-Bold.svg#RobotoBold") format("svg");
	font-weight:700;
	font-style:normal;
}
@font-face {
	font-family:"Roboto";
	src:url("../../common/font/Roboto-Medium.eot");
	src:url("../../common/font/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
		url("../../common/font/Roboto-Medium.woff") format("woff"),
		url("../../common/font/Roboto-Medium.otf") format("opentype"),
		url("../../common/font/Roboto-Medium.svg#RobotoMedium") format("svg");
	font-weight:500;
	font-style:normal;
}
html, body, div, span, object, iframe, textarea,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	box-sizing:border-box;	
}
body {
	background:#fff;
	width:100%;
}
body {font-family:"Noto Sans KR";font-weight:400;font-size:14px;color:#555;letter-spacing:-0.5px;word-break:break-all;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul,li {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	text-decoration:none;
	background:transparent;
	box-sizing:border-box;
	color:#555;
}
a:hover {text-decoration:none;} /*2019-02-15 underline 고객요구사항반영*/

img {
	vertical-align:top;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:500;
}
del {
	text-decoration:line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-spacing:0;
	width:100%;
}
table caption, legend {display:none;}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
	box-sizing:border-box;
}
h1, h2, h3, h4, h5, h6 {font-weight:500;}
strong {font-weight:500;}
em {font-style:normal;}
input[type=text],input[type=password] {
	 border:1px solid #ddd;
	 height:34px;
	 font-family:"Noto Sans KR";
	 font-size:14px;
	 color:#555;
	 padding:0 10px;
	 max-width:100%;
}
input:read-only, input.readonly, input.disabled {color:#888 !important;border-color:#ddd;background:#e6e6e6;}
select {
	 border:1px solid #ddd;
	 height:34px;
	 filter:alpha(opacity=0);
	 font-family:"Noto Sans KR";
	 font-size:14px;
	 -webkit-appearance:button;
	 -webkit-padding-end:30px;
	 -webkit-padding-start:10px;
	 -webkit-user-select:none;
	 background:url("../img/icon_selectBg.gif") right center no-repeat #fff;
	 background-size:22px auto;
	 cursor:pointer;
	 padding:0px 22px 0 10px;
	 -webkit-appearance:none;
	 -moz-appearance:none;
	 -o-appearance:none;
	 appearance:none;
	 color:#555;
	 max-width:100%;
}
select::-ms-expand {display:none;}
select.readonly, select.disabled, select:disabled {color:#9e9d9d !important;border-color:#ddd;background:url("../img/icon_selectBgOff.gif") right center no-repeat #e6e6e6;}
textarea {
	 font-family:"Noto Sans KR";
	 min-height:120px;
	 resize:none;
	 width:100%;
	 border:1px solid #ddd;
	 border-radius:4px;
	 color:#555;
	 font-size:14px;
	 padding:7px 10px;
	 max-width:100%;
}
input:focus, select:focus, textarea:focus {border-color:#1773e9;}
input[type=radio]{display:inline-block;position:absolute;left:-9999px}
input[type=radio]+label{z-index:1;position:relative;display:inline-block;cursor:pointer;line-height: 26px;padding: 4px 6px 4px 26px;margin-right:10px;color:#555}
input[type=radio]+label:before{content:"";display:inline-block;width:20px;height:20px;position:absolute;left:0;top: 8px;background:url("../img/form_radioOff.png") 0px 0px no-repeat;background-size: 20px auto;}
input[type=radio]:checked+label:before{text-align:center;line-height:20px;background:url("../img/form_radioOn.png") 0px 0px no-repeat;background-size: 20px auto;}
input[type=radio]:checked:disabled+label:before{content:"";display:inline-block;width:20px;height:20px;position:absolute;left:0;background:url("../img/form_radioLock.png") 0px 0px no-repeat;}
input[type=radio]:disabled+label:before{text-align:center;line-height:20px;background:url("../img/form_radioLock.png") 0px 0px no-repeat; }
input.radio_chk[type=radio] + label{border:1px solid #d6d6d6;border-radius:4px;padding:9px;width:170px;margin:0 5px;font-size:16px;line-height:normal;text-align:center;border-radius: 25px;background:#fff;}
input.radio_chk[type=radio] + label:before{width:25px;height:25px;position:absolute;left: 12px;top: 50%;margin-top: -12.5px;background:none;}
input.radio_chk[type=radio]:checked + label{color:#fff;border-color:#1d56ab;background:#1d56ab;padding: 9px 12px 9px 30px;}
input.radio_chk[type=radio]:checked + label:before{background:url("../img/radio_distanceOn.png") no-repeat;}
input[type=checkbox]{display:inline-block; position:absolute;left:-9999px;}
input[type=checkbox] + label {z-index:1;position:relative;display:inline-block;cursor:pointer;line-height: 26px;padding: 4px 6px 4px 26px;margin-right: 10px;color: #555;}
input[type=checkbox] + label:before {content:"";display:inline-block;width:20px;height:20px;position:absolute;left:0;top:8px;background:url("../img/form_checkOff.png") 0px 0px no-repeat;background-size: 20px auto;}
input[type=checkbox]:checked + label:before {text-align:center;line-height:20px;background:url("../img/form_checkOn.png") 0px 0px no-repeat;background-size: 20px auto;}
input[type=checkbox]:disabled + label:before {text-align:center;line-height:20px;background:url("../img/form_checkLock.png") 0px 0px no-repeat;background-size: 20px auto;}
input[type=checkbox].agree_chk + label {display:inline-block;border-width:1px;border-style:solid;border-color:#ddd;line-height:20px;padding:7px 20px 8px 40px;border-radius:20px;background:#fff;}
input[type=checkbox].agree_chk.checked + label {border-color:#1d56ab;background:#1d56ab;color:#fff;}
input[type=checkbox].agree_chk + label:before {content:"";display:inline-block;content:"\f107";margin-top:0;font-family:"FontAwesome";width:20px;height:20px;font-size:28px;color:#555;position:absolute;left:12px;top:8px;background:none;}
input[type=checkbox].agree_chk.checked + label:before, input[type=checkbox]:checked.agree_chk + label:before {color:#fff;}