@charset "utf-8";

/* CSS reset */
html,
body {
	height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
select,
option {
	margin: 0;
	padding: 0;
	font-family: 'NanumBarunGothic'
}

/* table{border-collapse:collapse;border-spacing:0} */
p {
	text-decoration: none;
	border: none
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal
}

ol,
ul,
li {
	list-style: none
}

caption {
	display: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	padding: none;
	margin: none
}

q:before,
q:after {
	content: ''
}

abbr,
acronym {
	border: 0
}

img,
li {
	vertical-align: middle
}

a {
	vertical-align: middle
}

a:link {
	text-decoration: none;
	color: inherit
}

a:visited {
	color: inherit
}

caption {
	display: none
}

input[type=checkbox] {
	border: 0 none;
	background: transparent;
	vertical-align: middle;
}

input[type=radio] {
	border: 0 none;
	background: transparent
}

label {
	vertical-align: -1px;
}

input.radio,
input.chk {
	width: 13px;
	height: 13px;
	vertical-align: text-top
}

address {
	text-align: center
}

a,
img,
div,
ul,
li,
input {
	outline: none;
	selector-dummy: expression(this.hideFocus=true)
}

/* �׵θ����� ��Ʈ��(no) */
a {
	display: block
}

.center {
	text-align: center
}

.bold {
	font-weight: bold
}

.clear {
	clear: both
}

.btnall1 {
	background: #606273;
	color: white;
	padding: 10px 15px;
	cursor: pointer;
	line-height: 25px;
	font-size: 12pt;
	margin-left: 2px;
	border-radius: 10px
}

.btnall1cancel {
	background: #dddddd;
	color: #4b4b4b;
	padding: 10px 15px;
	cursor: pointer;
	line-height: 25px;
	font-size: 10pt;
	margin-left: 2px
}

.btnall2 {
	background: #22334e;
	color: white;
	padding: 5px 7px;
	cursor: pointer;
	line-height: 25px;
	font-size: 10pt;
	margin-left: 2px;
	border-radius: 8px
}

.btnWrite {
	width: 45px;
	float: right;
	background: #22334e;
	color: white;
	cursor: pointer;
	line-height: 35px;
	font-size: 10pt;
	margin-left: 2px;
	text-align: center;
	padding: 0 10px 0 10px
}

.top_btn {
	position: fixed;
	left: 50%;
	margin-left: 630px;
	bottom: 50px;
	display: none
}

.btnType {
	position: relative;
	left: -50%;
	float: right
}

.btnType ul {
	position: relative;
	left: 50%;
	float: left
}

.btnType ul li {
	float: left;
	margin-left: 10px
}

.btnType ul li a {
	display: block
}

.btnOK {
	margin: 0;
	display: block;
	width: 204px;
	height: 40px;
	margin: 0 auto;
	background: #22334e;
	line-height: 40px;
	color: #fff;
	text-align: center
}

.btnCancel {
	display: block;
	width: 204px;
	height: 40px;
	margin: 0 auto;
	background: #8b8b8b;
	line-height: 40px;
	color: white;
	text-align: center
}

.green {
	color: #c8e06e;
}

h1 {
	font-size: 22px;
	color: black;
	line-height: 30px
}

h2 {
	font-size: 20px;
	color: #3c211c
}

h3 {
	font-size: 16px;
	color: #3c211c
}

.red {
	color: #ce3718
}

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

/* ------------�������� ����� �� �ִ� css------------ */
.contents .pageStart .pageText {
	padding-top:
		/*30px*/
		70px;
	z-index: 1000
}

.contents .pageStart .pageText .commonTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	color: #444444;
	font-size: 15px
}

.contents .pageStart .pageText .commonTable th {
	background: #f9f9f9;
	height: 42px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #ddd;
	border-left: none
}

.contents .pageStart .pageText .commonTable th:last-child {
	border-right: none
}

.contents .pageStart .pageText .commonTable td {
	border: 1px solid #d9d9d9;
	height: 37px;
	text-align: center
}

.contents .pageStart .pageText .commonTable td:first-child {
	border-left: none
}

.contents .pageStart .pageText .commonTable td:last-child {
	border-right: none
}

.contents .pageStart .pageText .btnReser {
	background: #199dd4;
	color: white;
	padding: 7px 15px;
	cursor: pointer;
	line-height: 16px;
	font-size: 10pt;
	margin-left: 2px
}

.contents .pageStart .pageText .reserOk {
	color: #199dd4
}

.contents .pageStart .pageText .reserEnd {
	color: #199dd4;
	font-size: 13px
}

.contents .pageStart .pageText .highBlue {
	color: #199dd4
}

.contents .pageStart .pageText .highBlue2 {
	color: #199dd4;
	padding-top: 10px;
	padding-bottom: 10px;
}

.contents .pageStart .pageText .line {
	width: 800px;
	height: 1px;
	border-top: 1px solid #ededed
}

.contents .pageStart .pageText .topBar {
	width: 25px;
	height: 5px;
	border-bottom: 3px solid #199dd4
}

/* ------------�������� �ؽ�Ʈ------------ */
.commonText span {
	font-size: 15px;
	color: #199dd4
}

.commonText {
	float: left;
	padding-top: 10px;
	color: #80807f;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: -0.5px
}

.midText {
	font-size: 18px;
	color: #199dd4
}

.midText2 {
	font-size: 17px;
	color: #199dd4;
	line-height: 28px
}

/* ------------footer Ǫ��------------*/
#footer {
	position: relative;
	clear: both;
	width: 100%;
	height: 100%;
	height: 140px
}

#footer .borderBox {
	width: 100%;
	height: 50px;
	border-top: 1px solid #505050;
	border-bottom: 1px solid #505050
}

#footer .borderBox .agree {
	width: 1140px;
	margin: 0 auto;
	height: 50px;
	line-height: 60px;
	font-size: 15px;
	color: #505050;
	font-weight: bold
}

#footer .borderBox .agreeBox {
	float: left
}

#footer .borderBox .agreeBox>li {
	float: left;
	width:
		/*283px*/
		375px;
	height: 50px;
	border-left: 1px solid #505050;
	text-align: center;
	line-height: 50px;
}

#footer .borderBox .agreeBox li:nth-child(4) {
	border-right: 1px solid #505050
}

#footer .adressBox {
	clear: both;
	width: 100%;
	color: #505050;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 12px;
}

#footer .adressBox .adress {
	width: 580px;
	height: 50px;
	margin: 0 auto;
}

#footer .adressBox .adress li {
	float: left
}

#footer .adressBox .adress li p {
	line-height: 18px;
	padding: 7px 0 0 20px
}

#footer .adressBox .adress li p span {
	font-weight: bold
}

/* ------------ header.asp ��� ------------ */

#header #top {
	width: 1100px;
	margin: 0 auto;
	z-index: 1000
}

