@charset "utf-8";

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	width: 100%;
	margin: 0;
	padding: 0;
}
audio[controls], canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
html {
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}
label, input, button, a, span {
	line-height: 1.6em; 
}

hr {
	display: none;
	height: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
a, a:hover {
	text-decoration: none;
	color: #333;
}
a:active, a:hover, button:active, button:hover {
	outline: 0 none;
}
em, address {
	font-style: normal;
}
acronym, abbr {
	cursor: help;
}
abbr[title] {
	border-bottom: 1px dotted;
}
ul, ol {
	list-style: none;
	list-style-image: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* Skip Navigation */
#skipToContent {
	position: absolute;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	z-index: 901;
}
#skipToContent a {
	display: block;
	height: 1px;
	margin-top: -2px;
	overflow: hidden;
	text-align: center;
	font-size: 0;
	line-height: 0;
	background: #464646;
}
#skipToContent a:active, #skipToContent a:focus {
	padding: 7px 0;
	margin-top: 0;
	height: 23px;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 600;
	color: #fff;
	z-index: 999;
}
.blind {
	position: absolute;
	overflow: hidden;
	width: 0px;
	height: 0px;
	font-size: 0;
	line-height: 0
}
caption, legend {
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	margin-top: -1px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px
}
/* link style */

a:link, a:visited {
	color: #444;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
}
/* color style */
.color_rd {
	color: #f90000 !important;
}
.color_bl {
	color: #0065b3 !important;
}
/* table */
table {
	width: 100%;
	height: auto;
	/* table-layout: fixed; */
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
table button, table input {
overflow:auto;
}
/* heading style */
h4 {
	color: #000;
	font-size: 1.61em;
	font-weight: 600;
	line-height: 1.286em;
	padding:0; margin:0;
}
h4 span {
	font-size: 0.762em;
	font-weight: normal;
	margin-left: 5px;
}

h5, .h5{
	display:block; margin:35px 0px 15px 0px; padding-left:13px;
	font-size:21px; line-height:29px; color:#1e1e1e; position:relative;
	box-sizing:border-box; font-weight:600;
	}
h5:after, .h5:after{content:""; position:absolute; top:4px; left:0; width:4px; height:19px; background:#1c53a7;}


h5 span {
	font-size: 0.762em;
	font-weight: normal;
}
h5 em {
	 font-size: 18px;
	color: #3d61ac;
}
h6 {
	color:#1c53a7;
	font-size:19px;
	margin:20px 0 10px;
}
h7 {
	color: #1955a0;
	margin: 7px 0;
	display: block;
}
/* form,  input set */
button {
	border: 0;
	cursor: pointer;
}
button, input, select, textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
vertical-align:middle;
}
button, input {
overflow:visible;
	line-height: normal;
}
button, select {
	text-transform: none;
}
button[disabled], html input[disabled ] {
	cursor: default;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
overflow:visible;
	cursor: pointer;
	-webkit-appearance: button;
	border-radius: 0;
}
/* button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0;
} */
label, select, input, button {
	vertical-align: middle;
}
input, textarea, select, button {
	font-size: 0.86em;
	font-family: "NanumGothic", "NanumSquare", "돋움", "ulR", Dotum, Helvetica, Verdana, Arial, sans-serif;
	vertical-align: baseline;
	vertical-align: middle;
}
input[type="checkbox"], input[type="radio"] {
	margin: 0;
	padding: 0;
	width: 14px;
	height: 14px;
	cursor: pointer;
}
input[type="checkbox"]+label, input[type="radio"]+label {
	margin: 0 10px 0 3px;
	vertical-align: middle;
	cursor: pointer
}
input[type="text"], input[type="password"], input[type="file"], input[type="search"] {
	width: auto;
	height: 18px;
	margin: 0;
	border: 1px solid #cccccc;
}
input[type="file"] {
	line-height: 26px;
	border: 1px solid #cccccc;
	cursor: pointer;
}
:root input[type="file"] {
	padding: 0 5px 0 0;
	border: 0 none
}
input[readonly="readonly"], input[readonly], input[disabled="disabled"], input[disabled] {
	border: 1px solid #adadad;
	background: #f3f3f3;
	color: #928881
}
input[type="button"], input[type="reset"], input[type="submit"] {
	background: #666666 none repeat scroll 0 0;
    border: 1px solid #555;
    color: #fff;
    display: inline-block;
    font-size: 0.86em;
    padding: 3px 12px;
    text-align: center;
	cursor: pointer;
}
textarea {
	overflow: auto;
	border: 1px solid #CCCCCC;
	vertical-align: top;
	-webkit-appearance: none;
	border-radius: 0;
	resize: none;
	padding: 4px;
}
select {
	padding: 2px 5px;
	margin: 0;
	border: 1px solid #cccccc;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}
input[type="search"], input[type="text"] {
	ime-mode: active;
	border-radius: 0;
	-webkit-appearance: none;
}
::-webkit-input-placeholder {
color:#8a8a8a;
}
:-moz-placeholder {
color:#8a8a8a;
}
::-moz-placeholder {
color:#8a8a8a;
}
:-ms-input-placeholder {
color:#8a8a8a;
}
/* hide style */
.hidden, legend, caption {
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0px;
	float: left;
	position: absolute;
	visibility: hidden;
	overflow: hidden;
}
/* align style */
.clear {
	clear: both;
}
.clearfix {
	clear: both;
	display: block;
	height: 0;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.fl_left {
	float: left !important;
}
.fl_right {
	float: right !important;
}
.al_left {
	text-align: left !important;
}
.al_right {
	text-align: right !important;
}
.al_center {
	text-align: center !important;
}
.al_justify {
	text-align: justify !important;
}
/* no style */
.none {
	display: none !important;
}
.mar_no {
	margin: 0 !important;
}
.padd_no {
	padding: 0 !important;
}
.bold_no {
	font-weight: normal !important;
}
.bg_no {
	background: none !important;
}
/* margin */
.mt_0 {
	margin-top: 0px !important;
}
.mt_5 {
	margin-top: 5px !important;
}
.mt_10 {
	margin-top: 10px !important;
}
.mt_15 {
	margin-top: 15px !important;
}
.mt_20 {
	margin-top: 20px !important;
}
.mt_25 {
	margin-top: 25px !important;
}
.mt_30 {
	margin-top: 30px !important;
}
.mt_35 {
	margin-top: 35px !important;
}
.mt_40 {
	margin-top: 40px !important;
}
.mt_45 {
	margin-top: 45px !important;
}
.mt_50 {
	margin-top: 50px !important;
}
.mt_55 {
	margin-top: 55px !important;
}
.mt_60 {
	margin-top: 60px !important;
}
.mr_0 {
	margin-right: 0px !important;
}
.mr_5 {
	margin-right: 5px !important;
}
.mr_10 {
	margin-right: 10px !important;
}
.mr_15 {
	margin-right: 15px !important;
}
.mr_20 {
	margin-right: 20px !important;
}
.mr_25 {
	margin-right: 25px !important;
}
.mr_30 {
	margin-right: 30px !important;
}
.mr_35 {
	margin-right: 35px !important;
}
.mr_40 {
	margin-right: 40px !important;
}
.mr_45 {
	margin-right: 45px !important;
}
.mr_50 {
	margin-right: 50px !important;
}
.mr_55 {
	margin-right: 55px !important;
}
.mr_60 {
	margin-right: 60px !important;
}
.mb_0 {
	margin-bottom: 0px !important;
}
.mb_5 {
	margin-bottom: 5px !important;
}
.mb_10 {
	margin-bottom: 10px !important;
}
.mb_15 {
	margin-bottom: 15px !important;
}
.mb_20 {
	margin-bottom: 20px !important;
}
.mb_25 {
	margin-bottom: 25px !important;
}
.mb_30 {
	margin-bottom: 30px !important;
}
.mb_35 {
	margin-bottom: 35px !important;
}
.mb_40 {
	margin-bottom: 40px !important;
}
.mb_45 {
	margin-bottom: 45px !important;
}
.mb_50 {
	margin-bottom: 50px !important;
}
.mb_55 {
	margin-bottom: 55px !important;
}
.mb_60 {
	margin-bottom: 60px !important;
}
.ml_0 {
	margin-left: 0px !important;
}
.ml_5 {
	margin-left: 5px !important;
}
.ml_10 {
	margin-left: 10px !important;
}
.ml_15 {
	margin-left: 15px !important;
}
.ml_20 {
	margin-left: 20px !important;
}
.ml_25 {
	margin-left: 25px !important;
}
.ml_30 {
	margin-left: 30px !important;
}
.ml_35 {
	margin-left: 35px !important;
}
.ml_40 {
	margin-left: 40px !important;
}
.ml_45 {
	margin-left: 45px !important;
}
.ml_50 {
	margin-left: 50px !important;
}
.ml_55 {
	margin-left: 55px !important;
}
.ml_60 {
	margin-left: 60px !important;
}
/* padding */
.pt_0 {
	padding-top: 0px !important;
}
.pt_5 {
	padding-top: 5px !important;
}
.pt_10 {
	padding-top: 10px !important;
}
.pt_15 {
	padding-top: 15px !important;
}
.pt_20 {
	padding-top: 20px !important;
}
.pt_25 {
	padding-top: 25px !important;
}
.pt_30 {
	padding-top: 30px !important;
}
.pt_35 {
	padding-top: 35px !important;
}
.pt_40 {
	padding-top: 40px !important;
}
.pt_45 {
	padding-top: 45px !important;
}
.pt_50 {
	padding-top: 50px !important;
}
.pt_55 {
	padding-top: 55px !important;
}
.pt_60 {
	padding-top: 60px !important;
}
.pr_0 {
	padding-right: 0px !important;
}
.pr_5 {
	padding-right: 5px !important;
}
.pr_10 {
	padding-right: 10px !important;
}
.pr_15 {
	padding-right: 15px !important;
}
.pr_20 {
	padding-right: 20px !important;
}
.pr_25 {
	padding-right: 25px !important;
}
.pr_30 {
	padding-right: 30px !important;
}
.pr_35 {
	padding-right: 35px !important;
}
.pr_40 {
	padding-right: 40px !important;
}
.pr_45 {
	padding-right: 45px !important;
}
.pr_50 {
	padding-right: 50px !important;
}
.pr_55 {
	padding-right: 55px !important;
}
.pr_60 {
	padding-right: 60px !important;
}
.pb_0 {
	padding-bottom: 0px !important;
}
.pb_5 {
	padding-bottom: 5px !important;
}
.pb_10 {
	padding-bottom: 10px !important;
}
.pb_15 {
	padding-bottom: 15px !important;
}
.pb_20 {
	padding-bottom: 20px !important;
}
.pb_25 {
	padding-bottom: 25px !important;
}
.pb_30 {
	padding-bottom: 30px !important;
}
.pb_35 {
	padding-bottom: 35px !important;
}
.pb_40 {
	padding-bottom: 40px !important;
}
.pb_45 {
	padding-bottom: 45px !important;
}
.pb_50 {
	padding-bottom: 50px !important;
}
.pb_55 {
	padding-bottom: 55px !important;
}
.pb_60 {
	padding-bottom: 60px !important;
}
.pl_0 {
	padding-left: 0px !important;
}
.pl_5 {
	padding-left: 5px !important;
}
.pl_10 {
	padding-left: 10px !important;
}
.pl_15 {
	padding-left: 15px !important;
}
.pl_20 {
	padding-left: 20px !important;
}
.pl_25 {
	padding-left: 25px !important;
}
.pl_30 {
	padding-left: 30px !important;
}
.pl_35 {
	padding-left: 35px !important;
}
.pl_40 {
	padding-left: 40px !important;
}
.pl_45 {
	padding-left: 45px !important;
}
.pl_50 {
	padding-left: 50px !important;
}
.pl_55 {
	padding-left: 55px !important;
}
.pl_60 {
	padding-left: 60px !important;
}


.popup{position:absolute;top:50%;left:50%;margin:-630px 0 0 -290px;width:590px;padding:0 0 40px;background:#fff;box-shadow:1px 2px 9px 1px #999;z-index:1000;}
.popup h2{padding:0 35px;height:70px;background:#2f868a;color:#fff;font-size:20px;font-weight:400;line-height:72px}
.popup p{margin:20px;padding:25px;;background:#f0f0f0;font-size:18px;text-align:center}
.popup p.notice{padding:55px;}
.popup p.add_info{margin-top:35px;padding:0;}
.popup p.add_info span{font-size:16px;}
.popup p > span{display:block;margin:5px 0 0;color:#666}
.popup p span:first-child{margin:0;}
.popup p span .point1{color:#2f868a}
.popup p span .point2{color:#b03f3f;}
.popup ul{margin:0 20px 30px;}
.popup ul li{margin:0 0 5px;color:#666;}
.popup .list{text-align:center}
.popup .list a{display:inline-block;padding:7px 40px;background:#2f868a;border:1px solid #176367;border-radius:3px;color:#fff;}

.popup .list.gray{}
.popup .list.gray input{padding-left:3%;width:69%;height:36px;border-radius:3px;color:#666;}
.popup .list.gray a{background:#6c7689;}

textarea::placeholder {
  color: red;
  font-style: italic;
}

#textfield::-webkit-input-placeholder { /* Chrome */
  color: red;
  font-style: italic;
}
#textfield:-ms-input-placeholder { /* IE 10+ */
  color: red;
  font-style: italic;
}
#textfield::-moz-placeholder { /* Firefox 19+ */
  color: red;
  opacity: 1;
  font-style: italic;
}
#textfield:-moz-placeholder { /* Firefox 4 - 18 */
  color: red;
  opacity: 1;
  font-style: italic;
}