@charset "utf-8";

/*  LAYOUT STYLE */

/*  FONT STYLE */
@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	src:url(../jw_config/fonts/NanumBarunGothic.eot);
	src:url(../jw_config/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
	url(../jw_config/fonts/NanumBarunGothic.woff) format('woff'),
	url(../jw_config/fonts/NanumBarunGothic.ttf) format('truetype');
	url(../jw_config/fonts/NanumBarunGothic.svg#NanumBarunGothic) format('svg')
	src:local(※), url(../jw_config/fonts/NanumBarunGothic.woff) format('woff');
}
@font-face {
	font-family:'NanumBarunGothicUL';
	src:url(../jw_config/fonts/NanumBarunGothicUltraLight.eot);
	src:url(../jw_config/fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
	url(../jw_config/fonts/NanumBarunGothicUltraLight.woff) format('woff'),
	url(../jw_config/fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
	url(../jw_config/fonts/NanumBarunGothicUltraLight.svg#NanumBarunGothicUltraLight) format('svg')
	src:local(※), url(../jw_config/fonts/NanumBarunGothicUltraLight.woff) format('woff');
}
@font-face {
	font-family:'NanumBarunGothicL';
	src:url(../jw_config/fonts/NanumBarunGothicLight.eot);
	src:url(../jw_config/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
	url(../jw_config/fonts/NanumBarunGothicLight.woff) format('woff'),
	url(../jw_config/fonts/NanumBarunGothicLight.ttf) format('truetype');
	url(../jw_config/fonts/NanumBarunGothicLight.svg#NanumBarunGothicLight) format('svg')
	src:local(※), url(../jw_config/fonts/NanumBarunGothicLight.woff) format('woff');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../jw_config/fonts/NanumGothic-Regular.eot);
  src: url(../jw_config/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(../jw_config/fonts/NanumGothic-Regular.woff2) format('woff2'),
		url(../jw_config/fonts/NanumGothic-Regular.woff) format('woff'),
		url(../jw_config/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../jw_config/fonts/NanumGothic-Bold.eot);
  src: url(../jw_config/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(../jw_config/fonts/NanumGothic-Bold.woff2) format('woff2'),
		url(../jw_config/fonts/NanumGothic-Bold.woff) format('woff'),
		url(../jw_config/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../jw_config/fonts/NanumGothic-ExtraBold.eot);
  src: url(../jw_config/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../jw_config/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../jw_config/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(../jw_config/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}


body { position:relative; }
#wrap { position:relative; }

/* header */
#header { position:relative; width:100%;}


#header .headerWrap { position:relative; width:995px; margin:0 auto; font-family:'NanumBarunGothic'; letter-spacing:-1px; }

#header h1 { position:absolute; left:1px; top:35px; z-index:5; }
#header h1 a { display:block; color:#2c2c2c; font-size:2em; padding:5px 0 0 83px; }
#header h1 img { position:absolute; left:0; top:0; }

.utilGroup { position:absolute; right:1px; top:40px; z-index:5; }
.utilGroup li { float:left; text-align:right; padding-left:28px; }
.utilGroup li a { display:block; padding:5px 10px 0 0; height:22px; color:#2e2d2d; font-size:1.16667em; font-weight:normal; }
.utilGroup li.active a,
.utilGroup li a:focus,
.utilGroup li a:hover { color:#0d0d0d; background:none; font-weight:bold; letter-spacing:-1.5px; }
.gnbBg { height:0; overflow:hidden; font-size:0; line-height:0; }
#header #gnb { position:relative; width:995px; padding-top:87px; z-index:2; display:inline-block; background:url(../jw_images/common/bg_header.gif) left 87px repeat-x; }
#header #gnb > ul.topmenu { float:left;  }
#header #gnb > ul.topmenu > li { float:left; padding:10px 30px;}
#header #gnb > ul.topmenu > li > a { display:block; padding:10px 0px 20px; color:#303030; font-size:1.58333em; }
#header #gnb > ul.topmenu > li div.submenu { display:none; position:absolute; width:995px; left:0; top:122px; background:url(../jw_images/common/bg_submenu.png) left top repeat-x; z-index:3; }
#header #gnb > ul.topmenu > li div.submenu ul { position:relative; display:inline-block; z-index:2; }
#header #gnb > ul.topmenu > li div.submenu ul li { float:left; margin-right:1px; }
#header #gnb > ul.topmenu > li div.submenu ul li a { display:block; padding:5px 16px 15px; color:#fff; font-size:1.25000em; }
#header #gnb > ul.topmenu li.lnb1 div.submenu ul { margin-left:18px; }
#header #gnb > ul.topmenu li.lnb2 div.submenu ul { margin-left:155px; }
#header #gnb > ul.topmenu li.lnb3 div.submenu ul { margin-left:190px; }
#header #gnb > ul.topmenu li.lnb4 div.submenu ul { margin-left:290px; }
#header #gnb > ul.topmenu li.lnb5 div.submenu ul { margin-left:380px; }
#header #gnb > ul.topmenu li.lnb6 div.submenu ul { margin-left:580px; }
#header #gnb > ul.topmenu li.lnb1 > a { background:url("../jw_images/common/submenu_01.png") center top no-repeat; overflow: hidden; width: 70px; font-size:0; }
#header #gnb > ul.topmenu li.lnb1:hover > a,
#header #gnb > ul.topmenu li.lnb1 > a:hover,
#header #gnb > ul.topmenu li.lnb1 > a:focus { background:url("../jw_images/common/submenu_01.png") center top no-repeat; }
#header #gnb > ul.topmenu li.lnb2 > a { background:url("../jw_images/common/submenu_02.png") center top no-repeat; overflow: hidden; width: 56px; font-size:0; }
#header #gnb > ul.topmenu li.lnb2:hover > a,
#header #gnb > ul.topmenu li.lnb2 > a:hover,
#header #gnb > ul.topmenu li.lnb2 > a:focus { background:url("../jw_images/common/submenu_02.png") center top no-repeat; }
#header #gnb > ul.topmenu li.lnb3 > a { background:url("../jw_images/common/submenu_03.png") center top no-repeat; overflow: hidden; width: 56px; font-size:0; }
#header #gnb > ul.topmenu li.lnb3:hover > a,
#header #gnb > ul.topmenu li.lnb3 > a:hover,
#header #gnb > ul.topmenu li.lnb3 > a:focus { background:url("../jw_images/common/submenu_03.png") center top no-repeat; }
#header #gnb > ul.topmenu li.lnb4 > a { background:url("../jw_images/common/submenu_04.png") center top no-repeat; overflow: hidden; width: 56px; font-size:0; }
#header #gnb > ul.topmenu li.lnb4:hover > a,
#header #gnb > ul.topmenu li.lnb4 > a:hover,
#header #gnb > ul.topmenu li.lnb4 > a:focus { background:url("../jw_images/common/submenu_04.png") center top no-repeat; }
#header #gnb > ul.topmenu li.lnb5 > a { background:url("../jw_images/common/submenu_05.png") center top no-repeat; overflow: hidden; width: 56px; font-size:0; }
#header #gnb > ul.topmenu li.lnb5:hover > a,
#header #gnb > ul.topmenu li.lnb5 > a:hover,
#header #gnb > ul.topmenu li.lnb5 > a:focus { background:url("../jw_images/common/submenu_05.png") center top no-repeat; }
#header #gnb > ul.topmenu li.lnb6 > a { background:url("../jw_images/common/submenu_06.png") center top no-repeat; overflow: hidden; width: 46px; font-size:0; }
#header #gnb > ul.topmenu li.lnb6:hover > a,
#header #gnb > ul.topmenu li.lnb6 > a:hover,
#header #gnb > ul.topmenu li.lnb6 > a:focus { background:url("../jw_images/common/submenu_06.png") center top no-repeat; }
#header #gnb > ul.snsmenu { float:right; overflow: hidden; width: 281px; }
#header #gnb > ul.snsmenu > li { float:left; }
#header #gnb > ul.snsmenu > li > a {display:block; right:0; top:0; z-index:2;  }

/* footer */
#footer { position:relative; min-width:995px; width:100%;  display:inline-block;  background:#d1cdc2 url(../jw_images/common/bg_footer.jpg) left top repeat-x;  }
#footer #footerWrap { position:relative; width:995px; margin:0 auto; }
#footer .noticeGroup { position:relative; height:47px; width:100%; display:inline-block; }
#footer .notice { position:relative; background:pink; margin:12px 0 0 3px; z-index:1; }
#footer .notice h3 { float:left; color:#323232; font-size:1.41667em; }
#footer .notice a { float:left; display:block; padding:1px 5px 0 23px; color:#646363; font-size:1.25em; }

#footer .familySite { position:absolute; width:176px; right:4px; top:10px; z-index:2; }
.familySite a:hover,
.familySite a:focus { color:#1c61a9; }
.familySite h3 {  }
.familySite h3 a { color:#fff; font-weight:normal; }
.familySite > div { position:absolute; left:0; bottom:0; background:#fff; }
.familySite .familyListWrap { position:relative; width:100%; display:inline-block; }
.familySite .familyListWrap .btnClose { position:absolute; left:0; bottom:0; }
.familySite ul { border:1px solid #afafaf; padding:8px 10px 8px 15px; width:149px; margin-bottom:21px; }
.familySite li a { color:#525252; display:block; padding:4px 0; }
#footer .addressInfo { position:relative; clear:both; width:730px; padding:20px 0 30px 240px; }
#footer .logoFoot { position:absolute; left:4px; top:26px; z-index:2; }
#footer .logoFoot a { display:block; color:#6e6e6e; font-size:1.75em; padding:5px 0 0 87px; }
#footer .logoFoot  img {  position:absolute; left:0; top:0;}
#footer address { font-style:normal; color:#797979; font-size:1.08333em; }
#footer address span { display:inline-block; margin-right:4px; }
#footer address span:first-child { margin-left:7px; }
#footer .copyright { margin:3px 0 0 1px; }