#header #top .topMenu {
	height: 15px;
	position: absolute;
	width: 230px;
	left: 50%;
	padding-left: 405px;
	padding-top: 5px;
	font-size: 11px;
	color: #9d9d9d;
}

#header #top .topMenu li {
	float: left;
	padding-left: 7px
}

#wrap {
	width: 100%
}

#header {
	clear: both;
	background: white;
	width: 100%;
	height: 95px;
	border-bottom: 4px solid #05245d;
	position: absolute;
	;
	z-index: 10000
}

#header_title {
	width: 1140px;
	height: 104px;
	margin: 0 auto;
	line-height: 30px
}

#header h1 {
	float: left;
	margin-top: 25px
}

#header>ul {
	float: left;
	margin: 30px 0 0 68px
}

#header>ul li {
	float: left;
	margin-left: 38px;
	color: #111
}

#header>ul>li:hover {
	border-bottom: 4px solid #306d36;
	color: #306d36
}

#header #gnbWrap {
	width: 1100px;
	position: relative;
	top: 35px;
	left: 100px
}

#header #gnbWrap .gnb {
	padding-left: 30px
}

#header #gnbWrap .gnb .navi {
	font-size: 16px;
	float: left;
	margin-left: 70px
}

#header #gnbWrap .gnb .navi .topnav {
	text-align: center;
	height: 60px;
	color: #575757
}

#header #gnbWrap .gnb .navi .subnav {
	position: absolute;
	z-index: 1000;
	top: 30px;
	width: 115px;
	display: none;
	background: white;
	color: black;
	border-radius: 0 0 15px 15px;
	behavior: url(/css/PIE.htc)
}

#header #gnbWrap .gnb .navi .subnav li {
	text-align: center;
	font-size: 11px;
	line-height: 25px
}

#header #gnbWrap .gnb .navi .subnav li:nth-child(even) {
	background: #fcfcfc
}

#header #gnbWrap .gnb .navi .subnav li:hover {
	background: #1c1f38;
	opacity: .9;
	color: white;
	font-weight: bold;
	border-radius: 5px;
	behavior: url(/css/PIE.htc)
}

#header #gnbWrap .gnb .navi .subnav li a {
	display: block
}

#header #gnbWrap .gnb .navi .navi1 {
	margin-left: -29px;
	text-align: center
}

#header #gnbWrap .gnb .navi .navi2 {
	margin-left: -29px;
	text-align: center
}

#header #gnbWrap .gnb .navi .navi3 {
	margin-left: -29px;
	text-align: center
}

#header #gnbWrap .gnb .navi .navi4 {
	margin-left: -29px;
	text-align: center
}

#header #gnbWrap .gnb .navi .navi5 {
	margin-left: -29px;
	text-align: center
}

#header #gnbWrap .gnb .navi .navi6 {
	margin-left: -35px;
	text-align: center
}

/*------------ ��� �Ѹ� ------------*/

#slideshow {
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 615px;
}

#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow img {
	position: absolute;
	top: 99px;
	left: 50%;
	margin-left: -900px;
	z-index: 0;
	opacity: 0.0;
}

/*------------ index.asp ��� ���� ------------*/

/*--------- heightBox -----------*/
.heightBox {
	width: 100%;
	height: 698px
}

/*---��� ���� ��������, ��������---*/
.middleTap {
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #111;
	border-top: 1px solid #111
}

.middleTap .tapBox {
	width: 1140px;
	margin: 0 auto
}

.middleTap .tapBox .noticeBox {
	width: 569px;
	float: left;
	border-left: 1px solid #797979;
	border-right: 1px solid #797979;
	height: 60px
}

.middleTap .tapBox .noticeBox ul>li {
	float: left
}

.middleTap .tapBox .oderBox {
	width: 568px;
	float: left;
	border-right: 1px solid #797979;
	height: 60px
}

.middleTap .tapBox .oderBox ul>li {
	float: left
}

.img01 {
	width: 40px;
	padding: 18px 0 0 20px;
}

.text01 {
	width: 90px;
	color: #505050;
	font-size: 18px;
	font-weight: bold;
	padding-right: 5px;
	height: 60px;
	line-height: 60px;
}

.text02 {
	width: 370px;
	color: #505050;
	height: 60px;
	line-height: 60px
}

.pulsBtn {
	height: 60px;
	padding-top: 14px
}

/*--------- ���� �ϴ� ---------*/
.mainBottom {
	width: 1140px;
	margin: 0 auto;
	height: 460px
}

/*------���� �ϴ� ����------*/
.mainBottom .leftSlide {
	width: 570px;
	height: 360px;
	background: #213c61;
	margin-top: 50px;
	float: left
}

.mainBottom .leftSlide .skdslider {
	width: 570px;
	height: 360
}

.mainBottom .leftSlide .skdslider ul.slides li img {
	height: 360px;
	border: 0
}

.mainBottom .leftSlide .skdslider ul.slides li {
	/*image size */
	position: absolute;
	display: none;
	width: 570px;
	height: 360px
}

/* ��ʰ� 4���϶� */
.mainBottom .leftSlide .skdslider .slide-navs {
	width: 120px;
	bottom: -330px;
	left: 90px;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0
}

.mainBottom .leftSlide .skdslider .slide-navs li {
	float: left;
	background: url("/images/con03_off.png") no-repeat scroll 0 0 transparent;
	height: 15px;
	width: 15px;
	margin-right: 0px;
	cursor: pointer
}

.mainBottom .leftSlide .skdslider .slide-navs li.current-slide {
	background: url("/images/con03_on.png") no-repeat scroll 0 0 transparent
}

.mainBottom .leftSlide .skdslider .slide-desc {
	background: url("/images/con03_off.png") repeat scroll 0 0 transparent;
	left: 0;
	padding: 27px 0px 23px 0px;
	position: absolute;
	top: 403px;
	width: 800px
}

.mainBottom .leftSlide .skdslider .slide-desc>p a.more:hover {
	text-decoration: underline
}

/*------������ �ϴ� �ڽ� ------*/
.mainBottom .rightBox {
	width: 560px;
	height: 360px;
	padding: 50px 0 0 10px;
	float: left
}

.mainBottom .rightBox a {
	display: block
}

.mainBottom .rightBox li {
	float: left;
	width: 275px;
	height: 175px;
}

.mainBottom .rightBox .workBtn {
	background: url('/images/rightBtn01.png')no-repeat center;
	margin-right: 8px;
	border: 1px solid #d7d7d7
}

.mainBottom .rightBox .connecBtn {
	background: url('/images/rightBtn02.png')no-repeat center;
}

.mainBottom .rightBox .recuBtn {
	background: url('/images/rightBtn03.png')no-repeat center;
	margin: 10px 8px 0 0
}

.mainBottom .rightBox .locaBtn {
	background: url('/images/rightBtn04.png')no-repeat center;
	margin-top: 10px;
	border: 1px solid #d7d7d7
}

.mainBottom .rightBox .nameBl {
	padding: 25px;
	0 0 20px;
	font-size: 22px;
	color: #3d3d3d
}

