@charset "utf-8";
/*
 *  M-STAY KMJ
 *  2015.01.23 start
 *  2015.06.26수정
 */


@import url(layout.css);
@import url(sub.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Roboto);
@font-face {
	font-family: Nanum;
	src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format("embedded-opentype"), url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format("woff2"), url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format("woff"), url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: NanumBold;
	src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format("embedded-opentype"), url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format("woff2"), url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format("woff"), url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: NanumExbold;
	src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format("embedded-opentype"), url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format("woff2"), url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format("woff"), url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format("truetype");
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(http://fonts.gstatic.com/s/roboto/v15/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family: 'RobotoDraft';
	font-style: normal;
	font-weight: 400;
	src: local('RobotoDraft'), local('RobotoDraft-Regular'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni4gp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni7rIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
	font-family: 'RobotoDraft';
	font-style: normal;
	font-weight: 500;
	src: local('RobotoDraft Medium'), local('RobotoDraft-Medium'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwXJuJo8UJJfpGKt7pXjBv4s.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwaTA90I55Xt7owhZwpPnMsc.woff) format('woff');
}
@font-face {
	font-family: 'RobotoDraft';
	font-style: normal;
	font-weight: 700;
	src: local('RobotoDraft Bold'), local('RobotoDraft-Bold'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-Vwf79_ZuUxCigM2DespTnFaw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwRbnBKKEOwRKgsHDreGcocg.woff) format('woff');
}
@font-face {
	font-family: 'RobotoDraft';
	font-style: italic;
	font-weight: 400;
	src: local('RobotoDraft Italic'), local('RobotoDraft-Italic'), url(https://fonts.gstatic.com/s/robotodraft/v1/er-TIW55l9KWsTS1x9bTfgeOulFbQKHxPa89BaxZzA0.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/er-TIW55l9KWsTS1x9bTfoo3ZslTYfJv0R05CazkwN8.woff) format('woff');
}

/******** html5 *********/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
/******** reset태그 초기화 *********/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, a, button, select {
	margin: 0;
	padding: 0;
}
em, address {
	font-style: normal
}
/******** HTML5 display-role reset for older browsers *********/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background: #fff;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: none
}
hr, legend, caption {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 1px;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
header label {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 1px;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
a {
	text-decoration: none;
}
a {
	color: #444;
	cursor: pointer;
}
a:hover, a:active, a:link, a:visited {
	text-decoration: none;
	cursor: pointer;
}
a:focus {
	outline: 1px dotted #a0a0a0;
}
a img {
	border: 0;
}
/************* Common *************/

body, input, textarea, select, button, table {
	font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	color: #666;
	font-size: 12px;
	line-height: 1.75em;
	word-break: break-all;
	-webkit-text-size-adjust: none
}
body {
	line-height: 1.75em;
	word-break: break-all;
	scrollbar-face-color: rgba(204,204,204,1);
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #ececec;
	scrollbar-3dlight-color: #999;
	scrollbar-arrow-color: #999;
	scrollbar-track-color: #f7f7f7;
	scrollbar-darkshadow-color: #999;
}
img, fieldset, iframe, button {
	border: 0
}
img {
	max-width: 100%;
	vertical-align: top
}
input, select, button {
	vertical-align: middle
}
strong, em {
	font-weight: bold;
	font-style: normal;
}
h1 {
	position: absolute;
	width: 135px;
	z-index: 10;
	top: 23px;
	left: 4px;
}
h3 {
	font-size: 30px;
	font-weight: 600;
	line-height: 24px;
	color: #333;
}
#gnb select {
	font-size: 11px;
	font-family: Verdana, sans-serif, 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum;
	color: #CCC;
	background: #333;
	border: 1px solid #636363;
	width: 125px;
	height: 20px;
	padding: 2px;
	vertical-align: middle;
	margin: 0;
}
#gnb option {
	padding: 2px;
}
/************* 서브 LEFT BANNER 공통 *************/
.left .banner {
	width: 175px;
	float: left;
	margin-top: 60px;
}
.left .banner li {
	margin-bottom: 5px;
}
.left .banner li a {
	display: block;
	border: 2px solid rgba(204,204,204,0.5);
	padding: 15px;
	text-indent: 50px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	background: url(../images/icon_banner01.png) no-repeat;
	transition-duration: 0.6s;
}
.left .banner .b01 a {
	background-position: 18px -110px !important;
}
.left .banner .b01 a:hover, .left .banner .b01 a:focus {
	background-position: 18px -174px !important;
	color: #ff6600;
	border: 2px solid #ff6600;
}
.left .banner .b02 a {
	background-position: 18px -234px !important;
}
.left .banner .b02 a:hover, .left .banner .b02 a:focus {
	background-position: 18px -298px !important;
	color: #ff6600;
	border: 2px solid #ff6600;
}
.left .banner .b03 a {
	background-position: 18px -360px !important;
}
.left .banner .b03 a:hover, .left .banner .b03 a:focus {
	background-position: 18px -428px !important;
	color: #ff6600;
	border: 2px solid #ff6600;
}
.left .banner .b04 {
	display: block;
	border: 2px solid rgba(204,204,204,0.5);
	padding: 15px 5px 10px;
}
.b04 .b_customer {
	display: inline-block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 0.4em;
	font-weight: bold;
	color: #fc666;
	font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif;
}
/************* 보이지않게 *************/
.blind {
	position: absolute;
	height: 1px;
	text-indent: -9999em;
	overflow: hidden;
	visibility: hidden;
	z-index: -1;
}
.underline {
	text-decoration: underline;
}
/************* 탭메뉴 *************/
.tab_menu01 li {
	float: left;
	margin-right: 2px;
}
.tab_menu01 li a {
	display: block;
	background: rgb(204,204,204);
	border: 2px solid rgb(204,204,204);
	padding: 1px 8px;
	font-size:11px;
	font-weight: bold;
	transition-duration: 0.4s;
}
.tab_menu01 li a:hover, .tab_menu01 li a:focus, .tab_menu01 li.on a {
	border: 2px solid #515151;
	background: #515151;
	color: #fff;
	transition-duration: 0.4s;
	transition-timing-function: ease-out;
	transition-delay: 0.15s;
}
/************* input폼 *************/
input {
	border: 1px solid #CCC;
	padding: 0 4px;
	height: 24px;
}
input:hover, input:focus {
	border: 1px solid #999;
	background: rgba(204,204,204,0.2);
	padding: 0 4px;
	height: 24px;
}
/************* file_input꾸밈 *************/
.file_input {
	position: relative;
	width: 80px;
	height: 30px;
	overflow: hidden;
	float: left;
}
.fileup_btn {
	cursor: pointer;
	background: #fff;
	width: 75px;
	height: 24px;
	position: absolute;
	top: 4px;
	color: #666;
	font-weight: bold;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 12px;
	margin-left: 3px;
}
.fileup_btn span {
	display: block;
}
.real_file {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
/************* skipnavigation *************/
.skipnavi {
	position: relative;
	text-align: center;
}
.skipnavi strong {
	display: block;
	font-weight: bold;
	height: 0;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	width: 0;
}
.skipnavi a {
	display: block;
	font-weight: bold;
	height: 0;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	width: 0;
}
.skipnavi a:focus, .skipnavi a:active {
	width: 100%;
	height: 19px;
	padding: 5px 0 0;
	overflow: hidden;
	background: #006cb8;
	color: #fff;
}
/************* BACKGROUND *************/
.bgcircle01 {
	background: url("../images/bg_operating01.png");
}
.bgcircle02 {
	background: url("../images/bg_operating01.png") no-repeat 45px 15px;
	padding: 55px 5px 0;
}
.btn_group {
	position: relative;
	padding: 15px 0;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.btn_set {
	display: inline-block;
	padding: 0 25px;
	text-align: left;
	vertical-align: middle;
	margin: 0 3px;
}
.btn_typeA {
	background: rgba(111,110,110,0.85);
	color: #fff;
	font-weight: bold;
	border: 1px solid rgba(111,110,110,1.0);
}
.btn_typeA:hover, .btn_typeA:focus {
	background: rgba(255,102,0,0.85);
	color: #fff;
	font-weight: bold;
	border: 1px solid rgba(255,102,0,1.0);
}
.btn_typeB {
	background: rgb(153,153,153);
	color: #fff;
	font-weight: bold;
	border: 2px solid rgb(153,153,153);
}
.btn_typeB:hover, .btn_typeB:focus {
	background: none;
	border: 2px solid rgb(153,153,153);
}
a.btn_typeB:hover span, a.btn_typeB:focus span {
	color: #666 !important;
}
.btn_typeC {
	background: #8a7d6f;
	color: #fff;
	font-weight: bold;
	border: 2px solid #8a7d6f;
}
.btn_typeC:hover, .btn_typeC:focus {
	border: 2px solid #8a7d6f;
	background: none;
}
a.btn_typeC:hover span, a.btn_typeC:focus span {
	color: #6e593f !important;
}
.btn_typeD {
	background: #8a7d6f;
	color: #fff;
	font-weight: bold;
	margin-top: -6px;
}
.btn_typeE {
	color: #999;
	vertical-align: middle;
}
.btn_typeE a {
	display: inline-block;
	text-align: center;
	padding: 2px 0 2px 8px;
	line-height: 1.4em;
	border: 1px solid #636363;
}
.btn_set span {
	display: block;
	padding: 1px 0 4px;
	margin: 2px 0;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 21px;
}
.btn_typeF {
	display: inline-block;
	width: 97px;
	height: 97px;
	background: url("../images/bg_operating01.png") no-repeat;
	color: #fff;
	text-align: center;
}
.a01 .btn_typeF {
	background-position: 0 0;
}
.a02 .btn_typeF {
	background-position: -393px 0;
}
.btn_typeG {
	background: rgba(111,110,110,0.85);
	border: 1px solid rgba(111,110,110,0.9);
	font-weight: bold;
}
.btn_typeG:hover, .btn_typeG:focus {
	background: rgba(255,115,50,0.9);
	color: #fff;
	border: 1px solid rgba(255,115,50,1.0);
}
.btn_typeH {
	background: rgba(111,110,110,0.85);
	border: 1px solid rgba(111,110,110,0.9);
	color: #fff;
	font-weight: bold;
}
.btn_typeH:hover, .btn_typeH:focus {
	background: rgba(51,51,51,0.85);
	color: #fff;
	border: 1px solid rgba(51,51,51,1.0);
}
/************* PAGING 게시판 목록 리스트 페이징 *************/
.list_paging {
	padding-top: 20px;
	text-align: center;
	margin: 0 auto;
}
.list_paging .arrow {
	display: inline-block;
	width: 22px;
	height: 21px;
	line-height: 0;
	font-size: 0px;
	vertical-align: middle;
	background: url("../images/btn_mix01.png") no-repeat;
	margin-top: 1px;
	cursor: pointer;
}
.first .arrow {
	background-position: 0 -52px;
}
.prev .arrow {
	background-position: -31px -52px;
	margin-left: -4px;
}
.last .arrow {
	background-position: 0 -112px;
}
.next .arrow {
	background-position: -31px -112px;
	margin-right: -4px;
}
.list_paging .page a, .list_paging .page strong {
	min-width: 19px;
	padding: 1px 3px 2px;
	display: inline-block;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.1em;
	color: #666;
	cursor: pointer;
}
.list_paging .page strong {
	color: #ff9933;
	border: 1px solid #ff9933;
}
.list_paging .page a:hover, .list_paging .page a:focus {
	color: #ff9933;
	text-decoration: underline;
}
/************* LINE *************/
.line00 {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #ccc;
}
.line01 {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.line02 {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.line03 {
	border-top: 2px solid #666;
	padding: 7px 0 3px;
}
.line04 {
	border-bottom: 2px solid #666;
	padding: 7px 0 3px;
}
.line05 {
	border: 1px solid #CCC;
}
.box_line01 {
	display: block;
	border: 13px solid #6f6e6e;
	padding: 5px 20px;
	color: #666;
}
.box_line02 {
	display: block;
	border: 13px solid #b5b5b5;
	padding: 5px 20px;
	color: #666;
}
/************* 상단 바있는 텍스트 *************/
.bar01 {
	font-size: 16px;
	font-weight: 600;
	background: url("../images/bar01.gif") no-repeat 2px top;
	padding-top: 5px;
	color: #333;
	padding-bottom: 10px;
	line-height: 1.5em;
}
.bar02 {
	background: url("../images/bar01.gif") no-repeat 2px top;
	padding-top: 2px;
	padding-bottom: -30px;
	padding-left: 2px;
	margin-top: 10px;
}
/************* 불릿 *************/
.bul01 {
	background: url("../images/bul_square01.gif") no-repeat 0 75%;
	padding-left: 7px;
}
.bul02 {
	background: url("../images/bul_plus01.gif") no-repeat 0 75%;
	padding-left: 7px;
}
.bul03 dd, .bul03 li {
	background: url("../images/bul_square01.gif") no-repeat 0 75%;
	padding-left: 7px;
}
.check01 {
	display: inline-block;
	overflow: hidden;
	background: url("../images/bul_check01.png") no-repeat left top;
	margin: 0 5px;
	font-size: 0;
	width: 9px;
	height: 6px;
}
/************* 간격조절 *************/
.mt030 {
	margin-top: -30px !important;
}
.mt020 {
	margin-top: -20px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mr55 {
	margin-right: 55px !important;
}
.mr70 {
	margin-right: 70px !important;
}
.mr150 {
	margin-right: 150px !important;
}
.mr250 {
	margin-right: 250px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml250 {
	margin-left: 250px !important;
}
.ml060 {
	margin-left: -60px !important;
}
.pt6 {
	padding-top: 6px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pt70 {
	padding-top: 70px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pl8 {
	padding-left: 8px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl140 {
	padding-left: 140px !important;
}
.pl195 {
	padding-left: 195px !important;
}
.pl220 {
	padding-left: 220px !important;
}
.pl250 {
	padding-left: 250px !important;
}
.pl360 {
	padding-left: 360px !important;
}
.pl420 {
	padding-left: 420px !important;
}
.pl335 {
	padding-left: 335px !important;
}
/************* 사이즈조절 *************/
.h100 {
	height: 100%
}
.w380 {
	width: 380px;
}
.w325 {
	width: 325px;
}
.w290 {
	width: 290px;
}
.w410 {
	width: 410px;
}
.w480 {
	width: 480px;
}
.w45 {
	width: 45px;
}
.w60 {
	width: 60px;
}
.w85 {
	width: 85px;
}
.w95 {
	width: 95px;
}
.w100 {
	width: 100px;
}
.w150 {
	width: 150px;
}
.w205 {
	width: 205px;
}
.w590 {
	width: 590px;
}
/************* 위치조절 *************/
.center {
	margin: 0 auto;
	text-align: center;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.clear {
	clear: both;
}
.clear::after, .clear::before {
	content: " ";
	display: block;
	clear: both;
}
.tar {
	text-align: right;
}
.tal {
	text-align: left;
}
/************* 이미지대신 강조폰트 *************/
.txt00 {
	line-height: 1.02em;
	font-weight: 600;
	font-size: 2em;
	color: #333;
}
.txt01 {
	font-family: 'Roboto', sans-serif, 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum;
	line-height: 1.02em;
	font-weight: 700;
	font-size: 3.7em;
}
.txt02 {
	line-height: 1.4em;
	font-weight: 600;
	font-size: 1.4em;
	color: #333;
}
.txt03 {
	font-family: 'Roboto', sans-serif, 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum;
	line-height: 1.02em;
	font-weight: 700;
	font-size: 4.2em;
}
.txt04 {
	font-family: 'Roboto', sans-serif, 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum;
	font-weight: 700;
	font-size: 1.2em;
}
.txt05 {
	font-family: 'Roboto', sans-serif, 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum;
	line-height: 1.02em;
	font-weight: 700;
	font-size: 5em;
}
.txt06 {
	font-family: 'Roboto', sans-serif, 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum;
	line-height: 1.02em;
	font-weight: 700;
	letter-spacing: 0.15em;
}
.txt07 {
	font-family: 'Roboto', sans-serif, 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum;
	font-weight: 100;
}
.txt08 {
	font-family: 'Roboto', sans-serif, 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum;
	font-weight: 700;
	font-size: 5.8em;
}
.txt09 {
	font-family: 'Roboto', sans-serif, 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum;
	font-weight: 700;
}
.txt10 {
	font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif;
}

/************* 내용 강조폰트 *************/
.strong, .bold {
	font-weight: bold;
}
.emphasis01 {
	color: #ff6600;
	font-weight: 700;
	font-size: 1.2em;
}
.emphasis02 {
	font-weight: 700;
	font-size: 1.1em;
}
/************* 폰트사이즈조절 *************/
.fs0-4em {
	font-size: 0.4em;
}
.fs0-6em {
	font-size: 0.6em;
}
.fs0-8em {
	font-size: 0.8em;
}
.fs0-9em {
	font-size: 0.9em;
}
.fs1-1em {
	font-size: 1.1em;
}
.fs1-2em {
	font-size: 1.2em;
}
.fs1-3em {
	font-size: 1.3em;
}
.fs1-5em {
	font-size: 1.5em;
}
.fs2em {
	font-size: 2em;
}
.fs2-5em {
	font-size: 2.5em;
}
.fs3-7em {
	font-size: 3.7em;
}
.fs5em {
	font-size: 5em;
}
.lineh1-0 {
	line-height: 1.0em
}
.lineh1-5 {
	line-height: 1.5em
}
.lineh2 {
	line-height: 2em
}
.lineh0-7 {
	line-height: 0.7em
}
/************* 폰트컬러조절 *************/
.fc333 {
	color: #333;
}
.fc999 {
	color: #999;
}
.fcff6600 {
	color: #ff6600;
}
.fcfff {
	color: #fff;
}
.fcf98b2a {
	color: #f98b2a;
}
/************* 테이블타입 *************/
table {
	border-collapse: collapse;
}
.tabletype01 {
	border-top: 2px solid #666 !important;
	border-bottom: 2px solid #666 !important;
}
.tabletype01 thead th {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px;
	background: rgba(238, 238, 238, 0.7);
	color: #666;
}
.tabletype01 .thead01 td {
	border-bottom: 0 !important;
}
.tabletype01 .tbody01 td:last-child {
	border-top: 1px solid #ccc !important;
}
.tabletype01 .tbody01 th {
	font-weight: bold;
}
.tabletype01 thead th:first-child {
	border-left: 0 none;
}
/*20161004추가start*/
.tabletype01 tbody .tline01 {
	border-bottom: 1px solid #ccc !important;
	border-top: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
}
/*20161004추가end*/
.tabletype01 thead .bline02 {
	border-right: 0 none !important;
}
.tabletype01 tbody .bline02 {
	border-right: 0 none !important;
}
.tabletype01 thead .bline01 th {
	border-top: 1px solid #ccc !important;
	background: rgba(238, 238, 238, 0.3);
	color: #666;
}
.tabletype01 tbody th {
	border-bottom: 1px solid #ccc !important;
	border-top: 1px solid #ccc !important;
	font-weight: normal;
	background: rgba(238, 238, 238, 0.6);
	color: #666;
}
.tabletype01 td {
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
}
.tabletype01 td:first-child {
	text-indent: 2em;
	text-align: left !important;
	border-left: 0 none !important;
}

/*20161004추가start*/
.btn_position01 {margin-top:-35px;}
.tabletype02 {
	border-top: 2px solid #666 !important;
	border-bottom: 2px solid #666 !important;
}
.viewtable .tabletype02 {
	border: 0 none !important;
}
.viewtable .tabletype02 tbody {
	border-top: 2px solid #666 !important;
	border-bottom: 2px solid #666 !important;
}
.tabletype02 .detail_view th {
	border-bottom: 1px solid #ccc;
	padding: 5px;
	background: rgba(238, 238, 238, 0.7);
	color: #666;
	text-align: left;
	text-indent:20px;
}
.tabletype02 .detail_view td {
	border-bottom: 1px solid #ccc;
	padding: 5px 20px;
	color: #666;
	text-align: left;
}
.tabletype02 thead th:first-child {
	border-left: 0 none;
}
.tabletype02 tbody .tline01 {
	border-bottom: 1px solid #ccc !important;
	border-top: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
}
.tabletype02 thead .bline02 {
	border-right: 0 none !important;
}
.tabletype02 tbody .bline02 {
	border-right: 0 none !important;
}
.tabletype02 thead .bline01 th {
	border-top: 1px solid #ccc !important;
	background: rgba(238, 238, 238, 0.3);
	color: #666;
}
.tabletype02 thead th {
	border-bottom: 1px solid #ccc !important;
	border-top: 1px solid #ccc !important;
	border-left: 0 none !important;
	border-right: 0 none !important;
	font-weight: normal;
	background: rgba(238, 238, 238, 0.6);
	color: #666;
}
.tabletype02 td {
	border-bottom: 1px solid #ccc !important;
	border-top: 0 none !important;
	border-left: 0 none !important;
	border-right: 0 none !important;
	padding: 5px;
	text-align: center;
}
.tabletype02 td a {
	color: #666;
}
.tabletype02 tbody td .center {
	text-align: center !important;
}
.tabletype02 td:first-child {
	border-left: 0 none !important;
}
.tabletype02 .view {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 2px 5px;
	color: #8a7d6f;
	font-weight: bold;
	line-height: 1.2em;
}

/*20161004추가end*/

/************* div박스 *************/
.tbox {
	width: 735px;
	height: 130px;
	margin-bottom: 10px;
	padding: 15px 15px 8px;
	background: #efefef;
	border: 1px solid rgba(204,204,204,0.3);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow-y: scroll;
}
.tbox01 {
	width: 360px;
	margin-bottom: 10px;
	padding: 40px 0 80px;
	background: #efefef;
	border: 1px solid rgba(204,204,204,0.3);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/************* 상담폼 *************/
.qna_form label {
	display: block;
	width: 130px;
	margin: 4px 0 10px;
	font-weight: bold;
	float: left;
}
.qna_form input {
	border: 1px solid #CCC;
	margin: 4px 0 10px;
	padding: 0 4px;
	height: 24px;
}
.qna_form select {
	border: 1px solid #CCC;
	margin: 3px 0 10px;
	padding: 2px;
	height: 26px;
}
.qna_form textarea {
	border: 1px solid #CCC;
	margin: 4px 0 10px;
	padding: 0 0 0 4px;
	height: 130px;
	ime-mode: active;
}
.qna_form .btn_group {
	border-top: 2px solid #666;
}
/************* banner-slide (J-QUERY연동) *************/
#banner-slide {
	position: relative;
}
ul.bjqs {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: none;
}
li.bjqs-slide {
	position: absolute;
	display: none;
}
ul.bjqs-controls {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 9999;
}
ul.bjqs-controls.v-centered li a {
	position: absolute;
}
ul.bjqs-controls.v-centered li.bjqs-next a {
	right: 0;
	display: block;
	width: 33px;
	height: 33px;
	background: url("../images/icon_arrow02.png") 0 -80px no-repeat;
	font-size: 0;
	margin-right: 8px;
}
ul.bjqs-controls.v-centered li.bjqs-prev a {
	left: 0;
	display: block;
	width: 33px;
	height: 33px;
	background: url("../images/icon_arrow02.png") 0 -120px no-repeat;
	font-size: 0;
	margin-left: 8px;
}
ul.bjqs-controls.v-centered li.bjqs-next a:hover, ul.bjqs-controls.v-centered li.bjqs-next a:focus {
	right: 0;
	display: block;
	width: 33px;
	height: 33px;
	background: url("../images/icon_arrow02.png") 0 0 no-repeat;
	font-size: 0;
	margin-right: 8px;
}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover, ul.bjqs-controls.v-centered li.bjqs-prev a:focus {
	left: 0;
	display: block;
	width: 33px;
	height: 33px;
	background: url("../images/icon_arrow02.png") 0 -40px no-repeat;
	font-size: 0;
	margin-left: 8px;
}
ol.bjqs-markers {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	display: none;
}
p.bjqs-caption {
	display: block;
	width: 96%;
	margin: 0;
	padding: 2%;
	position: absolute;
	bottom: 0;
}
.copy_box {
	z-index: 31;
	position: absolute;
	top: 100px;
	left: 230px;
	width: 295px;
	height: 155px;
	background: rgba(0,0,0,0.5);
}
.copy_box dl dd {
	border-top: 1px solid rgba(255,255,255,0.3);
	padding-top: 5px;
	margin: 0 30px 0
}
/************* 알림 레이어팝업창 *************/
/* Custom styles for popin & close button */
.custom {
	color: #555;
	font-size: 14px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.custom p {
	font-weight: bold;
	font-size: 3.7em;
	margin: 50px auto 35px;
	font-weight: 800;
	text-align: center;
}
.custom .popmessage {
	width: 35%;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
}
.avgrund-popin {
	position: fixed;
	background: #fff;
	padding: 10px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 50%;
	left: 50%;
	z-index: 1000;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .5);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.avgrund-overlay {
	background: #000;
	position: absolute;
	width: 100%;
	height: 20000px;
	top: 0;
	left: 0;
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}
body.avgrund-ready, .avgrund-ready .avgrund-popin, .avgrund-ready .avgrund-overlay {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	-ms-transition: 0.3s all ease-out;
	-o-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
body.avgrund-active {
	-webkit-transform: scale(0.97);
	-moz-transform: scale(0.97);
	-ms-transform: scale(0.97);
	-o-transform: scale(0.97);
	transform: scale(0.97);/*******overflow: hidden; /* TIP: disables scrolling for long documents*/
}
.avgrund-active .avgrund-popin {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.avgrund-active .avgrund-overlay {
	visibility: visible;
	opacity: .5;
	filter: alpha(opacity=50);
}
.avgrund-popin.stack {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.avgrund-active .avgrund-popin.stack {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.avgrund-active .avgrund-blur {
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	-o-filter: blur(0px);
	filter: blur(0px);
}
.avgrund-wrap-inner {
	position: relative;
	overflow: hidden;
	height: 100%;
}
/* Optional close button styles */
.avgrund-close {
	display: block;
	background: url("../images/btn_mix01.png") no-repeat 2px -170px;
	width: 38px;
	height: 38px;
	padding: 1px;
	font-size: 0;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	top: 6px;
	right: 10px;
}