@charset "euc-kr";
/* reset */

@import url(reset.css);


@font-face {font-family: 'NanumGothicBold'; src: url('../font/NanumGothicBold.eot');} 
@font-face {font-family: 'NanumGothicExtraBold'; src: url('../font/NanumGothicBold.eot');} 


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

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



html, body {
	height: 100%;
}
body { 
	text-align: center;
	width: 100%;
	font-size: 75%;
	font-family: "µ¸¿ò", Dotum, sans-serif;
	color: #000;
	list-style: none;
	line-height: 1.7em;
	border: 0px solid blue;
	outline: 0;

}

/* ½ºÅµ³×ºñ°ÔÀÌ¼Ç */
.skip-navigation a {
	display: block; 
	height: 1px; 
	width: 1px; 
	margin: 0 -1px -1px 0; 
	padding: 0; 
	overflow: hidden; 
	font-size:0; 
	line-height:0;
}

.skip-navigation a:hover,
.skip-navigation a:active,
.skip-navigation a:focus {
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 20px; 
	line-height: 20px; 
	vertical-align: middle; 
	font-size: 14px; 
	font-weight: bold; 
	text-align: center; 
	background: #000; 
	color: #fff;
	z-index: 1000000
}


.blind {
	visibility: hidden; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 0; 
	height: 0; 
	font-size: 0; 
	line-height: 0
}

/* Àüü */
#wrapper {
	*float: left;
	position: relative; 
	display: block;
	width: 733px;
	height: 100%;
	margin: 0; 
	padding: 0; 
	padding-left: 308px; 
	text-align: left; 
	font-size: 1em; 
	background: #fff;
	border: 0px solid red;
}


/* »ó´Ü */
#wrapper .header {
	position: fixed;
	top: 0;
	left: 0;
	width: 291px; 
	height: 100%; 
	padding-right: 17px; 
	z-index: 100;
	background: url(../make_img/common/bg_header_shadow.png) repeat-y right top;
}

#wrapper .header .bg-header-shadow {
	width: 291px; 
	height: 10px; 
	background: url(../make_img/common/bg_header01.gif) no-repeat left top;
}

#wrapper .header .header-area {
	height: 100%;
	background: #0084ff;
	border: 0px solid red;
}

#wrapper .logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 119px;
	height: 112px;
	padding-top: 52px;
	padding-left: 85px;
	text-align: center;
	z-index: 1000;
	
}

#wrapper .header .header-area .logo a, .header .header-area .logo img {
	display: block;
	vertical-align: bottom;
}

/* gnb */
#wrapper .gnb {
	position: absolute;
	top: 0;
	left: 308px;
	width: 733px;
	height: 95px;
	text-align: right;
	overflow: hidden;
	border: 0px solid red;
}

#wrapper .gnb ul {
	padding-top: 19px;
	float: right;
}


#wrapper .gnb ul li {
	float: left;
	padding-right: 10px;
	padding-left: 7px;
	background: url(../make_img/common/icon_gnb_bullet01.gif) no-repeat right 7px;
}

#wrapper .gnb ul li.none {
	background: transparent
}

#wrapper .gnb ul li a {
	color: #7d7d7d;
	font-weight: bold;

}

#wrapper .header .header-area .mainmenu-area {
	padding-top: 192px;
	background: #fff;
}
#wrapper .header .header-area .main-menu {
	padding-left: 51px;
	padding-bottom: 4px;
	overflow: hidden;
}

#wrapper .header .header-area .mainmenu-area .main-menu li {
	float: left;
	width: 100%;
	display: block;
	padding-bottom: 30px;
	border: 0px solid red;
}

#wrapper .header .header-area .mainmenu-area .main-menu li a, .main-menu li img {
	display: block;
}

/* °øÁö»çÇ× */
#wrapper .header .header-area .notice-area {
	padding-top: 23px;
	padding-left: 41px;
	padding-right: 36px;
	padding-bottom: 15px;
}

