@charset "euc-kr";
/* reset */
@import url(reset.css);

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

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


html, body {
	height: 100%;
}
body {
	text-align: center;
	width: 100%;
	font-size: 13px;
	font-family:"¸¼Àº°íµñ", "¸¼Àº°íµñbold", MALGUN, MALGUNBD, "³ª´®°íµñ", "³ª´®¹Ù¸¥°íµñ", NanumGothic, NanumBarunGothic, "µ¸¿ò", Dotum, sans-serif;
	color: #000;
	list-style: none;
	line-height: 1.7em;
	border: 0px solid blue;
	outline: 0;
	background: url(../make_img/common/sub_visual01.png) no-repeat center top;
	letter-spacing: -0.05em;
}

/* ½ºÅµ³×ºñ°ÔÀÌ¼Ç */
.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; 
	display: block;
	width: 100%;
	min-width: 1200px;
	padding: 0; 
	text-align: left;
	font-size: 1em; 
	border: 0px solid red;
}

/* »ó´Ü */
.header {
	background: url(../make_img/common/bg_topmenu.png) repeat-x left 55px;
	text-align: center;
}

.header_area {
	position: relative;
	width: 1200px;
	height: 169px;
	margin: 0 auto;
	border: 0px solid red;
}
.header_area .logo {
	padding: 18px 0 15px 0
}

.header_area .logo a,
.header_area .logo img {
	display: inline-block;
	vertical-align: bottom;
}

.gnb {
	position: absolute;
	top: 22px;
	right: 5px;
}

.gnb li {
	float: left;
	height: 12px;
	padding-right: 9px;
	margin-right: 9px;
	background: url(../make_img/common/icon_bar01.png) no-repeat right 1px;
}

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

.gnb li a,
.gnb li img {
	display: block;
}

#topmenu {
	border: 0px solid red;
}

#topmenu ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#topmenu ul li {
	float: left;
}

#topmenu ul li a,
#topmenu ul li img {
	display: block;
}

/* sub_comment_menu_list */
.sub_comment_menu_list {
	width: 1200px;
	height: 198px;
	margin: 0 auto;
	padding-top: 32px;
}

.sub_comment_menu_list .contents_word01 {
	position: relative;	
	height: 195px;
	float: left;
}

.sub_comment_menu_list .contents_word01 img {
	display: block;
}

.sub_comment_menu_list .contents_word01 .word_01 {
	display: none;
	margin-bottom: 20px;
}

.sub_comment_menu_list .contents_word01 .word_02 {
	display: none;
	margin-bottom: 10px;
}

.sub_comment_menu_list .contents_word01 .word_03 {
	display: none;
	margin: 0;
	padding: 0;
}

.right_menu_list01 {
	float: right;
	overflow: hidden;
	width: 180px;
	height: 204px;
	border: 0px solid red;
}

.right_menu_list01 li {
	display: none;
	float: left;
	width: 90px;
	height: 82px;
	margin-bottom: 20px;
}

.right_menu_list01 li a {
	display: block;
	width: 90px;
	height: 82px;
}



/* º»¹® */
.container {
	margin: 0;
	padding: 0;
	border: 0px solid red;
}



.container .contents_navigation {
	position: relative;
	width: 100%;
	height: 60px;
	background: #454544;
	overflow: hidden;
	z-index: -2;
	border: 0px solid red;
}

.container .contents_navigation .bg_green {
	position: absolute;
	top: 0;
	left: 50%;

	width: 10000px;
	height: 60px;
	background: #5a828d;
	margin-left: -450px;
	z-index: -1;
	border: 0px solid red;
}

.container .contents_navigation .contents_navigation_area {
	width: 1200px;
	height: 60px;
	margin: 0 auto;
	border: 0px solid red;
	overflow: hidden;
}

.container .contents_navigation .contents_navigation_area .icon_home {
	float: left;
	width: 88px;
	height: 60px;
	text-indent: -5000em;
	background: url(../make_img/common/icon_home.gif) no-repeat left top;
}

.container .contents_navigation .contents_navigation_area .sub_navigation_info {
	float: left;
	padding-left: 16px;
	padding-right: 20px;
	height: 60px;
	line-height: 60px;
	font-size: 15px;
	font-weight: bold;
	color: #9a9a99;
	background: #454544 url(../make_img/common/bg_navi02.gif) no-repeat right top;
	border: 0px solid red;
}

.container .contents_navigation .contents_navigation_area .sub_navigation_info span {
	display: block;
	height: 60px;
	padding-right: 16px;
	background: #454544;
}

.container .contents_navigation .contents_navigation_area .sub_navigation_info span img {
	display: inline-block;
	vertical-align: middle;
}

.container .contents_navigation .contents_navigation_area strong {
	position: relative;
	float: left;
	height: 60px;
	padding-left: 34px;
	line-height: 60px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin-left: -20px;
	background: url(../make_img/common/bg_navi03.gif) no-repeat left top;
	border: 0px solid red;
	z-index: 1;
}

.container .contents_navigation .contents_navigation_area strong img {
	display: inline-block;
	vertical-align: middle;
}

.container_area {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding-top: 35px;
	padding-bottom: 65px;
	border: 0px solid red;
	overflow: hidden;
}

.lnb {
	float: left;
	width: 208px;
	margin-left: 9px;
}

