@charset "utf-8";
/* CSS Document */

@import url("common.css");


#wrap	{overflow-x : hidden}
#header	{height:103px; border-bottom:8px solid #276fbc;}
*:first-child+html #header	{height:111px; border-bottom:8px solid #276fbc;}
#nav	{margin:auto;	width:966px; } 
#gnb	{height:12px;	margin:9px 0;	}
#gnb ul	{width:268px;	float:right; }	
#gnb li	{float:left;}
#gnb li	a	{display:block;	padding:0 10px;	 border-right:1px solid #c8c8c8;}
#gnb li	a.end	{border-right:0;}
#gnb li	a.lang	{border-right:0;	padding:0;	margin-left:4px;}
#gnb li	a.kr	{position:relative;	margin-top:-1px;	width:18px;	height:12px;	background:url(/../new_home2/images/main/lang_kr.gif) 0 0 no-repeat;}
#gnb li	a.kr_on	{background:url(/../new_home2/images/main/lang_kr_c.gif) 0 0 no-repeat;}
#gnb li	a.en	{position:relative;	margin-top:0;	width:18px;	height:12px;	background:url(/../new_home2/images/main/lang_en.gif) 0 0 no-repeat;}
*:first-child+html #gnb li a.en	{position:relative;	margin-top:-1px;	width:18px;	height:12px;	background:url(/../new_home2/images/main/lang_en.gif) 0 0 no-repeat;}
#gnb li	a.en_on	{background:url(/../new_home2/images/main/lang_en_c.gif) 0 0 no-repeat;}

#topmenu	{margin:0;	padding:0;	width:100%;	} 
#topmenu #CI	{float:left;	margin-right:53px;	background:url(/../new_home2/images/main/kgm_logo.png) 0 0 no-repeat;}
#topmenu #CI a	{display:block;	width:190px;	height:32px;	}
#topmenu #menu	{margin:0;padding-top:13px;	}
#topmenu #menu li	{display:inline;		}
#topmenu #menu li a	{	padding:0 40px;	height:18px;	border-right:1px solid #c8c8c8;}
#topmenu #menu li a.end	{border-right:0;}
#topmenu #submenu	{height:23px;	margin:28px 0 0 76px;	}
#topmenu #submenu li	{float:left;	width:100px;	text-align:center;	background:#b8b9bd;}
#topmenu #submenu li a 	{	display:block;	padding-top:6px;	width:100px;	height:18px;	}
*:first-child+html #topmenu #submenu li a 	{	display:block;	padding-top:6px;	width:100px;	height:17px;	}
#topmenu #submenu li a.on	{background:#276fbc;}