#wrapper .header .header-area .notice-area .title_notice {
	width: 209px;
	height: 14px;
	line-height: 14px;
	margin-bottom: 15px;
	background: url(../make_img/common/bg_line01.gif) repeat-x left center;
	border: 0px solid red;
}

#wrapper .header .header-area .notice-area ul {
	width: 210px;
	overflow: hidden;
	border: 0px solid red;
}

#wrapper .header .header-area .notice-area ul li {
	float: left;
	width: 100%;
	margin-bottom: 7px;
	display: block;
}

#wrapper .header .header-area .notice-area ul li a {
	position: relative;
	display: block;
	color: #fff;
	line-height: 12px;
	font-weight: bold;
	padding-right: 57px;
	padding-top: 2px;
	padding-left: 9px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis; 
	vertical-align: middle;
	background: url(../make_img/common/icon_bullet02.gif) no-repeat left 4px;
	border: 0px solid red;
}

#wrapper .header .header-area .notice-area ul li a:hover {
	text-decoration: underline;
}

#wrapper .header .header-area .notice-area ul li .date {
	position: absolute;
	top: 2px;
	right: 0;
	height: 14px;
}

/* ¹è³Ê */
#wrapper .header .header-area .banner-area {
	background: url(../make_img/common/bg_line03.png) repeat-x left top;
	border: 0px solid red;
}

#wrapper .header .header-area .banner-area ul {
	overflow: hidden;
	border: 0px solid red;
}

#wrapper .header .header-area .banner-area ul li {
	float: left;
	width: 100%;
	height: 76px;
	text-align: center;
	background: url(../make_img/common/bg_line03.png) repeat-x left bottom;
}	

#wrapper .header .header-area .banner-area ul li a, .banner-area ul li img {
	display: inline-block;
	margin: 0 auto;
	line-height: 76px;
	vertical-align: middle;
}

/* Æйи® »çÀÌÆ® */
#wrapper .header .header-area .familysite-area {
	padding-top: 20px;
	padding-left: 37px;
}

#wrapper .header .header-area .familysite-area p {
	width: 209px;
	height: 14px;
	line-height: 14px;
	margin-bottom: 15px;
	background: url(../make_img/common/bg_line01.gif) repeat-x left center;
}

#wrapper .header .header-area .familysite-area ul {
	overflow: hidden;
}

#wrapper .header .header-area .familysite-area ul li {
	float: left;
}

#wrapper .header .header-area .familysite-area ul li a, .familysite-area ul li img {
	display: block;
}

/* º»¹® */
#wrapper #container {
	width: 650px; 
	padding: 92px 50px 44px 33px; 
	background: #fff;
	border: 0px solid red;
}
#wrapper #container .contents {
	margin: 0;
	padding-bottom: 20px;
	border: 0px solid red;
}
#wrapper #container .contents h1 {
	padding-bottom: 14px; 
	margin-bottom: 11px; 
	border-bottom: 1px solid #0084ff
}
#wrapper #container .contents h1 img {
	display: block;
}


#wrapper #container .contents .sub-menu-box {
	margin-bottom: 39px;
	overflow: hidden;
	border: 0px solid red;
}

#wrapper #container .contents .sub-menu-box ul {
	overflow: hidden;
	margin-left: -25px;
}

#wrapper #container .contents .sub-menu-box ul li {
	float: left;
	padding-right: 29px;
	padding-left: 25px;
	background: url(../make_img/common/icon_bullet01.gif) no-repeat right 3px;
}

#wrapper #container .contents .sub-menu-box ul li.none {
	background: transparent;
	padding-right: 0;
}

#wrapper #container .contents .sub-menu-box ul li a, #wrapper #container .contents .sub-menu-box ul li img {
	display: block;
}
#wrapper #container .contents .sub-menu-box ol{
	margin-left:108px;
	margin-top:10px;
}
#wrapper #container .contents .sub-menu-box ol li{
	float:left;
}