.mainBottom .rightBox .nameBl span {
	padding-top: 5px;
	font-size: 15px;
	color: #3d3d3d
}

.mainBottom .rightBox .nameWh {
	padding: 25px;
	0 0 10px;
	font-size: 22px;
	color: white
}

.mainBottom .rightBox .nameWh span {
	font-size: 15px;
	color: white
}


/*------------ subVisual ������־� �� top��� �̹���------------*/
.subVisual1 {
	width: 100%;
	height: 350px;
	background: url(/images/titleBg01.png) center no-repeat;
	border-image: initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.subVisual2 {
	width: 100%;
	height: 348px;
	background: url(/images/titleBg02.png) center no-repeat;
	border-image: initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.subVisual3 {
	width: 100%;
	height: 348px;
	background: url(/images/titleBg03.png) center no-repeat;
	border-image: initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.subVisual4 {
	width: 100%;
	height: 348px;
	background: url(/images/titleBg04.png) center no-repeat;
	border-image: initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.subVisual5 {
	width: 100%;
	height: 348px;
	background: url(/images/titleBg05.png) center no-repeat;
	border-image: initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.subVisual6 {
	width: 100%;
	height: 348px;
	background: url(/images/titleBg06.png) center no-repeat;
	border-image: initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.subVisual7 {
	width: 100%;
	height: 348px;
	background: url(/images/titleBg07.jpg) center no-repeat;
	border-image: initial;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*------------ sub Teb Menu ------------*/
.subTebDiv {
	border-bottom: 1px solid #797979;
}

.subTeb {
	height: 59px;
	width: 1140px;
	margin: auto;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
}

.subTeb ul li {
	float: left;
	border-left: 1px solid #f4f4f4;
	text-align: center;
	/*height:60px;*/
	color: #333;
	padding: 20px 38px;
}

.subTeb li a {
	color: #333;
}

.subTeb li a:hover {
	text-decoration: none;
	color: #000;
}

/*.subTeb li a:hover {border-bottom:5px solid #058be9;}*/

.subTeb li:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.subTeb li:first-child {
	border-left: none;
}

/*------------ sub Default ------------*/
.subCont {
	margin: 0 0 100px 0;
}

.logoTitle {
	width: 1140px;
	margin: 0 auto 13px auto;
	background: url(/images/cont_logo.png) top center no-repeat;
}

.logoTitle h2 {
	font-size: 220%;
	font-weight: normal;
	text-align: center;
	padding: 37px 0 0 0;
	color: #333;
}

/*------------ /01company/01ceo.asp ȸ��Ұ� ------------*/
.ceo {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
	background: url(/images/pic_ceo.png) top right no-repeat;
	border-image: initial;
}

.ceo .h {
	margin-top: 30px;
}

.ceo .txt1 {
	font-size: 150%;
	font-weight: bold;
	color: #333;
	line-height: 1.5em;
}

.ceo span {
	color: #058be9;
}

.ceo .txt2 {
	font-size: 115%;
	font-weight: normal;
	color: #333;
	line-height: 1.6em;
}

/*------------ /01company/02ideology.asp ȸ��Ұ� ------------*/
.ideology {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
}

.ideology .h {
	margin-top: 30px;
}

.ideology .txt1 {
	font-size: 150%;
	font-weight: bold;
	color: #333;
	line-height: 1.5em;
	text-align: center;
}

.ideology span {
	color: #058be9;
}

.ideology .txt2 {
	font-size: 105%;
	font-weight: bold;
	color: #058be9;
	line-height: 1em;
}

.ideology .txt3 {
	font-size: 180%;
	font-weight: normal;
	color: #1d2426;
	line-height: 1.6em;
}

.ideology .txt4 {
	font-size: 100%;
	font-weight: normal;
	color: #666;
}

.ideology .midImg {
	margin: auto;
	margin-top: 60px;
	margin-bottom: 80px;
	width: 1034px;
	height: 268px;
	background: url(/images/ideology_img.png) top center no-repeat;
	border-image: initial;
}

.ideology .visionDiv {
	float: left;
	padding-left: 60px;
	margin-bottom: 60px;
}

.ideology .visionDiv:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.ideology .mag {
	margin-left: 180px;
}

.ideology .mag2 {
	margin-left: 120px;
}

/*------------ /01company/03history.asp ȸ��Ұ� ------------*/
.history {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
	background: url(/images/line_h.png) center bottom repeat-y;
	border-image: initial;
}

.history .historyDiv1 {
	/*width:570px;*/
	margin: 0 0 30px 563px;
}

.history .historyDiv1 {
	background: url(/images/dot_blu.png) 0 14px no-repeat;
}

.history .historyDiv1 ul li {
	padding-left: 50px;
	text-align: left;
}

.history .historyDiv1 ul li span {
	font-weight: bold;
	padding-right: 20px;
}

.history .historyDiv2 {
	/*width:570px;*/
	margin: 0 562px 30px 0;
}

.history .historyDiv2 {
	background: url(/images/dot_blu.png) right 14px no-repeat;
}

.history .historyDiv2 ul li {
	padding-right: 50px;
	text-align: right;
}

.history .historyDiv2 ul li span {
	font-weight: bold;
	padding-right: 20px;
}

.history .historyInfoDiv {
	background: #fff;
	border: #ccc dotted 1px;
	padding: 20px;
}

.history .txt1 {
	font-size: 180%;
	font-weight: bold;
	color: #333;
	line-height: 1.8em;
}

.history .txt2 {
	font-size: 105%;
	font-weight: normal;
	color: #333;
	line-height: 1.8em;
}

.history .icoUp {
	margin: 0 auto;
	width: 9px;
	height: 5px;
	background: url(/images/ico_v.png) top center no-repeat;
}

/*------------ /01company/04prize.asp ȸ��Ұ� ------------*/
.prize {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
}

.prize .prizeImg {
	width: 569px;
	height: 110px;
	padding: 10px;
	margin: 0 auto 20px auto;
	border: #ededed solid 8px;
	background: url(/images/prizeImg.png) center no-repeat;
	border-image: initial;
}

.prize .prizeTable {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5em;
}

.prize .prizeTable thead th {
	padding: 10px;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	border-top: 2px solid #058be9;
	border-bottom: 2px solid #058be9;
}

.prize .prizeTable td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.prize .thBg {
	background: #e6f5ff;
}

.prize .tdBg {
	background: #f7f7f7;
}

/*------------ /01company/05organization.asp ȸ��Ұ� ------------*/
.organization {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
}

.organization .org_img {
	width: 1133px;
	height: 790px;
	background: url(/images/organization.png) top center no-repeat;
	border-image: initial;
}

/*------------ /01company/06qualityPolicy.asp ȸ��Ұ� ------------*/
.qualitypolicy {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
}

.qualitypolicy_bg {
	padding-bottom: 40px;
	margin-bottom: 60px;
	background: url(/images/qualitypolicy_bg.png) bottom right no-repeat;
	border-image: initial;
}

.qualitypolicy .txt1 {
	font-size: 128%;
	font-weight: normal;
	color: #333;
	line-height: 1.8em;
}

.qualitypolicy .txt2 {
	font-size: 150%;
	font-weight: bold;
	color: #333;
	line-height: 1.8em;
	padding: 20px 0 0 0;
}

.qualitypolicy .txt3 {
	font-size: 105%;
	font-weight: normal;
	color: #333;
	line-height: 1.8em;
}

.qualitypolicy .diagram {
	margin: 60px auto;
	width: 514px;
	height: 189px;
	background: url(/images/qualitypolicy_img.png) top center no-repeat;
	border-image: initial;
}

.qualitypolicy .policyDiv {
	float: left;
	width: 550px;
	margin-top: 60px;
	background: url(/images/point.png) top left no-repeat;
}

.qualitypolicy .policyDiv2 {
	float: right;
	width: 550px;
	margin-top: 60px;
	background: url(/images/point.png) top left no-repeat;
}

.qualitypolicy .policyDiv3 {
	width: 550px;
	margin-top: 60px;
	background: url(/images/point.png) top left no-repeat;
}

/*------------ /01company/07affiliate.asp ȸ��Ұ� ------------*/
.affiliate {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
}

.middleNav {
	width: 1139.9px;
	overflow: hidden;
	border: #e2e2e2 solid 1px;
}

.middleNav a {
	float: left;
	display: block;
	border-left: #e2e2e2 solid 1px;
	color: #999;
	text-align: center;
	width: 227.1px;
	padding: 18px 0;
	text-decoration: none;
	font-size: 128%;
}

.middleNav a:hover {
	background: #dadada;
	color: #333;
	border-left: #dadada solid 1px;
}

.middleNav a.active {
	background: #058be9;
	color: #fff;
}

.middleNav .on {
	background: #058be9;
	color: #fff;
	border-left: #058be9 solid 1px;
}

.middleNav a:first-child {
	border-left: none;
}

/*--*/
.middleNav2 {
	width: 455.3px;
	margin: auto;
	overflow: hidden;
	border: #e2e2e2 solid 1px;
}

.middleNav2 a {
	float: left;
	display: block;
	border-left: #e2e2e2 solid 1px;
	color: #999;
	text-align: center;
	width: 227.1px;
	padding: 18px 0;
	text-decoration: none;
	font-size: 128%;
}

.middleNav2 a:hover {
	background: #dadada;
	color: #333;
	border-left: #dadada solid 1px;
}

.middleNav2 a.active {
	background: #058be9;
	color: #fff;
}

.middleNav2 .on {
	background: #058be9;
	color: #fff;
	border-left: #058be9 solid 1px;
}

.middleNav2 a:first-child {
	border-left: none;
}

/*--*/

.affiliate .bldImg {
	margin: 60px auto;
	width: 1140px;
	height: 576px;
	background: url(/images/affiliate_img1.png) top center no-repeat;
	border-image: initial;
}

.affiliate .bldImg2 {
	margin: 60px auto;
	width: 1140px;
	height: 576px;
	background: url(/images/affiliate_img2.png) top center no-repeat;
	border-image: initial;
}

.affiliate .bldImg3 {
	margin: 60px auto;
	width: 1140px;
	height: 576px;
	background: url(/images/affiliate_img3.png) top center no-repeat;
	border-image: initial;
}

.affiliate .bldImg4 {
	margin: 60px auto;
	width: 1140px;
	height: 576px;
	background: url(/images/affiliate_img4.png) top center no-repeat;
	border-image: initial;
}

.affiliate .bldImg5 {
	margin: 60px auto;
	width: 1140px;
	height: 576px;
	background: url(/images/affiliate_img5.png) top center no-repeat;
	border-image: initial;
}

.affiliate .conTitle {
	margin: 60px auto;
	width: 1140px;
	background: url(/images/point.png) top left no-repeat;
}

.affiliate .txt1 {
	font-size: 150%;
	font-weight: bold;
	color: #333;
	line-height: 1.8em;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
}

.affiliate .numTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	color: #444;
	font-size: 100%;
}

.affiliate .numTable th {
	background: #f9f9f9;
	height: 42px;
	font-weight: bold;
	border: 1px solid #ddd;
}

.affiliate .numTable th:first-child {
	border-left: none
}

.affiliate .numTable th:last-child {
	border-right: none
}

.affiliate .numTable td {
	border: 1px solid #d9d9d9;
	height: 37px;
	padding: 10px 10px 8px 10px;
}

.affiliate .numTable td:first-child {
	border-left: none
}

.affiliate .numTable td:last-child {
	border-right: none
}

.affiliate .contNum {
	background: #058be9;
	color: #fff;
	padding: 3px 4px 2px 3px;
	margin: 0 7px 0 0;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	width: 20px;
	float: left;
}

.affiliate .sHistory {
	float: left;
	display: block;
	width: 570px;
}

.affiliate .sHistorylist {
	background: url(/images/dot_blu.png) 0 7px no-repeat;
	border-image: initial;
	padding: 0 0 0 30px;
	font-size: 120%;
	font-weight: normal;
	line-height: 1.8em;
}

.affiliate .ymd {
	padding: 0 20px 0 0;
	font-weight: bold;
	color: #333;
}

.affiliate .magL {
	margin-left: 121px;
}

/*------------ /01company/08location.asp ȸ��Ұ� ------------*/
.location {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
}

.location .locMap {
	margin: 60px auto;
	width: 1140px;
	height: 468px;
	background: url(/images/location.png) top center no-repeat;
	border-image: initial;
}

.location .conTitle {
	margin: 60px auto 10px auto;
	width: 1140px;
	background: url(/images/point.png) top left no-repeat;
}

.location .txt1 {
	font-size: 150%;
	font-weight: bold;
	color: #333;
	line-height: 1.8em;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
}

.location .infoTel {
	float: left;
	display: block;
	width: 560px;
}

.location .infoTel2 {
	float: right;
	display: block;
	width: 560px;
}

.location .infoTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	color: #444444;
	font-size: 100%;
}

.location .infoTable th {
	background: #f9f9f9;
	height: 42px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #ddd;
	border-left: none;
}

.location .infoTable th:last-child {
	border-right: none;
}

.location .infoTable td {
	border: 1px solid #d9d9d9;
	height: 37px;
	text-align: center;
}

.location .tdBg {
	background: #f7f7f7;
	height: 50px !important;
	color: #1a93e8;
	font-weight: bold;
}

.location .tdTit {
	font-weight: bold !important;
	text-align: center;
}

/*------------ /02business/01building.asp ����о� ------------*/
.business {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
}

.business .buildImg1 {
	margin: 60px auto;
	width: 1140px;
	height: 624px;
	background: url(/images/building_img1.png) top center no-repeat;
	border-image: initial;
}

.business .buildImg2 {
	margin: 60px auto;
	width: 1140px;
	height: 624px;
	background: url(/images/building_img2.png) top center no-repeat;
	border-image: initial;
}

.business .buildImg3 {
	margin: 60px auto;
	width: 1140px;
	height: 624px;
	background: url(/images/building_img3.png) top center no-repeat;
	border-image: initial;
}

.business .buildImg4 {
	margin: 60px auto;
	width: 1140px;
	height: 624px;
	background: url(/images/building_img4.png) top center no-repeat;
	border-image: initial;
}

.business .buildImg5 {
	margin: 60px auto;
	width: 1140px;
	height: 624px;
	background: url(/images/building_img5.png) top center no-repeat;
	border-image: initial;
}

.business .buildImg6 {
	margin: 60px auto;
	width: 1140px;
	height: 818px;
	background: url(/images/building_img6.png) top center no-repeat;
	border-image: initial;
}

.business .bldBox {
	margin: auto;
	padding-top: 140px;
	width: 354px;
}

.business .businessTable {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5em;
}

.business .businessTable thead th {
	padding: 10px;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	border-top: 2px solid #058be9;
	border-bottom: 2px solid #058be9;
}

.business .businessTable td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.business .tdBg {
	background: #f7f7f7;
}

.business .thBg {
	background: #e6f5ff;
}

.business .business-View {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5em;
}

.business .business-View td {
	padding: 10px 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.business .business-View .bod {
	border-top: 2px solid #058be9;
}

.business .business-View .bolTitle {
	font-weight: bold;
	font-size: 105%;
}

.business a {
	color: #333;
	text-decoration: none;
}

.business a:hover {
	color: #058be9;
	text-decoration: none;
}

.p-txt {
	line-height: 25px;
	margin: 0 0 20px 0;
}

.p-txt2 {
	line-height: 25px;
	margin: 0 0 20px 20px;
}

.box-div {
	border: #d9d9d9 solid 1px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 0 20px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	margin: 0 0 20px 0;
}

.box-div-tit {
	text-align: center;
	padding: 10px;
	margin: 0 auto;
	width: 200px;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	background: #058be9;
	border-bottom: 1px solid #d9d9d9;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
}

.ico-tit {
	font-weight: bold;
	font-size: 1em;
	margin: 20px 0 10px 0;
}

.business .bsDiv-box {
	margin-top: 60px;
	background: url(/images/point.png) top left no-repeat;
}

.business .sub-tit-txt {
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	line-height: 1.6em;
	margin-bottom: 20px;
	padding: 20px 0 0 0;
}

.business .joinTxt1 {
	font-size: 180%;
	font-weight: bold;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 40px;
}

.business .joinTxt2 {
	font-size: 180%;
	font-weight: bold;
	color: #058be9;
	line-height: 1.5em;
	margin-bottom: 40px;
}

.business .joinTxt2-1 {
	font-size: 180%;
	font-weight: bold;
	color: #058be9;
	line-height: 1.5em;
}

.business .joinTxt3 {
	font-size: 130%;
	font-weight: bold;
	color: #333;
	line-height: 1.5em;
}

.business .joinTxt4 {
	font-size: 120%;
	font-weight: bold;
	color: #333;
	line-height: 1.5em;
}

.business .join-Img1 {
	width: 100%;
	height: 227px;
	background: url(/images/building_img7.png) top center no-repeat;
	border-image: initial;
}

.business .join-Img2 {
	width: 100%;
	height: 225px;
	background: url(/images/building_img8.png) top center no-repeat;
	border-image: initial;
}

.business .join-Img3 {
	width: 100%;
	height: 491px;
	background: url(/images/building_img9.png) top center no-repeat;
	border-image: initial;
}

.business .join-Img4 {
	width: 100%;
	height: 491px;
	background: url(/images/building_img10.png) top center no-repeat;
	border-image: initial;
}

.business .join-Img5 {
	width: 100%;
	height: 1852px;
	background: url(/images/building_img11.png) top center no-repeat;
	border-image: initial;
}

.business .join-Img6 {
	width: 100%;
	height: 491px;
	background: url(/images/building_img12.png) top center no-repeat;
	border-image: initial;
}

.business .join-Img7 {
	width: 100%;
	height: 491px;
	background: url(/images/building_img13.png) top center no-repeat;
	border-image: initial;
}

.business .join-Img8 {
	width: 100%;
	height: 491px;
	background: url(/images/building_img14.png) top center no-repeat;
	border-image: initial;
}

.business .PSTable {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5em;
	font-size: 110%;
	border: 1px solid #ccc;
}

.business .PSTable td {
	width: 50%;
	padding: 10px;
	border: 1px solid #ccc;
}

.business .PSTable td:hover {
	color: #333;
	text-decoration: none;
	background: #dadada;
}

.business .PSTable a {
	color: #333;
	text-decoration: none;
}

.business .PSTable a:hover {
	color: #333;
	text-decoration: none;
}

.business .PSTable .on {
	color: #fff;
	background: #058be9;
}

.business .PSTable td:first-child {
	border-left: none;
}

/*------------ /03management/01ceo.asp �濵���� ------------*/
.management {
	margin: auto;
	/*margin-top:60px;*/
	width: 1140px;
}

.management .grf1 {
	margin: 60px auto;
	width: 1140px;
	height: 401px;
	background: url(/images/magImg1.png) top center no-repeat;
	border-image: initial;
}

.management .grf2 {
	margin: 60px auto;
	width: 1140px;
	height: 401px;
	background: url(/images/magImg2.png) top center no-repeat;
	border-image: initial;
}

.management .grf3 {
	margin: 60px auto;
	width: 1140px;
	height: 461px;
	background: url(/images/magImg3.png) top center no-repeat;
	border-image: initial;
}

.management .grf4 {
	margin: 60px auto;
	width: 1140px;
	height: 401px;
	background: url(/images/magImg4.png) top center no-repeat;
	border-image: initial;
}

.management .right {
	text-align: right;
	margin-bottom: 10px;
}

.management .saleTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	color: #444;
	font-size: 100%;
}

.management .saleTable th {
	background: #f9f9f9;
	height: 42px;
	font-size: 105%;
	font-weight: bold;
	border: 1px solid #ddd;
}

.management .saleTable tfoot {
	color: #2a96eb;
	font-weight: bold;
	text-align: center;
}

.management .saleTable tfoot td {
	background: #f9f9f9;
	border-top: 2px solid #777;
	border-bottom: 2px solid #777;
}

/*
.management .saleTable th:first-child {border-left: none}
.management .saleTable th:last-child {border-right: none}
*/
.management .saleTable td {
	border: 1px solid #d9d9d9;
	height: 37px;
	text-align: center;
	padding: 10px 10px 8px 10px;
}

/*
.management .saleTable td:first-child {border-left: none}
.management .saleTable td:last-child {border-right: none}
*/
.management .tdTit {
	font-weight: bold !important;
	text-align: center;
}

.management .total {
	color: #2a96eb;
	font-weight: bold;
	text-align: center;
}

.management .tdbg {
	background: #fafafa;
}

/*------------ /04incruit/01talent.asp ����� ------------*/
.incruit {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
}

.incruit .incruit_img {
	margin: 60px auto;
	width: 1140px;
	height: 680px;
	background: url(/images/recuitImg1.png) top center no-repeat;
	border-image: initial;
}

.incruit .incruit_img2 {
	margin: 60px auto 0 auto;
	width: 1140px;
	height: 462px;
	background: url(/images/recuitImg4.png) top center no-repeat;
	border-image: initial;
}

.incruit .txt1 {
	font-size: 150%;
	font-weight: bold;
	color: #333;
	line-height: 1.8em;
	padding: 20px 0 0 0;
	margin-bottom: 30px;
}

/*
.incruit .txt2 {
	float:left;
    font-size: 150%;
    font-weight: bold;
    color: #333;
    line-height: 1.8em;
    padding: 20px 0 0 0;
    margin-bottom: 10px;
	width:534px;
	height:424px;
	background:url(/images/recuitImg2.png) top center no-repeat;
}
.incruit .txt3 {
	float:left;
    font-size: 150%;
    font-weight: bold;
    color: #333;
    line-height: 1.8em;
    padding: 20px 0 0 0;
    margin-bottom: 10px;
	width:534px;
	height:424px;
	background:url(/images/recuitImg3.png) top center no-repeat;
}
*/
.incruit .incruitTable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	color: #444;
	font-size: 100%;
}

.incruit .incruitTable th {
	background: #f9f9f9;
	height: 42px;
	font-size: 105%;
	font-weight: bold;
	border: 1px solid #ddd;
}

.incruit .incruitTable td {
	border: 1px solid #d9d9d9;
	height: 37px;
	padding: 10px 10px 8px 10px;
}

.incruit .tdTit {
	font-weight: bold !important;
	text-align: center;
}

.incruit .tdSubTit {
	font-weight: bold !important;
	text-align: center;
	color: #014d65;
}

/*
.incruit .conTitle {
	margin:60px auto;
	width:1140px;
	background:url(/images/point.png) top left no-repeat;
}
*/

.incruit .recruitTable {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5em;
}

.incruit .recruitTable thead th {
	padding: 10px;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	border-top: 2px solid #058be9;
	border-bottom: 2px solid #058be9;
}

.incruit .recruitTable td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.incruit a {
	color: #333;
	text-decoration: none;
}

.incruit a:hover {
	color: #058be9;
	text-decoration: none;
}

.incruit .recruitTable-View {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5em;
}

.incruit .recruitTable-View td {
	padding: 10px 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.incruit .recruitTable-View .bod {
	border-top: 2px solid #058be9;
}

.incruit .recruitTable-View .bolTitle {
	font-weight: bold;
	font-size: 105%;
}

/*
.incruit .subjectNav {
	width:100%;
	overflow:hidden;
	border-top:#e2e2e2 solid 1px;
	border-bottom:#e2e2e2 solid 1px;
}
.incruit .subjectNav a {
	float:left;
	display:block;
	border-left:#e2e2e2 solid 1px;
	color:#999;
	text-align:center;
	width:161px;
	padding:18px 0;
	text-decoration:none;
	font-size:105%;
}
.incruit .subjectNav a:hover {
	background:#dadada;
	color:#333;
	border-left:#dadada solid 1px;
}
.incruit .subjectNav a.active {
	background:#058be9;
	color:#fff;
}
.incruit .subjectNav .on {
	background:#058be9;
	color:#fff;
	border-left:#058be9 solid 1px;
}
.incruit .subjectNav a:first-child {border-left:none;}
*/
.incruit .dutyTable {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5em;
	font-size: 110%;
}

.incruit .dutyTable td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.incruit .dutyTable td:hover {
	color: #333;
	text-decoration: none;
	background: #dadada;
}

.incruit .dutyTable a {
	color: #333;
	text-decoration: none;
	display: Block;
	padding: 10px;
}

.incruit .dutyTable a:hover {
	text-decoration: none;
}

.incruit .dutyTable td.on>a {
	color: #fff;
	background: #058be9;
}

.incruit .dutyTable td:first-child {
	border-left: none;
}

.incruit .conTitle {
	margin: 60px auto 20px auto;
	width: 1140px;
	background: url(/images/point.png) top left no-repeat;
}

.incruit .subject {
	font-size: 150%;
	font-weight: normal;
	color: #333;
	line-height: 1.8em;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
}

.incruit ul {
	line-height: 1.8em;
}

.incruit li {
	padding: 0 0 0 15px;
	background: url(/images/ico_dot.png) left 10px no-repeat;
}

.incruit .bgDot {
	background: url(/images/ico_dot2.png) left 10px no-repeat;
}

.incruit .txtH {
	margin-bottom: 10px;
}

.Left {
	text-align: left;
}

.Right {
	text-align: right;
}

.Center {
	text-align: center;
}

.paging {
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.paging a {
	display: inline-block;
	background: #fefefe;
	color: #353e44;
	font-size: 12px;
	font-weight: bold;
	width: 26px;
	height: 25px;
	line-height: 27px;
	margin-right: 2px;
	border: 1px solid #c8c8c8;
}

.paging a:hover {
	color: #333;
	text-decoration: none;
	/*border:1px solid #058be9;
	background:#058be9;*/
}

.paging .active {
	background: url('');
	border: 1px solid #058be9;
	color: #fff;
	background: #058be9;
}

.paging .page_btn {
	font-size: 0px;
	border: 1px solid #c8c8c8;
}

.paging .btn_first {
	background: url('/images/btn_first.gif') no-repeat;
}

.paging .btn_prev {
	background: url('/images/btn_prev.gif') no-repeat;
	margin-right: 14px;
}

.paging .btn_next {
	background: url('/images/btn_next.gif') no-repeat;
	margin-left: 14px;
}

.paging .btn_end {
	background: url('/images/btn_end.gif') no-repeat;
}

.button1 {
	float: right;
	background: #058be9;
	border: none;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 100%;
}

.button1 a {
	background: #058be9;
	color: #fff;
}

.button1 a:hover {
	background: #01abe8;
	color: #fff;
}

.button2 {
	float: right;
	background: #999;
	border: none;
	color: #fff;
	margin: 20px 10px 0 0;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 100%;
}

.button2 a {
	background: #606060;
	color: #fff;
}

.button2 a:hover {
	background: #606060;
	color: #fff;
}

.application-img {
	width: 100%;
	height: 296px;
	background: url(/images/application-img01.png) top center no-repeat;
}

.down-div {
	margin: 40px auto 50px auto;
	width: 350px;
}

.down-div .btn-gray {
	padding: 10px 20px;
	background: #666;
	color: #fff;
	float: left;
	margin-left: 10px;
}

.down-div .btn-gray:first-child {
	margin-left: 0;
}

.down-div .btn-gray a {
	color: #fff;
}

/*------------ /05.publicity/01CIBI.asp ȫ������ ------------*/
.publicity {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
}

.publicity .txt1 {
	font-size: 150%;
	font-weight: normal;
	color: #333;
	line-height: 1.5em;
}

.publicity .txt2 {
	font-size: 115%;
	font-weight: normal;
	color: #333;
	line-height: 1.6em;
	margin-bottom: 50px;
}

.publicity .btnDown {
	float: right;
	background: #bfc1c2;
	color: #fff;
	margin: 20px 10px 0 0;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 100%;
	cursor: pointer;
}

.publicity .biciImg1 {
	margin: 60px auto;
	padding: 100px 55px 0 0;
	width: 1137px;
	height: 580px;
	background: url(/images/cibiImg1.png) top center no-repeat;
	border-image: initial;
}

.publicity .biciImg2 {
	margin: 60px auto;
	padding: 100px 55px 0 0;
	width: 1137px;
	height: 290px;
	background: url(/images/cibiImg2.png) top center no-repeat;
	border-image: initial;
}

.publicity .biciImg3 {
	margin: 60px auto;
	padding: 100px 55px 0 0;
	width: 1137px;
	height: 290px;
	background: url(/images/cibiImg3.png) top center no-repeat;
	border-image: initial;
}

.publicity .biciImg4 {
	margin: 60px auto;
	padding: 100px 55px 0 0;
	width: 1137px;
	height: 250px;
	background: url(/images/cibiImg4.png) top center no-repeat;
	border-image: initial;
}

.publicity .biciImg5 {
	margin: 60px auto;
	padding: 100px 55px 0 0;
	width: 1137px;
	height: 290px;
	background: url(/images/cibiImg5.png) top center no-repeat;
	border-image: initial;
}

.publicity .biciImg6 {
	margin: 60px auto;
	padding: 100px 55px 0 0;
	width: 1137px;
	height: 673px;
	background: url(/images/cibiImg_hotel.jpg) top center no-repeat;
	border-image: initial;
}

.publicity .hessenImg1 {
	margin: 60px auto;
	width: 1140px;
	height: 518px;
	background: url(/images/hessenImg1.png) top center no-repeat;
	border-image: initial;
}

.publicity .hessenImg2 {
	float: left;
	width: 205px;
	height: 192px;
	background: url(/images/hessenImg2.png) top left no-repeat;
	border-image: initial;
}

.publicity .hessenImg3 {
	width: 867px;
	height:
		/*192px*/
		auto;
	background: url(/images/hessenImg3.png) top right no-repeat;
	border-image: initial;
}

.publicity .hessenImg4 {
	width: 867px;
	height:
		/*219px*/
		auto;
	background: url(/images/hessenImg4.png) top right no-repeat;
	border-image: initial;
}

.publicity .hessenImg5 {
	float: left;
	width: 476px;
	height: 479px;
	margin-top: 60px;
	background: url(/images/hessenImg5.png) top left no-repeat;
	border-image: initial;
}

.publicity .hessenImg6 {
	float: left;
	width: 205px;
	height: 194px;
	background: url(/images/hessenImg6.png) top left no-repeat;
	border-image: initial;
}

.publicity .hessenImg7 {
	float: left;
	margin-top: 60px;
	padding: 450px 0 0 0;
	width: 539px;
	height:
		/*402px*/
		auto;
	background: url(/images/hessenImg7.png) top left no-repeat;
	border-image: initial;
}

.publicity .hessenImg8 {
	float: right;
	margin-top: 60px;
	padding: 450px 0 0 0;
	width: 540px;
	height:
		/*402px*/
		auto;
	background: url(/images/hessenImg8.png) top right no-repeat;
	border-image: initial;
}

.publicity .hessenImg9 {
	margin: 60px auto;
	width: 1140px;
	height: 518px;
	background: url(/images/hessenImg9.png) top center no-repeat;
	border-image: initial;
}

.publicity .hessenTxtR1 {
	float: right;
	width: 867px;
}

.publicity .hessenTxtR2 {
	float: right;
	margin-top: 60px;
	width: 600px;
}

.publicity span {
	color: #1464a7;
	font-weight: bold;
}

.publicity .conTitle {
	margin: 0 auto 60px auto;
	width: 100%;
	background: url(/images/point.png) top left no-repeat;
}

.publicity .hessenTxt1 {
	font-size: 180%;
	font-weight: normal;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 30px;
}

.publicity .hessenTxt2 {
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: normal;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 40px;
}

.publicity .txt1 {
	font-size: 150%;
	font-weight: bold;
	color: #333;
	line-height: 1.8em;
	padding: 20px 0 0 0;
	margin-bottom: 10px;
}

.publicity .divL {
	float: left;
}

.publicity .divR {
	float: right;
}

.publicity .resistrationTable {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5em;
}

.publicity .resistrationTable thead th {
	padding: 10px;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	border-top: 2px solid #058be9;
	border-bottom: 2px solid #058be9;
}

.publicity .resistrationTable td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.publicity td a {
	color: #333;
	text-decoration: none;
}

.publicity td a:hover {
	color: #058be9;
	text-decoration: none;
}

.publicity .resistration-View {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5em;
}

.publicity .resistration-View td {
	padding: 10px 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.publicity .resistration-View .bod {
	border-top: 2px solid #058be9;
}

.publicity .resistration-View .bolTitle {
	font-weight: bold;
	font-size: 105%;
}

.publicity .middleNav {
	width: 1139.9px;
	overflow: hidden;
	border: #e2e2e2 solid 1px;
}

.publicity .middleNav a {
	float: left;
	display: block;
	border-left: #e2e2e2 solid 1px;
	color: #999;
	text-align: center;
	width: 227.1px;
	padding: 18px 0;
	text-decoration: none;
	font-size: 128%;
}

.publicity .middleNav a:hover {
	background: #dadada;
	color: #333;
	border-left: #dadada solid 1px;
}

.publicity .middleNav a.active {
	background: #058be9;
	color: #fff;
}

.publicity .middleNav .on {
	background: #058be9;
	color: #fff;
	border-left: #058be9 solid 1px;
}

.publicity .middleNav a:first-child {
	border-left: none;
}

.publicity .garH {
	margin: 60px 0 0 0;
}

.publicity .photo {
	border-bottom: #cbcbcb dotted 1px;
	padding: 0 0 40px 0;
}

.publicity .photo ul {
	margin-bottom: 20px;
}

.publicity .photo ul::after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}

.publicity .photo li {
	float: left;
	width: 256px;
	height: 256px;
	margin-left: 18px;
}

.publicity .photo li:first-child {
	margin-left: inherit;
}

.publicity .photo li a {
	border: none;
}

.publicity .photo .photo-news {
	text-align: center;
	margin: 20px 0 0;
	width: 245px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	display: block;
}

/*------------ /sitemap/sitemap.asp ����Ʈ�� ------------*/
.sitemap {
	margin: auto;
	margin-top: 60px;
	width: 1140px;
}

.sitemap .box {
	float: left;
	width: 212px;
	margin-left: 20px;
	border-top: #004778 solid 3px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.8em;
}

.sitemap .box:nth-child(1) {
	margin-left: 0;
}

.sitemap .menuTitle {
	padding: 10px;
	margin: 0 0 2px 0;
	font-size: 125%;
	font-weight: normal;
	color: #fff;
	text-align: center;
	background: #058be9;
}

.sitemap ul {
	padding: 0 10px;
	height: 250px;
	border: #f3f3f3 solid 1px;
}

.sitemap p a {
	color: #fff;
	text-decoration: none;
}

.sitemap p a:hover {
	color: #fff;
	text-decoration: none;
}

.sitemap a {
	color: #333;
	text-decoration: none;
}

.sitemap a:hover {
	color: #058be9;
	text-decoration: none;
}

/*------------ /rule/email.asp ���� ------------*/
.ruleDiv {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}

.ruleDiv .ruleTitle {
	padding: 10px;
	background: #058be9;
	text-align: center;
	font-size: 125%;
	font-weight: normal;
	color: #fff;
	border-bottom: #004778 solid 2px;
}

.ruleDiv .ruleTxt {
	padding: 30px 20px 30px 20px;
	line-height: 1.5em;
	color: #8c8c8c;
}

.ruleDiv span {
	font-size: 105%;
	font-weight: bold;
	color: #333;
}

.ruleDiv .btnClose {
	width: 80px;
	margin: 20px auto;
	padding: 8px;
	background: #058be9;
	color: #fff;
	text-align: center;
}


/**/
.LnbTable {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5em;
	font-size: 110%;
}

.LnbTable td {
	padding: 17px 10px 16px 10px;
	border-left: 1px solid #f4f4f4;
}

.LnbTable td:hover {
	color: #333;
	text-decoration: none;
	background: url(/images/over_bg.png) bottom left repeat-x;
}

.LnbTable a {
	color: #333;
	text-decoration: none;
}

.LnbTable a:hover {
	color: #333;
	text-decoration: none;
}

.LnbTable .on {
	color: #fff;
	background: url(/images/over_bg.png) bottom left repeat-x;
}

.LnbTable td:first-child {
	border-left: none;
}



/*200921추가*/
.saleWrap {
	width: 1210px;
	margin: 0 auto;
	overflow: hidden;
}

.saleBox {
	width: 300px;
	height: 380px;
	background-color: #fff;
	color: #4f4f4f;
	padding: 10px;
	border: 1px solid #ddd;
	box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2);
	float: left;
	margin: 40px;
	display: inline-block;
}

.saleBox h2 {
	width: 100%;
	font-size: 18px;
	word-break: keep-all;
	font-weight: 500;
	padding: 15px 0 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.saleBox h3 {
	width: 100%;
	font-size: 14px;
	padding: 3px 0 15px;
	color: #333;
}

.saleBox p {
	width: 300px;
	height: 210px;
	margin: 10px 0;
}

.saleBox p img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.saleBox a {
	display: inline-block;
	border-radius: 20px;
	padding: 5px 10px;
	color: #fff;
	background-color: #0595d2;
	font-size: 12px;
	margin-top: 20px;
}

.saleBox:hover {
	background-color: #0595d2;
	color: #fff;
}

.saleBox:hover h2 {
	color: #fff;
}

.saleBox:hover h3 {
	color: #fff;
}

.saleBox:hover a {
	color: #0595d2;
	background-color: #fff;
}

.salyesLayer {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.salesPop {
	border: 20px solid #fff;
	background-color: #fff;
	position: fixed;
	z-index: 1010;
	width: 1040px;
	overflow: hidden;
}

.salesPop p {
	float: left;
	width: 515px;
	height: 400px;
	margin-right: 20px;
}

.salesPop p img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.salesPop .salesInfo {
	float: left;
	width: 480px;
	padding: 10px 0;
}

.salesPop .salesInfo h1 {
	font-size: 25px;
	color: #4f4f4f;
	letter-spacing: -1px;
	word-break: keep-all;
}

.salesPop .salesInfo dl {
	padding: 10px 0;
}

.salesPop .salesInfo dl dt {
	padding: 8px 0;
	width: 80px;
	display: inline-block;
	font-size: 14px;
}

.salesPop .salesInfo dl dt::before {
	content: '·';
	color: #0595d2;
	padding-right: 10px;
}

.salesPop .salesInfo dl dd {
	padding: 8px 0;
	width: 350px;
	display: inline-block;
	font-size: 14px;
}

.salyesLayer .closeBtn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 88px;
	line-height: 40px;
	border: 1px solid #dadada;
	box-shadow: 6px 6px 0 rgba(96, 95, 95, 0.15);
	display: block;
	text-align: center;
}

.overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 1004;
	background-color: rgba(0, 0, 0, 0.6);
}

/*221021*/
.health-con {
	width: 100%;
}

.health-title {
	font-size: 28px;
	text-align: center;
	padding-top: 70px;
	font-weight: 600;
	color: #333;
}

.health-sub-title {
	font-size: 24px;
	text-align: center;
	padding: 40px 0 45px;
	color: #333;
	line-height: 1.5em;
}

.health-sub-title span {
	color: #de1f1f;
}

.health-sub-title span.blue {
	color: #058be9;
}

.health-group {
	width: 1143px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.health-box {
	padding: 30px 12px;
	background-color: #b2c8cf;
	width: 350px;
	height: 600px;
}

.health-box:first-child {
	background-color: #b8cfdf;
}

.health-box:nth-child(3) {
	background-color: #bcb8df;
}

.health-box:last-child {
	background-color: #b6d2cb;
}

.health-box h1 {
	text-align: center;
}

.health-box h2 {
	padding: 30px 0;
	font-size: 24px;
	color: #333;
	text-align: center;
}

.health-box p {
	font-size: 16px;
	line-height: 25px;
	color: #333;
	white-space: pre-line;
}

.health-text {
	padding-top: 70px;
	text-align: center;
	font-size: 20px;
	line-height: 1.8em;
	color: #333;
}

.policy-con {
	width: 1143px;
	margin: 25px auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.policy-box {
	width: 50%;
	height: 130px;
}

.policy-box h1 {
	font-size: 16px;
	color: #058be9;
	font-weight: 600;
}

.policy-box h2 {
	font-size: 28px;
	color: #333;
	font-weight: 400;
	padding: 8px 0;
}

.policy-box p {
	font-size: 16px;
	color: #666;
	font-weight: 400;
}

.sign-box {
	width: 760px;
	margin: 100px auto 0;
}

.sign-box ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sign-box ul li {
	font-size: 24px;
	color: #333;
	line-height: 36px;
}

.sign-box ul li img {
	vertical-align: middle;
}

.sign-box ul li:first-child {
	width: 310px;
}