@import url( http://fonts.googleapis.com/earlyaccess/nanumgothic.css );
* {
	margin: 0px; padding: 0px;
}
ul {
	list-style: none;
}
dl {
	list-style: none;
}
ol {
	list-style: none;
}
li {
	list-style: none;
}
img {
	border: currentColor; border-image: none; vertical-align: top;
}
a {
	color: rgb(69, 69, 69); text-decoration: none;
}
a:hover {
	color: rgb(51, 51, 51); text-decoration: none;
}
html {
	height: 100%;
}
body {
	line-height: 1; font-family: "Nanum Gothic",sans-serif; font-size: 100%;
}
caption {
	display: block; visibility: hidden;
}
.blinder {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; cursor: pointer; opacity: 0;
}
.of_hiddener {
	overflow: hidden;
}
.wrapper {
	margin: 0px auto; width: 100%; position: relative; min-width: 320px;
}
.header_wrap {
	background: rgb(6, 11, 28); left: 0px; top: 0px; width: 100%; height: 66px; overflow: hidden; position: fixed; z-index: 150;
}
.header {
	margin: 0px auto; width: 100%; height: 100%; position: relative; min-width: 320px;
}
.header > h1 {
	margin: 0px auto; padding: 13px 0px 0px; width: auto; line-height: 1;
}
.header .center_top {
	margin: 0px; padding: 0px; top: 0px; width: 110px; position: absolute;
}
.header .center_logo {
	margin: 0px auto; top: 0px; width: auto; text-align: center;
}
.header .center_flag {
	margin: 0px auto; top: 0px; width: 100%; height: 17px; text-align: center;
}
.header .ul {
	top: 0px; width: 110px; height: 26px; text-align: center; overflow: auto; display: block;
}
.header .li {
	list-style: none; overflow: hidden; float: left;
}
.header .left_top {
	left: 0px; top: 0px; position: absolute;
}
.header .right_top {
	top: 0px; right: 0px; position: absolute;
}
.footer_wrap {
	width: 100%; position: relative;
}
.footer_wrap .bns_01 {
	margin: 0px auto; width: 92.5%; overflow: hidden; position: relative; max-width: 592px;
}
.footer_wrap .bns_01 div {
	width: 48.98%; margin-left: 2.02%; float: left; position: relative;
}
.footer_wrap .bns_01 div.bn_01 {
	margin-left: 0px;
}
.footer_wrap .bns_01 div a {
	width: 100%; display: block;
}
.footer_wrap .bns_01 div a img {
	width: 100%;
}
.footer_wrap .bns_02 {
	margin: 20px auto 0px; width: 92.5%; overflow: hidden; position: relative; max-width: 592px;
}
.footer_wrap .bns_02 div {
	width: 24.66%; margin-left: 0.43%; float: left; position: relative;
}
.footer_wrap .bns_02 div.bn_01 {
	margin-left: 0px;
}
.footer_wrap .bns_02 div a {
	width: 100%; display: block;
}
.footer_wrap .bns_02 div a img {
	width: 100%;
}
.footer_wrap .footer {
	background: url("/img/jm_foot_bg.gif") repeat-x 0px 0px rgb(6, 11, 28); width: 100%; margin-top: 20px; position: relative;
}
.footer_wrap .footer .links {
	margin: 0px auto; width: 100%; height: 43px; overflow: hidden; position: relative; max-width: 640px;
}
.footer_wrap .footer .links div {
	background: url("/img/jm_footer_bg_1px.gif") repeat-y right 0px; width: 33.33%; height: 100%; float: left;
}
.footer_wrap .footer .links div a {
	background: url("/img/jm_footer_bg_1px.gif") repeat-y right 0px; width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 43px; font-size: 16px; font-weight: bold; display: block;
}
.footer_wrap .footer .links div.first a {
	background: none;
}
.footer_wrap .footer .txts {
	margin: 0px auto; padding: 20px 0px; width: 100%; text-align: center; position: relative; max-width: 640px;
}
.footer_wrap .footer .txts .foo_tit {
	width: 100%; text-align: center;
}
.footer_wrap .footer .txts address {
	color: rgb(255, 255, 255); font-size: 14px; font-style: normal; margin-top: 15px;
}
.footer_wrap .footer .txts p {
	color: rgb(111, 111, 111); font-size: 12px; margin-top: 10px;
}
.menu_wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 200;
}
.menu_wrap > div {
	margin: 0px auto; width: 100%; height: 100%; position: relative; -ms-overflow-x: hidden; min-width: 320px;
}
.gnb_bg {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 190; opacity: 0.7;
}
.menu_wrap .menu_area {
	left: -80%; top: 0px; width: 80%; position: absolute;
}
.menu_wrap .menu_area > .height_finder {
	width: 100%; height: 0px;
}
.menu_wrap .menu_area .row_01 {
	width: 100%; height: 66px; overflow: hidden;
}
.menu_wrap .menu_area .row_01 a {
	width: 66px; height: 66px; float: left; display: block;
}
.menu_wrap .menu_area .row_02 {
	width: 100%;
}
.menu_wrap .menu_area .row_02 > li {
	width: 100%; overflow: hidden; border-bottom-color: rgb(121, 122, 127); border-bottom-width: 1px; border-bottom-style: solid;
}
.menu_wrap .menu_area .row_02 > li > a {
	background: url("/img/xxm_gnb_arrow_off.gif") no-repeat 93% rgb(65, 66, 71); width: 100%; height: 40px; color: rgb(173, 173, 173); line-height: 40px; text-indent: 10px; font-size: 16px; font-weight: bold; display: block;
}
.menu_wrap .menu_area .row_02 > li.selected > a {
	background: url("/img/xxm_gnb_arrow_on.gif") no-repeat 93% rgb(194, 147, 78); color: rgb(255, 255, 255);
}
.menu_wrap .menu_area .row_02 > li > ul {
	background: rgb(38, 39, 44); width: 100%;
}
.menu_wrap .menu_area .row_02 > li > ul > li {
	width: 100%;
}
.menu_wrap .menu_area .row_02 > li > ul > li > a {
	width: 100%; height: 36px; color: rgb(255, 255, 255); line-height: 36px; text-indent: 15px; font-size: 15px; display: block;
}
.right_wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 500;
}
.right_wrap > div {
	margin: 0px auto; width: 100%; height: 100%; position: relative; -ms-overflow-x: hidden; min-width: 320px;
}
.right_wrap .bg {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 501; opacity: 0.7;
}
.right_wrap .right_area {
	top: 0px; width: 100%; right: -100%; position: absolute; z-index: 510;
}
.right_wrap .right_area > .height_finder {
	width: 100%; height: 0px;
}
.right_area .top_area {
	width: 100%; height: 66px; overflow: hidden; position: relative;
}
.right_area .top_area .close_bn {
	float: right;
}
.right_area .metros {
	background: rgb(143, 193, 207); padding: 20px 0px; width: 100%; overflow: hidden;
}
.right_area .metros > div {
	width: 25%; text-align: center; float: left;
}
.right_area .metros > div a {
	display: block;
}
.right_area .metros > div a img {
	margin: 0px auto; width: 80px; height: 80px; text-align: center;
}
.sub_lnb_wrap {
	background: rgb(255, 255, 255); left: 0px; top: 66px; width: 100%; height: 41px; border-top-color: rgb(130, 133, 141); border-bottom-color: rgb(130, 133, 141); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: fixed; z-index: 180;
}
.sub_lnb {
	margin: 0px auto; width: 100%; height: 41px; position: relative; min-width: 320px; max-width: 640px;
}
.sub_lnb > div {
	width: 50%; height: 100%; float: left; position: relative;
}
.sub_lnb > div.depths_01 {
	background: url("/img/jm_sub_lnb_bg_01.gif") repeat-y right 0px;
}
.sub_lnb > div.depths_02 {
	background: url("/img/jm_sub_lnb_bg_01.gif") repeat-y left 0px;
}
.sub_lnb > div p.title {
	width: 100%; height: 100%;
}
.sub_lnb > div p.title > .txt {
	color: rgb(4, 10, 27); line-height: 41px; text-indent: 10px; font-size: 15px; font-weight: bold; float: left; display: block;
}
.sub_lnb > div p.title > .arrow {
	margin-right: 8px; float: right; display: block;
}
.sub_lnb > div p.title > .arrow img {
	padding-top: 17px;
}
.sub_lnb > ul {
	top: 41px; width: 50%; height: 0px; position: absolute; -ms-overflow-x: hidden; -ms-overflow-y: auto;
}
.sub_lnb > ul.lnb_ul li {
	background: rgb(238, 238, 238); width: 100%; font-size: 15px; border-bottom-color: rgb(218, 218, 218); border-bottom-width: 1px; border-bottom-style: solid;
}
.sub_lnb > ul.lnb_ul li.on {
	background: rgb(194, 147, 78);
}
.sub_lnb > ul.lnb_ul li.on > a {
	color: rgb(255, 255, 255);
}
.sub_lnb > ul.lnb_ul li > a {
	width: 100%; height: 32px; color: rgb(51, 51, 51); line-height: 32px; text-indent: 10px; font-size: 14px; display: block;
}
.sub_lnb > ul.lnb_ul li > a:active {
	background: rgb(194, 147, 78); color: rgb(255, 255, 255);
}
.sub_lnb > ul.ul_01 {
	left: 0px;
}
.sub_lnb > ul.ul_02 {
	right: 0px;
}
.sub_lnb > ul.ul_02 > li {
	left: 100%; top: 0px; width: 100%; position: absolute;
}
.sub_lnb > ul.ul_02 > li.li_01 {
	left: 0px;
}