/* ÇÏ´Ü */
#wrapper .footer {
	position: fixed;
	bottom: 0;
	left: 291px;
	background: #ececec;
	width: 100%;
	height: 22px;
	padding: 11px 0;
	border: 0px solid red;
	overflow: hidden;
	z-index: 10000;
}

#wrapper .footer .company_info {
	float: left;
	margin-right: 10px;
	padding-left: 17px;

}
#wrapper .footer .company_info address {
	color: #7d7d7d;
	font-size: 11px;
	line-height: 12px;
	margin-bottom: 4px;
}

#wrapper .footer .company_info .word-copyright {
	color: #7d7d7d;
	font-size: 11px;
	line-height: 12px;
}

#wrapper .footer .footer-menu {
	float: left;
	padding-top: 7px;
	overflow: hidden;
	border: 0px solid red;
}

#wrapper .footer .footer-menu li {
	float: left;
	padding-right: 8px;
	padding-left: 9px;
	background: url(../make_img/common/icon_bullet03.gif) no-repeat right 7px;
}

#wrapper .footer .footer-menu li.none {
	padding-right: 0;
	background: transparent;
}

#wrapper .footer .footer-menu li a {
	display: block; 
	font-weight: bold;
	color: #7d7d7d;
}

#wrapper .footer-famliy-site {

	float: left;
	width: 158px;
	height: 44px;
	margin-left: 19px;
	background: #d9d9d9;
	margin-top: -11px;
}

#wrapper .footer-famliy-site .word-family-size {
	text-align: center;
	padding-top: 18px;
}
#wrapper .footer-famliy-site .word-family-size a {
	display: block;
	width: 121px;
	margin: 0 auto;
	color: #7d7d7d;
	font-weight: bold;
	padding-right: 10px;
	background: url(../make_img/common/icon_arrow_right.png) no-repeat right 2px;
}

.family_list {
	display: none;
	position: fixed;
	bottom: 44px;
	left: 1068px;
	width: 158px;
	overflow: hidden;
	background: #d9d9d9;
	z-index: 10000;
	border: 0px solid red;
}
.family_list li {
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #f9f9f9;
}

.family_list li a {
	display: block;
	padding: 10px;
	text-align: left;
	color: #7d7d7d;
	font-weight: bold;
}

.family_list li a:hover {
	background: #f3f3f3
}


/* ------------------------------------------------------------------------*/

/* Àüü */
#wrapper.scroll {
	position: relative; 
	display: block;
	margin: 0; 
	padding-left: 308px; 
	width: 733px;
	min-height: 840px;
	text-align: left; 
	font-size: 1em; 
	background: url(../make_img/common/bg_wrapper.jpg) repeat-y left top;
	z-index: 100000;
}

#wrapper.scroll:after {
	content: "";
	clear: both;
	display: block;
}

/* »ó´Ü */
#wrapper.scroll .header {
	position: absolute;
	top: 0;
	left: 0;
	width: 291px; 
	padding-right: 17px; 
	z-index: 100;
	border: 0px solid red;
}

#wrapper.scroll .header .bg-header-shadow {
	width: 291px; 
	height: 10px; 
	background: url(../make_img/common/bg_header01.gif) no-repeat left top;
}

#wrapper.scroll .header .header-area {
	background: #0084ff;
	border: 0px solid red;
}
#wrapper.scroll .logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 71px;
	padding-top: 52px;
	padding-left: 45px;
	z-index: 1000;}

#wrapper.scroll .logo a, .logo img {
	display: block;
}

/* gnb */
#wrapper.scroll .gnb {
	position: absolute;
	top: 0;
	left: 308px;
	width: 733px;
	height: 95px;
	text-align: right;
	overflow: hidden;
	background: url(../make_img/common/bg_gnb.png) repeat-x left top;
	border: 0px solid red;
	z-index: 10

}

#wrapper.scroll .gnb ul {
	padding-top: 19px;
	float: right;
}