.navAll	{position:relative;	margin:auto;	padding-top:8px;	width:966px;	color:#727272;	letter-spacing:-1px; z-index:9999;}
.navAll a	{	display:block;	width:110px;	color:#727272;}
/*
.btn_navAll	{display:block;	float:right;	width:104px;	height:20px;	border:0;	background:url(/../new_home2/images/main/btn_menuall.png) 0 0 no-repeat;}
*/
.btn_navAll	{display:block;	float:right;	width:104px;	height:20px;	border:0;	background:url(/../new_home2/images/main/btn_menuall.png) 0 0 no-repeat; margin-top:54px;}
*:first-child+html .btn_navAll	{display:block;	float:right;	width:104px;	height:20px;	border:0;	background:url(/../new_home2/images/main/btn_menuall.png) 0 0 no-repeat; margin-top:46px;}
.btn_navAll1	{display:block;	position:absolute;	right:-1px;	margin-top:17px;	width:104px;	height:20px;	border:0;	background:url(/../new_home2/images/main/btn_menuall.png) 0 0 no-repeat;}
.navAll #menuAllArea	{position:absolute;	z-index:1000;	background:#fff;	left:0;	top:82px;	height:336px;	width:936px;	padding:16px 14px;	border-left:1px solid #d7d7d7;	border-right:1px solid #d7d7d7;	border-bottom:4px solid #276fbc; }
*:first-child+html .navAll #menuAllArea	{position:absolute;	z-index:1000;	background:#fff;	left:0;	top:48px;	height:336px;	width:936px;	padding:16px 14px;	border-left:1px solid #d7d7d7;	border-right:1px solid #d7d7d7;	border-bottom:4px solid #276fbc; }
.navAll #menuAllArea #menuAll	{height:338px;	overflow-y:auto; } 
.navAll #menuAllArea #menuAll>ul>li	{float:left;	display:block;	width:110px;	margin-left:20px;	}
.navAll #menuAllArea #menuAll li.banner	{width:222px;	height:339px;	background:#fff;	border:1px solid #e4e4e4;}
.navAll #menuAllArea #menuAll>ul>li>ul>h2	{display:block;	font-size:14px;	line-height:38px;	border-bottom:1px solid #e4e4e4;	text-align:center;}
.navAll #menuAllArea #menuAll>ul>li>ul>li	{border-bottom:1px solid #e4e4e4;}
.navAll #menuAllArea #menuAll>ul>li>ul>li>h3	{padding:0 10px;	font-size:12px;	line-height:38px;}
.navAll #menuAllArea #menuAll>ul>li>ul>li>.subs	{display:block;	padding:0 10px 0 10px;	border-top:1px solid #e4e4e4;	color:#888;}
.navAll #menuAllArea #menuAll>ul>li>ul>li>.subs>ul>li	{line-height:24px;}

#container	{position:relative;	top:-19px;	background:url(/../new_home2/images/main/main_grass.png) center bottom repeat-x;}
*:first-child+html #container	{position:relative;	top:0;	background:url(/../new_home2/images/main/main_grass.png) center bottom repeat-x;}
#content	{margin:auto;	width:966px;	height:658px;}
#mainImgArea	{float:left;	width:438px; margin-top:19px; background:url(/../new_home2/images/main/main_leaf.png) 0 0 no-repeat;}
*:first-child+html #mainImgArea	{float:left;	width:438px;	margin-top:0px; background:url(/../new_home2/images/main/main_leaf.png) 0 0 no-repeat;}
#mainImgArea #mainImg	{position:relative;	display:block;	margin-top:62px;	height:478px;	background:url(/../new_home2/images/main/main_phone.png) right 0 no-repeat;}
#mainImgArea #mainImg .img_family	{position:absolute;	bottom:0; z-index: 100;}
#mainImgArea #mainImg .imgs	{position:relative;	float:right;	width:227px;	margin:50px 15px 0 0; }
#mainImgArea #mainImg .rolling	{width:100%;	position:absolute;	left:0;	bottom:20px;	text-align:center;}
#mainImgArea #mainImg .rolling img	{padding:0 2px;}
#mainContent	{float:left;	margin-top:50px;	width:504px;	margin-left:23px;}
#mainContent .business	{height:118px;}
#mainContent .business h1	{padding-bottom:5px; font-size:12px;	border-bottom:2px solid #b6c6d6;}
#mainContent .business>ul	{margin-top:13px;}
#mainContent .business>ul>li	{float:left; width:168px;	height:81px;	text-align:center;	}
#mainContent .business>ul>li>a	{display:block;	border-right:1px solid #dedddd;}
#mainContent .business>ul>li>a.end	{width:167px;	border-right:0;}
#mainContent .news	{position:relative;	float:left;	margin-top:24px;	width:330px;}
#mainContent .news h1	{padding-bottom:5px; font-size:12px;	border-bottom:2px solid #b6c6d6;}
#mainContent .news>div	{position:relative;	padding:13px 0 10px 0;	border-bottom:2px solid #b6c6d6;}
#mainContent .news .thumnail	{position:absolute;	width:76px;	height:59px;	padding:0 0 10px 7px;	}
#mainContent .news .txt	{display:block;	margin-left:95px;	 padding-bottom:3px;}
#mainContent .news .txt a	{color:#808080;}
#mainContent .news .txt a .title	{color:#333;}
*:first-child+html #mainContent .news .txt	{display:block;	margin-left:95px;	 padding-bottom:7px;}
#mainContent .news .txt h3	{padding:0 0 0 19px;	font-size:12px;	height:22px;	background:url(/../new_home2/images/main/icon_note.gif) 2px 3px no-repeat;	border-bottom:1px solid #d3dde6;}
.btn_main_more	{position:absolute;	top:3px;	right:0;	width:32px; height:13px;	border:0;	background:url(/../new_home2/images/main/btn_more.png) center no-repeat;}
#mainContent .news .txt span	{position:relative;	top:5px;	color:#808080;}
#mainContent .news .otherNews	{	color:#808080;	border-bottom:0;}
#mainContent .news .otherNews>ul>li	{position:relative;	padding:6px 0 6px 19px;	color:#808080;	font-size:12px;	font-weight:normal;	background:url(/../new_home2/images/main/icon_note.gif) 2px center no-repeat;	}
#mainContent .news .otherNews>ul>li.top	{background:url(/../new_home2/images/main/icon_announcement.gif) 2px center no-repeat;}
#mainContent .news .otherNews>ul>li .date	{position:absolute;	right:0;	color:#0698ee;}

#mainContent .kosdaq	{position:relative;	float:right; margin:24px 24px 0 0;	left:30px;width:150px;	}
#mainContent .kosdaq h1	{padding-bottom:3px; font-size:12px;	border-bottom:2px solid #b6c6d6;}
*:first-child+html #mainContent .kosdaq h1	{padding-bottom:4px; font-size:12px;	border-bottom:2px solid #b6c6d6;}
#mainContent .kosdaq>div	{}
#mainContent .kosdaq .priceArea	{position:relative;	padding:12px 6px 8px 6px;	}
*:first-child+html #mainContent .kosdaq .priceArea	{position:relative;	padding:16px 6px 8px 6px;	}
#mainContent .kosdaq .priceArea .price	{margin-left:4px;	width:80px;	font-family:Arial;	font-size:21px;}
#mainContent .kosdaq .priceArea .pdown	{color:#229bd8;}
#mainContent .kosdaq .priceArea .pup	{color:#ef2424;}
#mainContent .kosdaq .priceArea .up	{position:absolute;	margin-top:8px;	right:0;	padding-left:10px;	font-family:Arial;	font-size:11px;	background:url(/../new_home2/images/main/arrow_blue_up.gif) 0 center no-repeat;}
#mainContent .kosdaq .priceArea .down	{position:absolute;	margin-top:8px;	right:0;	padding-left:10px;	font-family:Arial;	background:url(/../new_home2/images/main/arrow_blue_down.gif) 0 center no-repeat;}
#mainContent .kosdaq .ytdayArea	{padding:9px 6px;	height:11px;	color:#666;	background:#f9faf9;	border-top:1px solid #d3dde6;}
#mainContent .kosdaq .ytdayArea .ytday	{position:absolute;	right:6px;width:120px;	text-align:right;	font-family:Arial;	font-size:11px;}
#mainContent .kosdaq .adminpage	{margin-top:16px;	border-bottom:0;}
.btn_go2_cafe24	{display:block;	width:150px; height:29px;	border:0;	background:url(/../new_home2/images/main/btn_go2_cafe24.gif) 0 0 no-repeat;}
.btn_go2_pcroom	{display:block;	margin-top:9px;	width:150px; height:29px;	border:0;	background:url(/../new_home2/images/main/btn_go2_pcroom.gif) 0 0 no-repeat;}

#mainContent .mcash	{position:relative;	float:left;	margin-top:16px;	width:100%;}
#mainContent .mcash>h1	{margin-top:16px;}
#mainContent .mcash .mcashinfo	{position:absolute;	top:0;	right:-8px;	}
#mainContent .mcash .mcashinfo>ul>li	{float:left;	width:176px;	padding:14px 0;	text-align:center;	background:#3984d4;}
#mainContent .mcash .mcashinfo>ul>li.apply	{background:#276fbc;}


#footer	{position:relative;	top:-20px;	border-top:1px solid #000;}
*:first-child+html #footer	{position:relative;	top:0;	border-top:1px solid #000;}
#footer .footerWrap	{}
#footer .partnersArea	{height:36px;	border-bottom:1px solid #d9d9d9;}
#footer .partners	{width:924px;	margin:auto;	padding:10px 6px;	}
#footer .partners>.title	{float:left;	display:block;height:8px;	margin-top:6px;	padding:2px 22px 0 0;	border-right:1px solid #d1d1d1;}
*:first-child+html #footer .partners>.title	{float:left;	margin-top:6px;	height:8px;	padding:2px 22px 2px 0;	border-right:1px solid #d1d1d1;}
*:first-child+html #footer .partners>.title>img	{position:relative; top:-10px;}
#footer .partners>.partner	{float:left;	padding-left:22px;	}
#footer .partners>.partner>.logo	{float:left;	display:block;}
#footer .partners>.partner>.logo>img	{padding:0 7px;}
#footer .partners>.partner>.arrows	{position:relative;	float:left;	display:block;	 width:10px;	margin-left:5px;}
#footer .partners>.partner>.arrows>ul	{margin:0 0 0 0;	padding:0;}
#footer .partners>.partner>.arrows>ul>li	{height:7px;}
#footer .partners>.partner>.arrows>ul>li>a	{height:7px; vertical-align: middle;}
*:first-child+html #footer .partners>.partner>.arrows>ul>li	{position:relative;	top:-2px;	display:block;height:10px;}
#footer .footermenu	{float:right;	}
#footer .footermenu>ul>li	{float:left;	}
#footer .footermenu>ul>li>a {display:block;	margin-top:5px;	padding:0 7px;	border-right:1px solid #d2d2d2;}
#footer .footermenu>ul>li>a.end	{border-right:0;}
#footer .coinfoArea	{width:960px;	margin:auto;	padding:10px 2px;	}

#footer .coinfoArea>span>label	{display:block;	height:15px;}


/* 2013-10-04 */
#footer .coinfoArea>.select	{float:right;	margin:30px 0 0 0; width:170px;}
#footer .coinfoArea>.txt	{float:left;	width:600px;	margin-bottom:15px; }

#footer #link	{float:right;  margin-top:30px;}

/* #footer .homeGo	{width:80px ; height: 20px; font-size: 12px; color: #666; border: 1px solid #d4d4d4;} */

/* #homeGo {height: 20px; font-size: 12px; color: #666; border: 1px solid #d4d4d4;} */


/*
#test {
	position:absolute; /* header¸¦ ±âÁØÀ¸·Î ÇÏ´Ü¿¡ À§Ä¡½Ãŵ´Ï´Ù.
	left: 0;
	bottom:0;
}
*/


/*
#newmenu {
	position:absolute; /* header¸¦ ±âÁØÀ¸·Î ÇÏ´Ü¿¡ À§Ä¡½Ãŵ´Ï´Ù.
	left: 0;
	bottom:0;
}
#newmenu ul{
	border:1px solid #000;
}
*/

/* 2013.11.04 ÀåÂ÷¹ý */
#newmenu ul, #newmenu li {
	margin:0;
	padding:0;
}
#newmenu li {
	position:relative;
	list-style:none;
	float:left;
	margin-top:16px;
}
#newmenu a {
padding:5px 40px 1px 40px;	height:18px;	border-right:1px solid #c8c8c8;
}
#newmenu li ul {
	position:absolute;
	width:419px;
	top:2.2em;
	left:-80px;
	display:none; /* liÀÇ ÀÚ½ÄÀÎ ulÀ» ¼û°ÜµÓ´Ï´Ù. */
}

