@charset "UTF-8";
/* reset */
@import url(reset.css);

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

@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');
   src:local(※), url('../font/NanumGothicBold.woff') format('woff');
}
/* @font-face {font-family: 'NanumGothic'; src: url('../font/NanumGothic.eot');}   */
/* @font-face {font-family: 'NanumGothicExtraBold'; src:url('../font/NanumGothicBold.eot');} */

body {
    text-align: center;
    width: 100%;
    font-size: 14px;
	font-family: NanumGothic, NanumGothicBold,"나눔고딕","돋움", Dotum, sans-serif;
    color: #444444;
    list-style: none;
    line-height: 1.7em;
    border: 0px solid blue;
    outline: 0;
    background: #f7f7f7;
    overflow-y: scroll;
}

/* 스킵네비게이션 */
.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 {
	position: relative; 
	margin: 0 auto; 
	padding: 0; 
	text-align: left;
	border: 0px solid red;
}


.header_1 {
	float: right;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
	z-index: 200000;
	background: url(../make_img/common/topbg_red.png) repeat-x;
}

#header_area_1 {
    width: 1000px;
    height: 25px;
    padding-left: 70px;
    margin: 0 auto;
}

#header_area_1 li {
	float: right;
	margin-right: 10px;
	border: 0px solid red;
	margin-top: 2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    #header_area_1 li {
	
	padding-top: 0px;
	}
}

.header {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 100%;
    height: 70px;
    z-index: 100000;
    background-color : white;
    /*background: url(../make_img/common/topbg_red.png) repeat-x;*/
}

.header:after {
	content: "";
	clear: both;
	display: block;
}

.header_area {
    width: 1000px;
    height: 70px;
    margin: 0 auto;
}

.header_area:after {
	content: "";
	clear: both;
	display: block;
}

.header_area .logo {
    float: left;
    padding-top: 10px;
    *padding-left: 30px:: ;
    padding-left: 10px;
    margin-right: 134px;
    border: 0px solid red;
}

.header_area .logo img {
    display: block;
    height: 44px;
    width: 214px;
}

.header_area .gnb {
	padding-top: 10px;
	*padding-top: 5px;
	float: right;
}


.header_area .gnb li {
	float: left;
	padding-left: 10px;
	margin-left: 5px;
	background: url(../make_img/main/icon_bar01.png) no-repeat left top;
	*background: url(../make_img/main/icon_bar01.png) no-repeat left 3px;
}

.header_area .gnb li.none {
	padding-left: 0;
	margin-left: 0;
	background: transparent;
}

.header_area .gnb li a {
	display: block;
 }

#top1menu {
    float: left;
    padding-top: 35px;
    padding-bottom: 0px;
}

#top1menu li {
	float: left;
	*margin-right: 100px;
	border: 0px solid red;
}

#top1menu li a, 
#top1menu li img {
	display: block;
}

#top1menu li.mr84 {
	padding-right: 112px;
	
}

#top1menu li.mr85 {
	padding-right: 112px;
}

#top1menu li.mr86 {
	padding-right: 112px;
}

#top1menu li.last {
	/*margin-right: 1px;*/
}

.layer_total_menu_area {
    display: none;
    height: 171px;
    width: 100%;
    background: url(../make_img/common/row_menu_bg.png) repeat;
}

.layer_total_menu_box {
    width: 1100px;
    height: 171px;
    margin: 0 auto;
}

.layer_total_menu_box:after {
	content: "";
	clear: both;
	display:block;
}

.layer_total_menu_box dl {
    float: left;
	width: 80px;
}

.layer_total_menu_box dl dt {
	display: none;
}

.layer_total_menu_box dl dd {
    display: block;
    padding-top: 12px;
    width: 110px;
    float: left;
}

.layer_total_menu_box dl dd a {
    display: block;
    color: #555555;
    font-size: 13px;
    line-height: 14px;
    padding-left: 5px;
    margin-bottom: 8px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
}


.layer_total_menu_box dl.menu01 {
    position: relative;
    left: 405px;
}

.layer_total_menu_box dl.menu02 {
    position: relative;
    left: 505px;
}

.layer_total_menu_box dl.menu03 {
    position: relative;
    left: 605px;
}

.layer_total_menu_box dl.menu04 {
    position: relative;
    left: 710px;
}

.layer_total_menu_box dl dd a:hover {
/* 	color: #fff; */
    color: #e21a2d;
	font-size: 13px;
/* 	background: url(../make_img/common/bg_submenu_on.gif) no-repeat left top; */
/* 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; IE 8 */
/* 	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); IE 7 and olders */
/* 	opacity: 1.0;  */
}

/* container */
.container  {
	border: 0px solid red;
}

.main-slider01 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 670px;
    border: 0px solid red;
}

.main-slider01 .bxslider {
	display: block;
	margin: 0 auto;
	z-index: 10;
}

.main-slider01 .bxslider:after {
	content: "";
	clear: both;
	display: block;
}

.main-slider01 .bxslider li {
	display: block;
	height: 670px;
	text-align: center;
	text-indent: -5000em;
	font-size: 0;
	margin: 0 auto;
}