#wrapper.scroll .gnb ul li {
	float: left;
	padding-right: 10px;
	padding-left: 7px;
	background: url(../make_img/common/icon_gnb_bullet01.gif) no-repeat right 7px;
}

#wrapper.scroll .gnb ul li.none {
	background: transparent
}

#wrapper.scroll .gnb ul li a {
	color: #7d7d7d;
	font-weight: bold;

}

#wrapper.scroll .header .header-area .mainmenu-area {
	padding-top: 200px;
	background: #fff;
}
#wrapper.scroll .header .header-area .main-menu {
	padding-left: 51px;
	padding-bottom: 4px;
	overflow: hidden;
}

#wrapper.scroll .header .header-area .mainmenu-area .main-menu li {
	float: left;
	width: 100%;
	display: block;
	padding-bottom: 30px;
	border: 0px solid red;
}

#wrapper.scroll .header .header-area .mainmenu-area .main-menu li a, .main-menu li img {
	display: block;
}

/* °øÁö»çÇ× */
#wrapper.scroll .header .header-area .notice-area {
	padding-top: 23px;
	padding-left: 41px;
	padding-right: 36px;
	padding-bottom: 15px;
}

#wrapper.scroll .header .header-area .notice-area .title_notice {
	width: 209px;
	height: 14px;
	line-height: 14px;
	margin-bottom: 15px;
	background: url(../make_img/common/bg_line01.gif) repeat-x left center;
	border: 0px solid red;
}

#wrapper.scroll .header .header-area .notice-area ul {
	width: 210px;
	overflow: hidden;
	border: 0px solid red;
}

#wrapper.scroll .header .header-area .notice-area ul li {
	float: left;
	width: 100%;
	margin-bottom: 7px;
	display: block;
}

#wrapper.scroll .header .header-area .notice-area ul li a {
	position: relative;
	display: block;
	color: #fff;
	line-height: 12px;
	font-weight: bold;
	padding-right: 57px;
	padding-top: 2px;
	padding-left: 9px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis; 
	vertical-align: middle;
	background: url(../make_img/common/icon_bullet02.gif) no-repeat left 4px;
	border: 0px solid red;
}

#wrapper.scroll .header .header-area .notice-area ul li a:hover {
	text-decoration: underline;
}

#wrapper.scroll .header .header-area .notice-area ul li .date {
	position: absolute;
	top: 2px;
	right: 0;
	height: 14px;
}

/* ¹è³Ê */
#wrapper.scroll .header .header-area .banner-area {
	background: url(../make_img/common/bg_line03.png) repeat-x left top;
	border: 0px solid red;
}

#wrapper.scroll .header .header-area .banner-area ul {
	overflow: hidden;
	border: 0px solid red;
}

#wrapper.scroll .header .header-area .banner-area ul li {
	float: left;
	width: 100%;
	height: 76px;
	text-align: center;
	background: url(../make_img/common/bg_line03.png) repeat-x left bottom;
}	

#wrapper.scroll .header .header-area .banner-area ul li a, .banner-area ul li img {
	display: inline-block;
	margin: 0 auto;
	line-height: 76px;
	vertical-align: middle;
}

/* Æйи® »çÀÌÆ® */
#wrapper.scroll .header .header-area .familysite-area {
	padding-top: 20px;
	padding-left: 37px;
}

#wrapper.scroll .header .header-area .familysite-area p {
	width: 209px;
	height: 14px;
	line-height: 14px;
	margin-bottom: 15px;
	background: url(../make_img/common/bg_line01.gif) repeat-x left center;
}

#wrapper.scroll .header .header-area .familysite-area ul {
	overflow: hidden;
}

#wrapper.scroll .header .header-area .familysite-area ul li {
	float: left;
}

#wrapper.scroll .header .header-area .familysite-area ul li a, .familysite-area ul li img {
	display: block;
}

