@charset "utf-8";
html {
	height:100%;
}

body {
	height:100%;
	background-color:#fff;
	font:12px/1.4 AppleGothic, Dotum, '돋움', sans-serif;
}

/* common --------------------- */
#container {
	width:956px;
	margin:0 auto;
	padding:0 8px;
}

a:link, a:visited {
	color:#e70166;
}

a:hover, a:active {
	color:#c70057;
	border-bottom:1px dashed #ccc;
}

/* sprites */
#content h2,
#content .navButton li a,
.modalBox .modal_border,
.modalBox .modal_border,
.modalBox .btn_close a,
.modal_recruting h3,
.modal_recruting h4 span,
.modal_recruting .recrutingContent dt,
.modal_contactUs .contactUsContanet dt {
	background:url(./image/imgset.png) no-repeat;
	
}

/* header --------------------- */
#header {
	margin-bottom:29px;
}

#header h1 {
	height:405px;
	overflow:hidden;
	background:url(./image/bg_main.png) no-repeat;
	text-indent:-9999px;
}

/* content --------------------- */
/* coming soon 
#content h2 {
	width:448px;
	height:69px;
	margin:0 auto 12px;
	overflow:hidden;
	background-position:0 -143px;
	text-indent:-9999px;
}
*/

/* 대체 타이틀 */
#content h2 {
	width:293px;
	height:35px;
	margin:0 auto 40px;
	overflow:hidden;
	text-indent:-9999px;
	background-position:0 -224px;
}

/* buttons */
#content .navButton {
	margin-bottom:100px;
	margin-left:257px;
}

#content .navButton li {
	display:inline;
}

#content .navButton li a {
	float:left;
	display:inline;
	height:56px;
	text-indent:-9999px;
	overflow:hidden;
}

#content .navButton li a:hover {
	border:none;
}

#content .navButton li.btn_gotoItgling a {
	width:165px;
	margin-right:13px;
	background-position:0 -31px;
}

#content .navButton li.btn_gotoItgling a:hover {
	background-position:0 -87px;
}

#content .navButton li.btn_recruting a {
	width:141px;
	background-position:-165px -31px;
}

#content .navButton li.btn_recruting a:hover {
	background-position:-165px -87px;
}

#content .navButton li.btn_contactUs a {
	width:125px;
	background-position:-306px -31px;
}

#content .navButton li.btn_contactUs a:hover {
	background-position:-306px -87px;
}

/* footer --------------------- */
#footer {
	padding-top:15px;
	border-top:1px solid #bdbdbd;
}

#footer address {
	text-align:center;
	font-size:11px;
	color:#757575;
}

#footer .mediare_me {
	color:#293990;
}

#footer .mediare_dia {
	color:#8b8b8b;
}

#footer .mediare_re {
	color:#e51467;
}

/* modalBox --------------------- */
/* defalut layout */
.modalBox {
	position:absolute;
	z-index:11;
	background-color:#fff;
}

.modalBox .modal_border {
	position:absolute;
	width:11px;
	height:11px;
	overflow:hidden;
}

.modalBox .mb_tl {
	top:-11px;
	left:-11px;
	background-position:-357px -17px;
}

.modalBox .mb_tr {
	top:-11px;
	right:-11px;
	background-position:-368px -17px;
}

.modalBox .mb_bl {
	bottom:-11px;
	left:-11px;
	background-position:-379px -17px;
}

.modalBox .mb_br {
	bottom:-11px;
	right:-11px;
	background-position:-390px -17px;
}

.modalBox .mb_t {
	top:-11px;
	width:100%;
	background:#fff;
	height:5px;
	border-top:6px solid #757575;
	overflow:hidden;
}

.modalBox .mb_b {
	bottom:-11px;
	width:100%;
	background:#fff;
	height:5px;
	border-bottom:6px solid #757575;
	overflow:hidden;
}

.modalBox .mb_l {
	left:-11px;
	width:5px;
	height:100%;
	border-left:6px solid #757575;
	background:#fff;
}

.modalBox .mb_r {
	right:-11px;
	width:5px;
	height:100%;
	border-right:6px solid #757575;
	background:#fff;
}

.modalBox .btn_close {
	position:absolute;
	top:10px;
	right:10px;
}

