@charset 'utf-8';

body { background-color:#f7f7f7; }

/** container **/
.container { background-color:#f7f7f7; min-height:500px; height:auto !important; height:500px; }

/** main **/
.m_cbox_w { position:relative; width:1106px; height:1200px; margin:0 auto; margin-top:50px; }
.m_cbox_w .items { 
	position:absolute;
	width:440px; height:220px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:left top;
	border:1px solid #e6e6e6;
	background-color:#fff;
}
.m_cbox_w .w600 { width:660px; }
.m_cbox_w .items .over_cover {
	display:block;
	display:none;
	position:absolute; left:0; top:0; 
	width:100%; height:100%;
	/*background-color:#004ab8;*/
	background-image:url('../img/main/bg_blue.png');
	background-repeat:repeat;
	background-position:center top;
	z-index:9;
}
.m_cbox_w .items .over_cover em {
	display:block;
	width:72px; height:90px;
	position:absolute; left:75px; top:50%;
	background-image:url('../img/main/icon_more.png');
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:-45px;
}
.m_cbox_w .items .img { 
	position:absolute;
	left:0; top:0;
	width:220px;
	border-right:0;
	overflow:hidden;
}
.m_cbox_w .items .textarea { 
	position:absolute;
	right:0px; top:0;
	width:220px; height:220px;
	border:1px solid #fff;
	padding:30px 22px 0 22px;
	box-sizing:border-box;
	background-color:#fff;
	-webkit-transition: border 0.5s;
	transition: border 0.5s;
	z-index:99;
}
.m_cbox_w .items .textarea dt { 
	font-size:20px; font-weight:700; color:#222222; 
	margin-bottom:15px;
	padding-left:15px;
	background:url(../img/main/icon_arrow_orange.png) no-repeat 0 5px;
	line-height:1.25em;
}
.m_cbox_w .items .textarea dd { 
	font-size:12px; color:#777777;  line-height:1.5em; 
}
.m_cbox_w .items:hover { z-index:99; }
.m_cbox_w .items:hover .textarea { border:1px solid #004ab8; }

/** 아이템 위치 **/
#in01 { left:0; top:55px; }
#in02 { left:661px; top:55px; }

#in03 { left:0; top:276px; }
#in04 { left:441px; top:276px; }

#in05 { left:0; top:497px; }
#in06 { left:661px; top:497px; }

#in07 { left:0; top:718px; }
#in08 { left:661px; top:718px; }

#in09 { left:0; top:939px; }
#in10 { left:441px; top:939px; }

#in05  { background-position:right top; }
#in05 .textarea { left:0; }
#in06  { background-position:right top; }
#in06 .textarea { left:0; }

#in01 .over_cover em { left:190px; background-image:url('../img/main/icon_more01.png'); }
#in02 .over_cover em { background-image:url('../img/main/icon_more02.png'); }
#in03 .over_cover em { background-image:url('../img/main/icon_more03.png'); }
#in04 .over_cover em { left:190px; background-image:url('../img/main/icon_more04.png'); }
#in05 .over_cover em { left:400px; background-image:url('../img/main/icon_more05.png'); }
#in06 .over_cover em { left:295px; background-image:url('../img/main/icon_more06.png'); }
#in07 .over_cover em { left:190px; background-image:url('../img/main/icon_more07.png'); }
#in08 .over_cover em { background-image:url('../img/main/icon_more08.png'); }
#in09 .over_cover em { background-image:url('../img/main/icon_more09.png'); }
#in10 .over_cover em { left:190px; background-image:url('../img/main/icon_more10.png'); }

/* 팝업레이어 */
#hd_pop {position:relative; width:1106px; left:50%; top:0; z-index:999; margin-left:-553px; }
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute; border:0; background:#fff; }
.hd_pops_con {overflow:hidden; }
.hd_pops_footer { background:#000; color:#eee; text-align:left; font-size:11px; }
.hd_pops_footer .timebox{ padding:10px; }
.hd_pops_footer input { vertical-align:middle; }
.hd_pops_footer button.hd_pops_close {
	display:block;
	width:28px; height:28px;
	background:none; border:0;
	position:absolute; right:-28px; top:0;
	cursor:pointer;
}
.hd_pops_footer button.hd_pops_close img { vertical-align:top; }