.main-slider01 .bxslider li.img_slider01 {
	background: url(../make_img/main/main01.jpg) no-repeat center top;
}

.main-slider01 .bxslider li.img_slider02 {
	background: url(../make_img/main/main02.jpg) no-repeat center top;
}

.main-slider01 .bxslider li.img_slider03 {
	background: url(../make_img/main/main03.jpg) no-repeat center top;
}

.main-slider01 .bxslider li img {
	display: inline-block;
	vertical-align: bottom;
	border: 0px solid red;
}

.main-slider01 .bx-pager-item {
	display: none;
}

.main-slider01 .bx-has-controls-direction {
	position: absolute;
	top: 225px;
	left: 50%;
	margin-left: -464px;
	width: 600px;
	z-index: 1000000;
	text-align: center;
	border: 0px solid red;
}

.main-slider01 .bx-controls-direction .bx-prev {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 90px;
	margin-left: -460px;
	display: block;
	background: url(../make_img/main/main_btn_left.png) no-repeat left top;
	width: 80px;
	height: 80px;
	text-indent: -5000em;
	border: 0px solid red;
}

.main-slider01 .bx-controls-direction .bx-next {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 90px;;
	margin-left: 695px;
	display: block;
	background: url(../make_img/main/main_btn_right.png) no-repeat left top;
	width: 80px;
	height: 80px;
	text-indent: -5000em;
	border: 0px solid red;
}

.contents {
    position: relative;
    height: 407px;
    background: url(../make_img/main/bottom_BG.png)repeat-x;
}

#icon_area {
    position: relative;
    margin: auto; 
    width: 1012px;
    padding-top: 67px;
    padding-left:35px;
}

#icon_area li {
	float: left; 
	border: 0px solid red;
}

#icon_1 {
    width: 235px;
    height: 270px;
    margin-right: 24px;
}

#icon_area #icon_2 {
    width: 235px;
    height: 270px;
    margin-right: 24px;
}

 #icon_area #icon_3 {
    width: 235px;
    height: 270px;
    margin-right: 24px;
}

 #icon_area #icon_4 {
    width: 235px;
    height: 270px;
}

/* footer */

.footer {
    position: relative;
    height: 131px;
    background: url(../make_img/common/bottom_bg_02.png) repeat-x left  bottom;
}

.footer .footer_area {
    position: relative;
    width: 1020px;
    height: 131px;
    margin: 0 auto;
    overflow: hidden;
}

.footer .footer_area .footer_logo {
	position: absolute;
	top: 10px;
	left: 55px;
}

.footer .footer_area .footer_logo img {
	display: block;
}

.footer .footer_area .footer_info {
    position: absolute;
    top: 14px;
    left: 230px;
    width: 300px;
}

.footer .footer_area .footer_info a {
    font-size: 11px;
    color: #b5b5b5;
    font-family: NanumGothicBold;
    letter-spacing: -0.1em;
}

.footer_info2{
    font-size: 11px;
    font-family: NanumGothicBold;
    color: #b5b5b5;
    position: relative;
    top: 50px;
    left: 230px;
    line-height: 15px;
}

.bottom_button{
	position: relative;
    top: 20px;
    left: 790px;
}

.bottom_button p{
	float: left;
    width: 120px;
}

.footer .footer_area .footer_menu {
	float: left;
	height: 24px;
	overflow: hidden;
	padding-top: 15px;
	*padding-top: 5px;
	margin-left: 6px;
}

.footer .footer_area .footer_menu li {
	float: left;
	padding-right: 11px;
	margin-right: 10px;
	background: url(../make_img/common/icon_footer_bar01.png) no-repeat right center;
}

.footer .footer_area .footer_menu li.none {
	background: transparent;
	padding-right: 0;
	margin-right: 0;
}

.footer .footer_area .footer_menu li a {
	color: #797979;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
}

.select_familysite {
	float: right;
	height: 0px;
	margin-top: -25px;
}

.select_familysite label {
	display: inline-block;
	vertical-align: middle;
	line-height: 39px;
	margin-right: 14px;
	color: #797979;
	font-size: 11px;
}

.select_familysite select {
	display: inline-block;
	vertical-align: middle;
	width: 140px;
	height: 20px;
	color: #797979;
	font-size: 12px;
	padding-left: 12px;
	border: 1px solid #797979;
	font-family: NanumGothic, NanumGothicBold, "돋움", Dotum, sans-serif;
}

.company_info_area {
	clear: both;
	padding-left: 145px;
	padding-top: 26px;
	*padding-top: 13px;

}

.company_info_area address,
.company_info_area .copyright {
	color: #797979;
	font-size: 11px;
	line-height: 14px;
}

.footer_sns_list {
	position: absolute;
	top: 61px;
	right: 0;
}

.footer_sns_list li {
	float: left;
	margin-left: 9px
}

.footer_sns_list li a,
.footer_sns_list li img {
	display: block;
	width: 30px;
	height: 30px;
}

/* 팝업레이어 */
#hd_pop {z-index:100000000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute; z-index:1; border:1px solid #e9e9e9;background:#fff;}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right;}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff;}

/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:970px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:970px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}