.modalBox .btn_close a {
	display:block;
	width:17px;
	height:17px;
	overflow:hidden;
	text-indent:-9999px;
	background-position:-431px 0;
}

.modalBox .btn_close a:hover {
	background-position:-431px -17px;
}

/* recruting */
.modal_recruting {
	width:588px;
	height:335px;
}

.modal_recruting .modalBoxHead {
	padding:15px 20px 0;
	margin-bottom:15px;
}

.modal_recruting h3 {
	width:68px;
	height:14px;
	margin-bottom:3px;
	overflow:hidden;
	text-indent:-9999px;
	background-position:-288px -17px;
}

.modal_recruting h4 {
	padding-bottom:14px;
	border-bottom:1px solid #bababa;
}

.modal_recruting h4 span {
	display:block;
	width:425px;
	height:17px;
	overflow:hidden;
	text-indent:-9999px;
	background-position:0 0;
}

.modal_recruting .modalBoxBody {
	padding:0 20px;
}

.modal_recruting .modalBoxBody p.desc {
	color:#373737;
	margin-bottom:30px;
}

.modal_recruting .recrutingContent .col1 {
	float:left;
	display:inline;
	width:195px;
	margin-right:9px;
}

.modal_recruting .recrutingContent .col2 {
	float:left;
	display:inline;
	width:344px;
}

.modal_recruting .recrutingContent dl {
	clear:both;
}

.modal_recruting .recrutingContent dl dt {
	float:left;
	display:inline;
	width:48px;
	height:14px;
	margin-top:1px;
	margin-left:3px;
	overflow:hidden;
	text-indent:-9999px;
}

.modal_recruting .recrutingContent dl.item_field {
	height:74px;
}

.modal_recruting .recrutingContent dl.item_field dt {
	background-position:0 -17px;
}

.modal_recruting .recrutingContent dl.item_date {
	height:46px;
}

.modal_recruting .recrutingContent dl.item_date dt {
	background-position:-48px -17px;
}

.modal_recruting .recrutingContent dl.item_recruitment {
	height:40px;
}

.modal_recruting .recrutingContent dl.item_recruitment dt {
	background-position:-96px -17px;
}

.modal_recruting .recrutingContent dl.item_requisite {
	height:74px;
}

.modal_recruting .recrutingContent dl.item_requisite dt {
	background-position:-144px -17px;
}

.modal_recruting .recrutingContent dl.item_process {
	height:46px;
}

.modal_recruting .recrutingContent dl.item_process dt {
	background-position:-192px -17px;
}

.modal_recruting .recrutingContent dl.item_condition {
	height:40px;
}

.modal_recruting .recrutingContent dl.item_condition dt {
	background-position:-240px -17px;
}

.modal_recruting .recrutingContent dl dd {
	float:right;
	display:inline;
}

.modal_recruting .recrutingContent .col1 dl dd {
	width:135px;
}

.modal_recruting .recrutingContent .col2 dl dd {
	width:284px;
}

/* contact us */
.modal_contactUs {
	width:588px;
	height:565px;
}

.modal_contactUs .modalBoxHead h3 {
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
}

.modal_contactUs .modalBoxBody {
	padding:0 20px;
}

.modal_contactUs .modalBoxBody .map {
	padding-bottom:14px;
	margin-bottom:10px;
	border-bottom:1px solid #bababa;
}

.modal_contactUs .modalBoxBody .map img {
	display:block;
	width:548px;
	height:464px;
}

.modal_contactUs .contactUsContanet {
	margin-bottom:6px;
}

.modal_contactUs .contactUsContanet dt {
	float:left;
	display:inline;
	height:12px;
	margin-right:10px;
	margin-top:2px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(./image/imgset.png) no-repeat;
}

.modal_contactUs .contactUsContanet .item_career dt {
	width:48px;
	background-position:0 -212px;
}

.modal_contactUs .contactUsContanet .item_generalInfo dt {
	width:87px;
	background-position:-48px -212px;
}

.modal_contactUs .contactUsContanet dd {
	float:left;
	display:inline;
	margin-right:35px;
}

.modal_contactUs .modalBoxBody .address dt {
	display:inline;
	color:#949494;
}

.modal_contactUs .modalBoxBody .address dd {
	display:inline;
	margin-right:20px;
}