/*
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('/font/NanumGothic.eot'); 
  src: local('☺'), url('/font/NanumGothic.woff') format('woff'), url('/font/NanumGothic.ttf') format('truetype'), url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'); 
}
 
@font-face{
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: bold;
  src: url('/font/NanumGothicBold.eot');     
  src: local('☺'), url('/font/NanumGothicBold.woff') format('woff'), url('/font/NanumGothicBold.ttf') format('truetype'), url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'); 
}
*/

html {width: 100%; height: 100%; -ms-overflow-y: scroll;}
body {margin: 0px; padding: 0px;}
div {margin: 0px; padding: 0px;}
dl {margin: 0px; padding: 0px;}
dt {margin: 0px; padding: 0px;}
dd {margin: 0px; padding: 0px;}
ul {margin: 0px; padding: 0px;}
ol {margin: 0px; padding: 0px;}
li {margin: 0px; padding: 0px;}
h1 {margin: 0px; padding: 0px;}
h2 {margin: 0px; padding: 0px;}
h3 {margin: 0px; padding: 0px;}
h4 {margin: 0px; padding: 0px;}
h5 {margin: 0px; padding: 0px;}
h6 {margin: 0px; padding: 0px;}
pre {margin: 0px; padding: 0px;}
code {margin: 0px; padding: 0px;}
form {margin: 0px; padding: 0px;}
fieldset {margin: 0px; padding: 0px;}
legend {margin: 0px; padding: 0px;}
input {margin: 0px; padding: 0px;}
textarea {margin: 0px; padding: 0px;}
p {margin: 0px; padding: 0px;}
blockquote {margin: 0px; padding: 0px;}
th {margin: 0px; padding: 0px;}
td {margin: 0px; padding: 0px;}
figure {margin: 0px; padding: 0px;}
figcaption {margin: 0px; padding: 0px;}
select {margin: 0px; padding: 0px;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset {border: 0px; border-image: none;}
img {border: 0px; border-image: none;}
address {font-style: normal; font-weight: normal;}
caption {font-style: normal; font-weight: normal;}
cite {font-style: normal; font-weight: normal;}
code {font-style: normal; font-weight: normal;}
dfn {font-style: normal; font-weight: normal;}
em {font-style: normal; font-weight: normal;}
th {font-style: normal; font-weight: normal;}
var {font-style: normal; font-weight: normal;}
ol {list-style: none;}
ul {list-style: none;}
caption {text-align: left;}
th {text-align: left;}
h1 {font-size: 100%; font-weight: normal;}
h2 {font-size: 100%; font-weight: normal;}
h3 {font-size: 100%; font-weight: normal;}
h4 {font-size: 100%; font-weight: normal;}
h5 {font-size: 100%; font-weight: normal;}
h6 {font-size: 100%; font-weight: normal;}
q::before {content: "";}
q::after {content: "";}
abbr {border: 0px currentColor; border-image: none; font-variant: normal;}
acronym {border: 0px currentColor; border-image: none; font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input {font-family: inherit; font-size:inherit ; font-weight: inherit; border:1px solid #e5e5e5; height:22px; padding-left:5px !important;}
textarea {font-family: inherit; font-size: inherit; font-weight: inherit;}
select {font-family: inherit; font-size: inherit; font-weight: inherit;}
input {margin: 0px; padding: 0px;}
textarea {margin: 0px; padding: 0px;}
select {margin: 0px; padding: 0px;}
legend {color: rgb(0, 0, 0);}
.cssreset#yui3-css-stamp {display: none;}
hr {display: none;}
legend {display: none;}
button {margin: 0px; padding: 0px; outline: 0px; border: currentColor; border-image: none; cursor: pointer;}
img {border: 0px currentColor; border-image: none; line-height: 0px; font-size: 0px; vertical-align: top;}
strong{font-family:"NanumGothicBold":}

body {
	width: 100%; height: 100%; color: rgb(102, 102, 102); line-height: 150%; font-family: NanumGothic, dotum, san-serif; font-size: 13px; -ms-word-break: break-all; background-color: rgb(255, 255, 255); -webkit-text-size-adjust: none;
}
header {display: block;}
footer {display: block;}
section {display: block;}
article {display: block;}
aside {display: block;}
nav {display: block;}
hgroup {display: block;}
details {display: block;}
menu {display: block;}
figure {display: block;}
figcaption {display: block;}
a {
	outline: 0px; color: rgb(102, 102, 102); text-decoration: none; cursor: pointer;
}

a:hover {
text-decoration: none;
}
/* b:hover { 
	color: rgb(14, 124, 185) !important;
}*/
.middle {
	vertical-align: middle;
}
.position_r {
	position: relative;
}
.fl_L {
	float: left;
}
.fl_R {
	float: right;
}
.al_l {
	text-align: left !important;
}
.al_c {
	text-align: center !important;
}
.al_r {
	text-align: right !important;
}
.al_j {
	text-align: justify !important;
}
.radio {
	margin-right: 5px; vertical-align: middle;
}
.checkbox {
	margin-right: 5px; vertical-align: middle;
}

select.sel {
	border: 1px solid rgb(222, 222, 222); border-image: none; padding-top: 3px; padding-bottom: 3px;
}
input.radio {
	margin: 0px 3px 0px 0px; top: -1px; position: relative;
}
input.radio label {
	color: rgb(51, 51, 51); font-family: "NanumGothicBold"; font-size: 13px; float: left;
}
input[type=text] {
	padding: 3px 5px 0px; border-radius: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 16px; vertical-align: middle; -moz-border-radius: 3px; -webkit-border: 3px;
}
input[type=password] {
	padding: 3px 5px 0px; border-radius: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 16px; vertical-align: middle; -moz-border-radius: 3px; -webkit-border: 3px;
}
input[type=checkbox] {
	margin: -1px 5px 0px 0px; border: 0px; border-image: none; width: auto; vertical-align: middle;
}
input[type=radio] {
	vertical-align: middle;
}
input.txt {
	background: rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgb(222, 222, 222); border-image: none; height: 18px; padding-left: 4px; vertical-align: middle; -moz-border-radius: 3px; -webkit-border: 3px;
}
input.check {
	width: 13px; height: 13px;
}
select {
	vertical-align: middle; border:1px solid #e5e5e5;
}
textarea {
	background: rgb(255, 255, 255); padding: 5px; border-radius: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 98%; -moz-border-radius: 3px; -webkit-border: 3px; resize: none;
}
label.labelTit {
	background: url("/img/ver2/ico.png") no-repeat 0px -49px; width: 75px; color: rgb(51, 51, 51); padding-left: 8px; font-family: "NanumGothicBold"; font-weight: bold; vertical-align: middle; display: inline-block;
}

.clfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.tab::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
.clfix {display: inline-block;}
.tab {display: inline-block;}
.clfix {display: block;}
.tab {display: block;}
* html .clfix {height: 1%;}
* html .tab {height: 1%;}
.clfix {-ms-zoom: 1;}
.tab {-ms-zoom: 1;}

/*글씨 감추기*/
.blind {left: 0px; top: -10000em; overflow: hidden; display: block; position: absolute;}
.ir {height: 11px; overflow: hidden; font-size: 11px; display: block; white-space: nowrap; position: relative; z-index: -1;}
.text_hide {color: transparent; line-height: 0; text-indent: -9999px; overflow: hidden; font-size: 0px; display: block; white-space: nowrap; text-shadow: none;}


#skipnavi a {background: rgb(197, 34, 39); left: -9999px; width: 200px; text-align: center; color: rgb(255, 255, 255); display: block; position: absolute;}
#skipnavi a:hover {left: 50%; margin-left: -100px; z-index: 999999;}
#skipnavi a:focus {left: 50%; margin-left: -100px; z-index: 999999;}
#skipnavi a:active {left: 50%; margin-left: -100px; z-index: 999999;}


#wrap {min-width:1080px; width:100%; align:center;}
.innerWrap {margin: 0px auto; width: 1080px; position: relative; display:block; overflow:hidden;}
.innerWrap::after {clear: both; display: block; content: "";}
.innerHWrap {margin: 0px auto; width: 1080px; position: relative; background:#fff;}
.innerHWrap::after {clear: both; display: block;}
#Contain {margin: 0px auto 80px; width: 1080px; position: relative; overflow:hidden;}
#Contain::after {clear: both; display: block; content: "";}
.partSection {width: 100%; overflow: hidden; position: relative;}

table caption {height: 0px; line-height: 0; font-size: 0px; display: none; visibility: hidden; position: absolute;}
table tr th {border-color: rgb(221, 221, 221);}

/*header*/
header {width: 100%; height: 82px; position: relative; min-width:1080px; border-bottom:3px solid #0070b9;}
header h1 {background: url("/images/logo.png") no-repeat left top; top:22px; position: absolute; z-index:1200}
header h1 a {width: 150px; height:45px; display: block; overflow: hidden;text-indent: -9999px;;}



/*bottom*/
footer{ width:100%; min-width:1080px; border-top:1px solid #dddddd; background:#f7f7f7; position:relative; display:block; padding-bottom:30px;float:left }
.BTInfoArea{ border-bottom:1px solid #dddddd; background:#f3f3f3; width:100%; min-width:1080px; height:54px; margin:0px auto; display:block;}
.BTInfoArea ul{ width:999px; height:54px; margin:0px auto; display:inline-block; float:left; background:url("/images/common/footerImg.gif") no-repeat;}
.BTInfoArea ul li{ display:inline-block; float:left; padding-right:33px;}
.BTInfoArea a{ display:inline-block; width:42px; height:36px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; font-size:16px; color:#222; font-family:"NanumGothicBold"; background:url("/images/common/ico_top.png") no-repeat 15px 24px; padding-left:37px; padding-top:19px;}

.footerArea{ width:1080px; margin:0px auto; display:block; position:relative; padding-top:20px; overflow:hidden; clear:both; font-size:12px;}
.footerArea ul{ margin-bottom:30px; margin-left:100px; text-align:center; }
.footerArea ul li{ border-left:1px solid #dddddd; padding:0px 10px; float:left; display:inline-block;}
.footerArea ul li:first-child{ border-left:none;}
.footerArea form{ position:absolute; right:0px; top:20px; }
.footerArea select{font-size:11px; font-family:"NanumGothic"; border:1px solid #c4c4c4; padding-left:3px; width:150px; height:18px; float:left; margin-right:5px; color:#666;}
.footerArea a.sitemove{ width:40px; height:19px; background:#a6a6a6; font-size:11px; font-family:"dotum"; color:#fff; text-align:center; float:right;}
ul.footerList{width:1080px; display:block; position:relative; overflow:hidden; clear:both; text-align:center; margin-bottom:0px;}
ul.footerList li{border-left:1px solid #dddddd; padding:0px 10px; float:left; display:inline-block;margin:0px auto; }
ul.footerList li:first-child{ border-left:none;}
address{ clear:both; overflow:hidden;}
address p{ text-align:center;}

/*폰트 컬러*/
.blue1{ color:#0070b9;}
.blue1:hover{color: rgb(14, 124, 185);}
.orange{ color:#ff7003;}
.orange:hover{color: rgb(14, 124, 185);}
.green{ color:#359300;}
.green:hover{color: rgb(14, 124, 185);}
.black{ color:#000;}
.black:hover{color: rgb(14, 124, 185);}
.lightgray{ color:#A3A3A3;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font18{ font-size:18px;}

/*기본박스*/
.grayBgBox{ border:1px solid #eee; background:#fafafa; overflow:hidden; padding:20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

/*넓이_높이*/
.w346{ width:346px;}
.w392{ width:392px;}
.w415{ width:415px;}
.w231{ width:231px;}
.w252{ width:252px;}
.w116{ width:116px;}
.h241{ height:241px !important;}

/*padding*/
.PT37{ padding-top:37px;}
.PT42{ padding-top:42px;}
.PR20{ padding-right:20px;}
.PB25{ padding-bottom:25px;}
.PB57{ padding-bottom:57px;}

/*margin*/
.MB10{ margin-bottom:10px !important;}
.MB21{ margin-bottom:21px !important;}
.MB25{ margin-bottom:25px !important;}
.MB30{ margin-bottom:30px !important;}
.MB40{ margin-bottom:40px !important;}
.MB50{ margin-bottom:50px !important;}
.MB60{ margin-bottom:60px !important;}
.MR50{ margin-right:50px !important;}