/* º»¹® */
#wrapper.scroll #container {
	width: 650px; 
	padding: 92px 50px 44px 33px; 
	background: #fff;
	border: 0px solid red;
}
#wrapper.scroll #container .contents {
	margin: 0;
	padding-bottom: 20px;
	border: 0px solid red;
}
#wrapper.scroll #container .contents h1 {
	padding-bottom: 14px; 
	margin-bottom: 11px; 
	border-bottom: 1px solid #0084ff
}
#wrapper.scroll #container .contents h1 img {
	display: block;
}


#wrapper.scroll #container .contents .sub-menu-box {
	margin-bottom: 39px;
	overflow: hidden;
	border: 0px solid red;
}

#wrapper.scroll #container .contents .sub-menu-box ul {
	overflow: hidden;
	margin-left: -25px;
}

#wrapper.scroll #container .contents .sub-menu-box ul li {
	float: left;
	padding-right: 29px;
	padding-left: 25px;
	background: url(../make_img/common/icon_bullet01.gif) no-repeat right 3px;
}

#wrapper.scroll #container .contents .sub-menu-box ul li.none {
	background: transparent;
	padding-right: 0;
}

#wrapper.scroll #container .contents .sub-menu-box ul li a, #wrapper.scroll #container .contents .sub-menu-box ul li img {
	display: block;
}

/* ÇÏ´Ü */
#wrapper.scroll .footer {
	position: fixed;
	bottom: 0;
	left: 291px;
	background: #ececec;
	width: 100%;
	height: 22px;
	padding: 11px 0;
	border: 0px solid red;
	overflow: hidden;
	z-index: 10000;
}

#wrapper.scroll .footer .company_info {
	float: left;
	margin-right: 10px;
	padding-left: 17px;

}
#wrapper.scroll .footer .company_info address {
	color: #7d7d7d;
	font-size: 11px;
	line-height: 12px;
	margin-bottom: 4px;
}

#wrapper.scroll .footer .company_info .word-copyright {
	color: #7d7d7d;
	font-size: 11px;
	line-height: 12px;
}

#wrapper.scroll .footer .footer-menu {
	float: left;
	padding-top: 7px;
	overflow: hidden;
	border: 0px solid red;
}

#wrapper.scroll .footer .footer-menu li {
	float: left;
	padding-right: 8px;
	padding-left: 9px;
	background: url(../make_img/common/icon_bullet03.gif) no-repeat right 7px;
}

#wrapper.scroll .footer .footer-menu li.none {
	padding-right: 0;
	background: transparent;
}

#wrapper.scroll .footer .footer-menu li a {
	display: block; 
	font-weight: bold;
	color: #7d7d7d;
}

#wrapper.scroll #footer_menu {
	float: left;
}
#wrapper.scroll .footer-famliy-site {
	float: left;
	width: 158px;
	height: 44px;
	margin-left: 19px;
	background: #d9d9d9;
	margin-top: -11px;
}

#wrapper.scroll .footer-famliy-site .word-family-size {
	text-align: center;
	padding-top: 18px;
}
#wrapper.scroll .footer-famliy-site .word-family-size a {
	display: block;
	width: 121px;
	color: #7d7d7d;
	font-weight: bold;
	padding-right: 10px;
	background: url(../make_img/common/icon_arrow_right.png) no-repeat right 2px;
}

#wrapper.scroll .family_list {
	display: none;
	position: fixed;
	bottom: 44px;
	left: 1068px;
	width: 158px;
	overflow: hidden;
	background: #d9d9d9;

	border: 0px solid red;
}
#wrapper.scroll .family_list li {
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #f9f9f9;
}

#wrapper.scroll .family_list li a {
	display: block;
	padding: 10px;
	text-align: left;
	color: #7d7d7d;
	font-weight: bold;
}

#wrapper.scroll .family_list li a:hover {
	background: #f3f3f3
}
.pop{
		position:absolute;
		margin-top:150px;
		display:none;
	}