#newmenu li.on ul {
	display:block; /* È°¼ºÈ­µÈ liÀÇ ÀÚ½ÄÀÎ ul¸¸ º¸¿©ÁÝ´Ï´Ù. */
}

#newmenu li a.end	{border-right:0;}


/* color */
#newmenu a {background:#fff; color:#000;}
#newmenu .on a {}
#newmenu li li a { padding:5px 10px 1px 10px; float:left; background:#b8b9bd; color:#fff; position:relative;}


/* 2013.12.16 ÀåÂ÷¹ý °øÁö Æ˾÷ */
.top_notic_area{ display:block; background-color:#276fbc; height:180px;padding-top:20px; font:"¸¼Àº °íµñ"; font-size:14px; color:#fff;}
.notice_01{  height:136px;border-bottom:1px solid #003f7d;}
.notice_text_area{ margin:auto; width:951px;height:116px;   }
.notice_icon{ width:97px; height:116px; border-right:1px solid #fff; float:left;  }
.notice_icon img{display:block; margin-left:20px; margin-top:34px;}
.notice_text{margin-left:117px; }
.notice_text_body {margin-left:10px;  }
.notice_footer{display:block; width:951px; padding-top:35px;}
*:first-child+html .notice_footer{display:block; padding-top:35px;}
.font_align{ float:right; margin:0 5px 0 5px; color:#fff;}
.description{ color:#fff;}
.notice_more {margin-top:16px;}
.font_title {font-size:16px; font-weight: bold; padding-bottom:10px;}
input[type=checkbox]	{	width:13px; height:13px; margin:0 6px 0 0; padding:0;	}

/* 2015.01.16 Æùºô Ä«µå ¹è³Ê */
.mainwings{ position:absolute; top:148px; right:-140px; z-index:1000;}
*:first-child+html .mainwings {position:absolute; top:50px; right:-140px; z-index:1000;}