.user_info {
	position: relative;
	width: 122px;
	min-height: 55px;
	border: 1px solid #e1e1e1;
	border-bottom: none;
	padding-top: 12px;
	padding-left: 14px;
	padding-right: 70px;
	padding-bottom: 10px;
}

.user_info .welcome_info {
	padding-top: 14px;
	color: #939393
	font-family: "¸¼Àº°íµñ", MALGUN, NanumBarunGothic, "µ¸¿ò", Dotum, sans-serif;
}

.user_info .welcome_info .point_color01 {
	color: #0c63af;
}
.user_info .welcome_info .point_color02 {
	color: #3c3c3c;
}

.user_info .btn_logout {
	position: absolute;
	top: 12px;
	right: 8px;
}

.lnb_menu_area {
	margin: 0 0 10px 0;
	padding: 0;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;

}

.lnb_menu_area h2 {
	background: #f47a5d;
	height: 35px;
}

.lnb_menu_area h2 a {
	display: block;
	height: 35px;
	padding-left: 24px;
	font-size: 14px;
	line-height: 35px;
	color: #fff;
	font-weight: bold;
}

.lnb_menu_area .lnb_menu01 {
	margin: 0;
	padding: 0;
}

.lnb_menu_area .lnb_menu01 li {
	margin: 0;
	padding: 0;
}

.lnb_menu_area .lnb_menu01 li a {
	display: block;
	height: 35px;
	padding-left: 24px;
	line-height: 35px;
	color: #757575;
	font-size: 14px;
	background: #f6f6f6;
	border: 1px solid #e1e1e1;
	border-bottom: 0;
	font-weight: bold;
}

.lnb_menu_area .lnb_menu01 li a:hover,
.lnb_menu_area .lnb_menu01 li.menu_on a {
	display: block;
	height: 35px;
	padding-left: 24px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
	background: #f47a5d;
	border: 1px solid #f47a5d;
	border-bottom: 0;
	font-weight: bold;
}


.lnb_menu_area .lnb_menu01 ul {
	background: #fff;
	padding-top: 13px;
	padding-left: 34px;
	padding-bottom: 6px;
	border: 1px solid #d7d7d7;
	border-bottom: 0;
}

.lnb_menu_area .lnb_menu01 ul li {
	display: block;
	padding-bottom: 7px;	
}

.lnb_menu_area .lnb_menu01 ul li a {
	display: block;
	background: #fff;
	border-bottom: 0;
	height: auto;
	padding-left: 9px;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	color: #757575;
	border: 0;
	background: url(../make_img/common/icon_bullet03.gif) no-repeat left 5px;
}

.lnb_menu_area .lnb_menu01 ul li a:hover, 
.lnb_menu_area .lnb_menu01 ul li.menu_on a {
	display: block;
	background: #fff;
	border-bottom: 0;
	height: auto;
	padding-left: 9px;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	color: #757575;
	border: 0;
	background: url(../make_img/common/icon_bullet03.gif) no-repeat left 5px;
}

.lnb_select {
	margin-bottom: 7px;
}

.lnb_select select {
	height: 33px;
	width: 208px;
	border: 1px solid #a7a7a7;
}


.lnb_menu_area .lnb_menu02 {
	background: #f6f6f6;
	border: 1px solid #e1e1e1;
	border-top: 0;
	padding-top: 16px;
	padding-left: 34px;
	padding-bottom: 7px;
}

.lnb_menu_area .lnb_menu02 li {
	display: block;
	padding-bottom: 7px;	
}

.lnb_menu_area .lnb_menu02 li a {
	display: block;
	line-height: 14px;
	color: #757575;
	font-weight: bold;
	padding-left: 7px;
	font-size: 13px;
	font-family: "¸¼Àº°íµñ", MALGUN, NanumBarunGothic, "µ¸¿ò", Dotum, sans-serif;
	background: url(../make_img/common/icon_bullet03.gif) no-repeat left 5px;
}	

.lnb_menu_area .lnb_menu02 li a:hover {
	text-decoration: underline;
}

.contents {
	float: right;
	width: 931px;
	margin-right: 9px;
}

.contents h1 {
	font-size: 27px;
	line-height: 30px;
	color: #3c3c3c;
	font-weight: bold;
	margin-bottom: 40px;
}

/* ÇÏ´Ü */
.footer {
	border-top: 1px solid #dfdfdf
}


.footer_area {
	position: relative;
	width: 966px;
	margin: 0 auto 0 auto;
	padding-top: 30px;
	padding-left: 170px;
	padding-bottom: 30px;
}

.footer_area h3 {
	position: absolute;
	top: 36px;
	left: 0;
	width: 147px;
	height: 23px;
	background: url(../make_img/common/icon_footer_bar01.gif) no-repeat right top;
}

.footer_area h3 img {
	display: block;
}

.footer_menu {
	position: absolute;
	top: 50px;
	right: 0;
	margin-bottom: 4px;
}

.footer_menu li {
	float: left;
	padding-right: 7px;
	margin-right: 4px;
	background: url(../make_img/common/icon_footer_bar02.gif) no-repeat right center;
}

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


.footer_menu li a {
	display: block;
	color: #444447;
	font-weight: bold;
}

.copyright {
	margin-bottom: 4px;
}

.copyright img {
	display: block;
}

.company_info,
.company_info img {
	display: block;
}