@charset "utf-8";

/* ===============================================
Date : 2015.02.10
Description : TRiTO Vison 2.0
=============================================== */

/** Layout **/
#jb-container {
	margin: 0px auto;
	padding: 0px;
	border: 0px solid #bcbcbc;
	float: center;
}

#jb-header {
	background: url("../images/common/top_line.png") no-repeat right bottom;
	height: 82px;
	float: center;
	min-width: 1300px;
}

#jb-content {
	margin-bottom: 20px;
	width: 100%;
	min-width: 1300px;
}
/**#jb-sidebar { width: 200px; padding: 20px; margin-bottom: 20px; float: left; border: 1px solid #bcbcbc; }**/
#jb-footer {
	clear: both;
	padding: 15px;
	border-top: 1px solid #bfbfbf;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-size: 11px;
	text-align: center;
	color: #9c9b9b;
	min-width: 1300px;
}

* {
	margin: 0;
	padding: 0;
	line-height: 117%;
}

html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	scroll-x:hidden;
}

html> /**/ body {
	overflow-y: auto;

}

body {
	color: #666;
	font-size: 12px;
	font-family: 나눔고딕, NanumGothic, ng, 'NanumGothicWeb';
	background: #fff;
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #ccc;
	scrollbar-highlight-color: #ccc;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color: #B8B8B8;
}

div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, ol, th, td, p,
	blockquote, form, fieldset, input, legend {
	margin: 0;
	padding: 0;
}

legend {
	display: none
}

table, td, th {
	font-size: 11px;
}

table {
	clear: both;
	border-collapse: collapse;
	border-spacing: 0;
}

img, fieldset, iframe {
	border: 0 none;
}

img {
	-ms-interpolation-mode: bicubic;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(. . .);
}

dl, ul, ol, li {
	list-style: none;
	padding: 0;
	margin: 0;
}

img, fieldset, iframe {
	border: 0 none;
}

img, input, select, textarea {
	vertical-align: middle;
	font-size: 11px;
	color: #666
}

hr {
	display: none;
}

a {
	text-decoration: none;
	cursor: pointer;
}

a, button, input {
	selector-dummy: expression(this.hideFocus = true);
}

a:hover {
	color: #17549f;
	text-decoration: none;
}

em, address {
	font-style: normal;
}

button, label {
	cursor: pointer;
	_cursor /**/: hand;
}

label {
	margin-right: 7px;
	margin-left: 3px
}

*+html label {
	margin-left: 0
}

form {
	padding: 0;
	border: 0 none;
	font-size: 12px;
}

* html input {
	margin: -1px 0;
} /* ie6 ie7 input 1px */
*:first-child+html input {
	margin: -1px 0
} /* ie6 ie7 input 1px */
text {
	color: #5D6879;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal
}

a, a:active, a:focus, button {
	outline: none
}

select {
	height: 22px;
	line-height: 24px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal
}

:focus {
	outline: 0
}

.over {
	overflow: auto
}

/* 브라우저별 폰트적용 */
@font-face {
	font-family: NanumGothic;
	src: url("../images/font/NanumGothic.eot"); /*IE*/
	src: url("/resource/images/font/NanumGothic.eot?#iefix")
		format('embedded-opentype'),
		url("/resource/images/font/NanumGothic.woff") format('woff'),
		/*크롬,파이어폭스*/ 
		 url("/resource/images/font/NanumGothic.ttf") format('truetype'),
		/*사파리*/ 
	 font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: MalgunGothicBold;
	src: url("/resource/images/font/NanumGothicBold.eot"); /*IE*/
	src: url("/resource/images/font/NanumGothicBold.eot?#iefix")
		format('embedded-opentype'),
		url("/resource/images/font/NanumGothicBold.woff") format('woff'),
		/*크롬,파이어폭스*/ 
		 url("/resource/images/font/NanumGothicBold.ttf") format('truetype'),
		/*사파리*/ 
	 font-weight: normal;
	font-style: normal;
}

/** common **/
.clear {
	clear: both
}

.tC {
	text-align: center !important
}

.pl15 {
	padding-left: 15px;
}

.pt15 {
	padding-top: 15px;
}

.pl35 {
	padding-left: 35px;
}

.pr35 {
	padding-right: 35px;
}

.pt25 {
	padding-top: 25px;
}

.pt45 {
	padding-top: 45px;
}

/** color **/
.txt_ {
	color: #999;
}

.txt_B {
	color: #0054a7;
}

.txt_R {
	color: #e11d2b;
}

.txt_BB {
	color: #000;
	font-weight: bold;
}

.txt_Y {
	color: #f9b900;
}

.txt_G {
	color: #38b035;
}

.box_G {
	border: 1px solid #dbdbdb;
	background-color: #f5f5f4;
}

.box_W {
	border: 1px solid #dbdbdb;
	background-color: #FFF;
}

.line_G {
	border-top: 1px solid #c7c7c7;
	margin-top: 20px;
}

/** 상단로고 **/
h1 {
	text-indent: -2000px;
	background: url("../images/common/top_logo.png") no-repeat 0 0;
	width: 135px;
	height: 53px;
	position: absolute;
	top: 12px;
	float: right;
	cursor: pointer
}

/** 상단 오른쪽 정보 **/
.user_info {
	top: 4px;
	right: 15px;
	float: right;
	margin-top: 5px;
}

.user_info li {
	float: left;
	display: inline;
	background: url("../images/ico/ico_line.gif") no-repeat right 3px;
	font-size: 11px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	height: 30px;
}

.user_info li a {
	display: inline-block;
	color: #828282;
	font-size: 11px;
	font-family: tahoma;
	padding: 0 9px;
	vertical-align: bottom;
}

.user_info li a:hover {
	color: #222
}

.user_info li.no_line {
	background: none;
}

/** 상단 menu 정보 **/
.menu {
	padding-top: 37px;
	padding-left: 160px;
}

.menu li {
	float: left;
	height: 34px;
	background: url("../images/ico/ico_lnb_line.gif") no-repeat right 5px;
	color: #000;
	font-size: 18px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.menu li a {
	color: #000;
	font-size: 18px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	padding-right: 10px;
}

.menu li a:hover {
	color: #0545d7
}

.menu li.no_line {
	background: none;
}

/** Navigation **/
.nav {
	width: 100%;
	border-bottom: 1px solid #ebf0f2;
	height: 75px;
	float: left;
	background: #f9fafb url("../images/common/navi_bg.png") no-repeat right
		0px;
}

.nav .nav_Tit {
	padding-top: 20px;
	width: 100%;
}

.nav .nav_Tit li {
	width: 1200px;
	margin: 0 auto;
	padding-left: 20px;
}

.home {
	text-align: right;
	padding-right: 15px;
	margin-top: -30px;
}

.home .home_text img {
	margin-top: -4px;
	padding-right: 5px;
}

.home .home_text {
	text-align: right;
	color: #7f7f80;
	font-size: 11px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
}

.home .home_text span {
	font-weight: bold;
}

/** image 적용 **/
.main_visiual {
	margin-top: 0px;
	float: left;
	overflow: auto;
	width: 100%;
}

.main_visiual .fc_1 {
	background: #e8e8e8 url("../images/common/img_main.png") no-repeat;
	height: 397px;
	background-position: center 0;
}

.main_visiual .fc_2 {
	background: #e0e0e0 url("../images/common/img_main2.png") no-repeat;
	height: 397px;
	background-position: left 0;
}

/** main news **/
.m_news {
	height: 46px;
	width: 100%;
	border-bottom: 1px solid #bcbcbc;
	float: left;
}

.m_news li {
	padding: 16px 0px 16px 0px;
	color: #0054a7;
	font-size: 13px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.m_news li span {
	color: #999;
	padding-left: 12px;
	font-weight: normal;
}

.m_news li span.t_black {
	color: #000;
	padding-left: 20px;
	font-size: 13px;
	font-weight: normal;
}

.m_news li span.t_black a {
	color: #000;
}

.m_news li span.t_black a:hover {
	color: #0054a7;
}

/** Cont AD **/
.main_ad {
	width: 100%;
	float: center;
	color: #000;
}

.main_ad a {
	color: #000;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
}

.main_ad a:hover {
	color: #0054a7;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
}

.main_ad li {
	float: left;
}

.ad_si {
	padding: 16px 0px 16px 0px;
	color: #000;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	background: url("../images/common/ad_si.png") no-repeat right 35px;
	height: 175px;
	width: 235px;
}

.ad_si a {
	color: #000;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.ad_si p {
	padding-top: 5px;
	padding-right: 15px;
	color: #807e7e;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal;
}

.ad_ITO {
	padding: 16px 0px 16px 20px;
	color: #000;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	background: url("../images/common/ad_ITO.png") no-repeat right 35px;
	height: 175px;
	width: 235px;
}

.ad_ITO a {
	color: #000;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.ad_ITO p {
	padding-top: 5px;
	padding-right: 15px;
	color: #807e7e;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal;
}

.ad_BTO {
	padding: 16px 0px 16px 20px;
	color: #000;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	background: url("../images/common/ad_BTO.png") no-repeat right 35px;
	height: 175px;
	width: 235px;
}

.ad_BTO a {
	color: #000;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.ad_BTO p {
	padding-top: 5px;
	padding-right: 15px;
	color: #807e7e;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal;
}

.ad_recruit {
	padding: 16px 0px 16px 20px;
	color: #000;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	background: url("../images/common/ad_recruit.png") no-repeat right 35px;
	height: 175px;
	width: 235px;
}

.ad_recruit a {
	color: #000;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.ad_recruit p {
	padding-top: 5px;
	padding-right: 15px;
	color: #807e7e;
	font-size: 12px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal;
}

/** Sub IMG **/
.sub {
	width: 100%;
	padding-left: 100px;
}

.subpage {
	float: left !important;
	padding-top: 20px;
	padding-bottom: 20px;
	table-layout: fixed;
}

.subpage p {
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal;
	line-height: 150%;
	padding-top: 220px;
	padding-left: 30px;
}

.subpage p.box_G_2 {
	border: 1px solid #dbdbdb;
	background-color: #FFF;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-left: 0px;
	text-align: center;
}

.subpage p.pl_no {
	margin-top: 5px;
	padding-left: 0px;
	text-align: left;
}

.subpage p.pt_no {
	margin-top: 5px;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
}

.subpage li {
	float: left;
	display: inline;
	padding-left: 18px;
	background: url("../images/ico/bullet_B.png") no-repeat left 2px;
	text-align: left;
	background-position: 10px;
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal;
}

.subpage li span {
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}
/**.subpage .text_th {
	background:url(../images/ico/bullet_B.png) no-repeat left 2px ;text-align:left; background-position: 12px;
	padding-left:20px; padding-right:20px; height:40px;
	color:#444; font-size:14px; font-family:'NanumGothic',Dotum,Helvetica,AppleGothic,Sans-serif; font-weight: bold;
}**/
.sub1-2 table {
	margin-top: 220px;
	margin-bottom: 80px;
}

.sub1-2 th {
	background: url("../images/ico/bullet_B.png") no-repeat left top;
	text-align: left;
	background-position: 12px 19px;
	padding-left: 20px;
	padding-right: 30px;
	height: 40px;
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.sub1-2 .text_top {
	vertical-align: top;
	background: url("../images/ico/bullet_B.png") no-repeat left top;
	text-align: left;
	background-position: 12px 24px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 17px;
	padding-bottom: 12px;
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.sub1-2 td {
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal;
	line-height: 150%;
}

.sub1-1 {
	background: url("../images/sub/sub_1-1.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub1-2 {
	background: url("../images/sub/sub_1-2.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub1-3 {
	background: url("../images/sub/sub_1-3.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub1-4 {
	background: url("../images/sub/sub_1-4.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub1-4 p {
	color: #444;
	font-size: 15px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	line-height: 190%;
}

.sub1-5 {
	background: url("../images/sub/sub_1-5.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
	padding-top: 50px;
}

.sub1-5 ul {
	padding-top: 180px;
	padding-left: 30px;
}

.sub1-5 li {
	background: none;
	color: #444;
	font-size: 16px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	line-height: 180%;
	padding-right: 25px;
}

.sub1-5 li span.txt_B {
	font-size: 22px;
	color: #0054a7;
}

.sub1-5 li span.txt_Y {
	font-size: 22px;
	color: #f9b900;
}

.sub1-5 li span.txt_G {
	font-size: 22px;
	color: #38b035;
}

.sub1-6 {
	background: url("../images/sub/sub_1-6.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub1-7 {
	background: url("../images/sub/sub_1-7.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub1-8 {
	background: url("../images/sub/sub_1-8.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub1-9 {
	background: url("../images/sub/sub_1-4.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub1-9 h2 {
	font-size: 30px;
	color : rgb(102, 102, 102);
}

.sub1-9 h3 {
	font-size: 20px;
	color : rgb(153, 153, 153);
}

.sub1-9 p {
	color: #444;
	font-size: 15px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	line-height: 190%;
}

.sub1-9 p ~ p {
	padding-top : 17px;
}

.sub1-10 p ~ p {
	padding-right : 310px;
	line-height: 210%;
}

.sub2-1 {
	background: url("../images/sub/sub_2-1.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub2-2 {
	background: url("../images/sub/sub_2-2.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub2-3 {
	background: url("../images/sub/sub_2-3.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub2-4 {
	background: url("../images/sub/sub_2-4.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub2-5 {
	background: url("../images/sub/sub_2-5.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub2-5 ul {
	padding-top: 210px;
	padding-left: 30px;
}

.sub2-5 li {
	background: none;
	color: #444;
	font-size: 18px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	line-height: 180%;
	padding-right: 25px;
	padding-bottom: 20px;
}

.sub2-5 li span.txt_B {
	font-size: 22px;
	color: #0054a7;
}

.sub2-5 li a {
	color: #444;
}

.sub2-5 li a:hover {
	color: #0054a7;
}

.sub3-1 {
	background: url("../images/sub/sub_3-1.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub3-2 {
	background: url("../images/sub/sub_3-2.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub3-3 {
	background: url("../images/sub/sub_3-3.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

.sub3-4 {
	background: url("../images/sub/sub_3-4.jpg") no-repeat left 0px;
	width: 1058px;
	float: left;
	display: inline;
}

p.img_p {
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal;
	line-height: 150%;
	padding-top: 40px;
	padding-left: 30px;
}

.bullet_2 {
	background: url("../images/ico/bullet_B_2.png") no-repeat left top;
	text-align: left;
	background-position: 0px 0px;
	padding-left: 20px;
	height: 40px;
	color: #000;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.bullet_3 {
	background: url("../images/ico/bullet_B_3.png") no-repeat left top;
	text-align: left;
	background-position: 0px 0px;
	padding-left: 20px;
	height: 40px;
	color: #000;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

/* box */
.info_box {
	margin: 0 0 20px 0
}

.info_box_in {
	padding: 0 10px 10px 20px;
	margin: 0;
	color: #7d7d7d;
}

.info_box ul {
	width: 50%;
}

.info_box li {
	background: url("../images/ico/bullet_B_3.png") no-repeat 0 7px;
	padding: 0 0 4px 9px;
	color: #000;
	font-size: 12px;
	line-height: 150%;
}

.info_box_wrap {
	width: 100%;
	clear: both;
}

.info_box_board_L div {
	background: #f4f4f4;
	height: 25px;
	width: 100%;
	border-top: 3px solid #989696;
	padding-top: 10px;
	border-bottom: 1px dashed #cccccc;
}

.info_box_board_L div span {
	color: #064ba7;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	padding-left: 20px;
	margin-bottom: 10px;
}

.info_box_board_L {
	width: 520px;
	float: left;
}

.info_box_board_L ul {
	padding-top: 30px;
}

.info_box_board_L li {
	background: url("../images/ico/bullet_B_4.png") no-repeat left top;
	background-position: 20px 10px;
	padding: 0 0 10px 25px;
	color: #000;
	font-size: 12px;
	line-height: 150%;
	width: 100%;
}

.info_box_board_R {
	width: 520px;
	float: left;
	margin-left: 20px;
}

.info_box_board_R div {
	background: #f4f4f4;
	height: 25px;
	width: 100%;
	border-top: 3px solid #989696;
	padding-top: 10px;
	border-bottom: 1px dashed #cccccc;
}

.info_box_board_R div span {
	color: #064ba7;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	padding-left: 20px;
	margin-bottom: 10px;
}

.info_box_board_R ul {
	padding-top: 30px;
}

.info_box_board_R li {
	background: url("../images/ico/bullet_B_4.png") no-repeat left top;
	background-position: 20px 10px;
	padding: 0 0 10px 25px;
	color: #000;
	font-size: 12px;
	line-height: 150%;
	width: 100%;
}

.info_box_board_R li.no_img {
	background: none;
	color: #000;
	font-size: 12px;
	line-height: 150%;
	width: 100%;
}

.info_box_board div {
	background: #FFF;
	margin-left: 45px;
	height: 25px;
	border-top: 0px solid #989696;
	padding-top: 10px;
	width: 85%;
}

.info_box_board div ul span {
	color: #000;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
	padding-left: 20px;
	margin-bottom: 10px;
	float: left;
	background: url("../images/ico/bullet_B_3.png") no-repeat 12px 6px;
}

.info_box_board {
	float: left;
}

.info_box_board ul {
	padding-top: 10px;
}

.info_box_board li {
	background: url("../images/ico/bullet_B_4.png") no-repeat left top;
	background-position: 20px 10px;
	padding: 0 0 10px 25px;
	color: #000;
	font-size: 12px;
	line-height: 150%;
	width: 100%;
}

.info_box_board li.dash_line {
	border-bottom: 1px dashed #cfcfcf;
	background: none;
	margin-bottom: 10px;
}

.info_box_board li.dash_line span {
	background: url("../images/btn/go_up.gif") no-repeat left top;
	float: right;
	width: 42px;
	height: 19px;
	margin-bottom: 0px;
	margin-right: -20px !important;
	cursor: pointer
}

.gray_bg {
	border-bottom: 1px solid #cccccc;
}
/*div.box_gray {border:2px solid #7496C0;}*/
.sub_table {
	margin-top: 220px;
	margin-bottom: 80px;
	height: 30px;
}

.sub_table th {
	background: url("../images/ico/bullet_B.png") no-repeat left top;
	text-align: left;
	background-position: 12px 19px;
	padding-left: 20px;
	padding-right: 30px;
	height: 40px;
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.sub_table .bul_text_B {
	vertical-align: top;
	background: url("../images/ico/bullet_B.png") no-repeat left top;
	text-align: left;
	background-position: 12px 24px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 17px;
	padding-bottom: 12px;
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.sub_table td {
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal;
	line-height: 150%;
}

.sub_table td span {
	background: url("../images/ico/bullet_B_4.png") no-repeat left top;
	text-align: left;
	background-position: 22px 5px;
	padding-left: 26px;
	line-height: 150%;
}

.sub_table td span.img_no {
	background: none;
	text-align: left;
	padding-left: 26px;
	line-height: 150%;
}

.sub_table td img {
	padding: 0px 10px 10px 0px;
}

.sub_table td img.noimg {
	padding: 0px 0px 0px 0px;
}

.sub_table a {
	color: #000;
}

.sub_table a:hover {
	color: #17549f;
}

.sub_table2 {
	margin-top: 320px;
	margin-bottom: 20px;
	margin-left: 25px;
}

/* board */
.board, .data_tbl {
	width: 1000px;
	border-bottom: 2px solid #ccc;
	border-collapse: collapse;
}

.board_view {
	width: 1000px;
	border-collapse: collapse;
}

.board tr:hover {
	background: #f8f8f8;
}

.board th, .board_view th, .data_tbl th {
	height: 32px;
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #0d59a6;
	background: #fbfafa url("../images/common/th_bg.png") repeat-x;
}

.board td {
	line-height: 18px;
	border-bottom: 1px solid #e9e9e9;
	padding: 6px 0 6px 0
}

.board th span, .board_view th span, .data_tbl th span {
	display: block;
	height: 30px;
	line-height: 30px;
	background: url("../images/common/th_separate.png") no-repeat top right;
}

.board td.no, .board td.date, .board td.writer {
	color: #666;
	font-size: 11px;
	text-align: center;
}

.board td.title a {
	display: block;
	color: #000;
	width: 550px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overow: ellipsis;
	padding-left: 15px;
}

.board td.title a:hover {
	color: #0545d7;
	text-decoration: underline;
}

.board td.ir_title a {
	display: block;
	width: 450px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overow: ellipsis;
	padding-left: 15px;
}

.data_tbl td {
	line-height: 18px;
	border-bottom: 1px solid #ccc;
	padding: 6px 0 6px 10px
}

.data_tbl .th_c {
	text-align: center;
	padding-left: 0px;
}

.data_tbl .td_bg1 {
	background: #f8f9fa;
}

.data_tb2 {
	width: 1020px;
	border-bottom: 2px solid #ccc;
	border-collapse: collapse;
	border-top: 2px solid #0d59a6;
}

.data_tb2 table {
	border-top: 2px solid #0d59a6;
	padding: 6px 0 6px 10px
}

.data_tb2 th {
	background: #f7f7f7;
	border-bottom: 1px solid #ccc;
	color: #333333;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: bold;
}

.data_tb2 td {
	background: #FFF;
	line-height: 18px;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 10px
}

.data_tb2 td input {
	text-align: left;
	border: 1px solid #dadada;
	background: #f7f7f7;
	padding: 2px 0 0px 10px;
	height: 22px;
	color: #333333;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
}

.data_tb2 td textarea {
	text-align: left;
	border: 1px solid #dadada;
	background: #f7f7f7;
	padding: 5px 0 0px 10px;
	color: #333333;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	line-height: 18px;
}

.data_tb2 td input:hover {
	border: 1px solid #17549f;
}

.data_tb2 td textarea:hover {
	border: 1px solid #17549f;
}

/* board_view */
.board_view {
	margin-bottom: 10px
}

.board_view td.title, .title_w {
	display: block;
	color: #000;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overow: ellipsis;
	padding: 6px 0 6px 15px;
}

.board_view td.title, .title_w a {
	display: block;
	color: #000;
	line-height: 18px;
	text-decoration: none;
}

.board_view td.title, .title_w a:hover {
	color: #0545d7;
	text-decoration: none;
}

.board_view td {
	border-bottom: 1px solid #e9e9e9;
	padding: 9px 0 9px 0px;
	color: #000;
}

.board_view td.no, .board_view td.date {
	color: #888;
	font-size: 11px;
	text-align: center;
}

.board_view td.write {
	padding: 20px;
	line-height: 20px;
}

.board_view td.write p {
	padding: 20px;
	line-height: 20px;
}

.board_view td.editer {
	padding: 20px;
	line-height: 1.5em;
}


/*anonBoard*/
.anonBoard_view {
	width: 1000px;
	border-collapse: collapse;
	margin-bottom: 10px
}

.anonBoard_view th {
	height: 32px;
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	background: #fbfafa url("../images/common/th_bg.png") repeat-x;
}

.anonBoard_view th span {
	display: block;
	height: 30px;
	line-height: 30px;
	background: url("../images/common/th_separate.png") no-repeat top right;
}

.anonBoard_view td.title {
	display: block;
	color: #000;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overow: ellipsis;
	padding: 6px 0 6px 15px;
}

.anonBoard_view td.title a {
	display: block;
	color: #000;
	line-height: 18px;
	text-decoration: none;
}

.anonBoard_view td.title, a:hover {
	color: #0545d7;
	text-decoration: none;
}

.anonBoard_view td {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	color: #000;
	font-size: 11px;
	padding: 6px 0 6px 15px;
}

.anonBoard_view td.write {
	padding: 20px;
	line-height: 20px;
}

.anonBoard_view td.write p {
	padding: 0px;
	line-height: 20px;
}


/* page_num */
.page_num {
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px;
}

.page_num a {
	display: inline-block;
	height: 18px;
	color: #666;
	font-weight: bold;
	padding: 0 2px 0 2px;
}

.page_num a span {
	display: inline-block;
	padding: 0 10px 0 10px;
}

.page_num a:hover span, .page_num a.on span {
	color: #000;
	text-decoration: underline;
}

.page_num a img {
	border: 1px solid #dbdbdb;
	background: #a0a0a0;
	vertical-align: middle;
}

.page_num a:hover img, .page_num a.on img {
	border: 1px solid #b1a5b5;
	background: #971cb5;
	vertical-align: middle;
}

.page_num .separate {
	display: inline-block;
	width: 1px;
	height: 18px;
	background: url("../images/common/th_separate.png") no-repeat 0 11px;
}

/* search */
.tblsearch_area {
	width: 1000px;
	text-align: center;
	margin-bottom: 15px;
}

.tblsearch_area .gap {
	display: inline-block;
	width: 6px;
}

/* input */
.txt {
	border: 1px solid #dadada;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background: #fafafa;
	padding-left: 5px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal
}

.txt:focus {
	border: 1px solid #0673e2;
}

select {
	vertical-align: middle;
	height: 22px;
}

select:focus {
	border: 1px solid #0673e2;
}

/* text button set */
.btn_pack, .btn_pack * {
	display: inline-block;
	overflow: visible;
	position: relative;
	font-weight: 600;
	border: 0;
	background: url("../images/common/btn_pack.png") no-repeat;
	text-decoration: none !important;
	vertical-align: top;
	white-space: nowrap;
}

.btn_pack {
	margin-right: 4px;
	vertical-align: middle;
}

.btn_pack * {
	left: 4px;
	cursor: pointer;
}

.btn_pack.m_gray, .btn_pack.m_gray * {
	height: 31px;
	color: #444;
	font-size: 15px;
	line-height: 31px
}

.btn_pack.m_gray {
	background-position: left 0
}

.btn_pack.m_gray * {
	background-position: right 0;
	padding: 0 13px 0 9px;
}

.btn_pack.m_gray a:hover {
	color: #0283e2;
}

.btn_pack.s_gray, .btn_pack.s_gray * {
	height: 21px;
	color: #444;
	line-height: 21px;
	font-size: 11px;
	font-weight: normal;
}

.btn_pack.s_gray {
	background-position: left -84px
}

.btn_pack.s_gray * {
	background-position: right -84px;
	padding: 0 8px 0 0px;
}

.btn_pack.s_gray a:hover {
	color: #0283e2;
}

.btn_pack.icon * {
	padding-left: 20px
}

.btn_pack.icon span {
	width: 20px;
	margin-right: -20px;
	padding: 0 !important
}

.btn_pack.icon .search {
	display: inline-block;
	width: 16px;
	background: url("../images/ico/icon.png") no-repeat -138px -18px;
}

.btn_pack.icon .load {
	display: inline-block;
	width: 12px;
	background: url("../images/ico/icon.png") no-repeat -161px -19px;
}

.btn_pack.icon .screen {
	display: inline-block;
	width: 15px;
	background: url("../images/ico/icon.png") no-repeat 0px -38px;
}

.btn_pack.icon .del {
	display: inline-block;
	width: 12px;
	background: url("../images/ico/icon.png") no-repeat -100px -18px;
}

.btn_pack.icon .download {
	display: inline-block;
	width: 17px;
	background: url("../images/ico/icon.png") no-repeat -20px -37px;
}

.btn_pack.icon .list {
	display: inline-block;
	width: 14px;
	background: url("../images/ico/icon.png") no-repeat -60px -18px;
}

.btn_pack.m_gray.icon .pdf {
	display: inline-block;
	width: 22px;
	background: url("../images/ico/icon.png") no-repeat 5px 7px;
}

.btn_area {
	text-align: center;
	margin-bottom: 40px;
}

.btn_area_r {
	text-align: right;
	margin-right: 33px;
}

/* dropdown */
.dropdown {
	position: relative;
	z-index: 100;
	height: 40px;
	font-family: '돋움', 'dotum', Arial, Helvetica, sans-serif;
}

.dropdown_depth {
	position: relative;
	z-index: 1000;
	border: 0px;
	background: #fff;
	border-left: 2px solid #34a2c9;
	border-right: 2px solid #34a2c9;
	border-bottom: 2px solid #34a2c9;
}

/* 라운드 박스(menu) */
.menu_lt {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	height: 6px;
	background: url("../images/common/menu_radius2.png") no-repeat 0 0;
	z-index: 1100;
	background-position: 0 0
}

.menu_rt {
	display: block;
	position: absolute;
	right: -1px;
	top: 0;
	width: 6px;
	height: 6px;
	background: url("../images/common/menu_radius2.png") no-repeat 0 0;
	z-index: 1100;
	background-position: -6px 0
}

.menu_tt {
	display: block;
	position: absolute;
	left: 5px;
	right: 5px;
	top: 0;
	width: 100%;
	height: 6px;
	background: url("../images/common/menu_radius2_t.png") repeat-x;
	background-position: 0 0
}

.menu_lb {
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 6px;
	height: 6px;
	background: url("../images/common/menu_radius2.png") no-repeat 0 0;
	z-index: 1100;
	background-position: 0 -6px
}

.menu_rb {
	display: block;
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 6px;
	height: 6px;
	background: url("../images/common/menu_radius2.png") no-repeat 0 0;
	z-index: 1100;
	background-position: -6px -6px
}

.menu_bb {
	display: block;
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: -1px;
	height: 6px;
	background: url("../images/common/menu_radius2_b.png") repeat-x;
	z-index: 1100;
	background-position: 0 -0
}

.menu_ll {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 5px;
	width: 6px;
	background: url("../images/common/menu_radius2_l.png") repeat-y;
	z-index: 1100;
	background-position: 0 -0
}

.menu_rr {
	display: block;
	position: absolute;
	right: -1px;
	top: 0;
	bottom: 5px;
	width: 6px;
	background: url("../images/common/menu_radius2_r.png") repeat-y;
	z-index: 1100;
	background-position: 0 -0
}

/* vertical */
.vertical ul li:hover {
	position: relative;
	z-index: 1000;
	cursor: default
}

.vertical ul ul {
	visibility: hidden;
	position: absolute;
	top: 33px;
	left: 0px;
	z-index: 600
}

.vertical ul ul li {
	float: left;
}

.vertical ul ul ul {
	top: -1px;
}

.vertical ul li:hover>ul {
	visibility: visible
}

/* vertical design */
.vertical ul ul {
	font-size: 12px;
}

.vertical ul ul li {
	border-bottom: 1px solid #eee;
	height: 30px;
	width: 140px;
	padding-top: 5px;
	padding-left: 10px;
}

.vertical ul ul li:first-child {
	border-top: none;
}

.vertical ul ul li a {
	padding: 5px 5px 5px 8px;
	background: url("../images/ico/menu_ic.gif") 0px 10px no-repeat;
	font-size: 13px;
	color: #4c4c4c !important;
}

.vertical ul ul li a:hover {
	color: #0283e2 !important;
	background: url("../images/ico/menu_ic_over.gif") 0px 10px no-repeat;
}

.vertical ul ul li a.dir {
	background: url("../images/ico/menu_ic.gif") right top no-repeat
}

.vertical ul ul li:hover a.dir {
	background: url("../images/ico/menu_ic.gif") right 0px no-repeat
}

.vertical ul ul ul {
	border: 1px solid #3a58a9
}

.vertical ul li.mymenu ul {
	margin-left: 2px
}

/* SiteMap */
.dis-n {
	display: none
}

.layer-right {
	float: right;
	margin-top: 25px;
	margin-right: 255px;
}

.layer-right .layer-allmenu {
	position: absolute;
	z-index: 998;
	/*width: 450px;*/
	width: 600px;
	height: 350px;
	background: #fff;
	border: 2px solid #34a2c9;
	box-shadow: 2px 2px 1px 1px #d4d2cb;
}

.allmn-top {
	height: 50px;
	text-align: right;
	background: url("../images/common/allmn-top-bg.gif") no-repeat right top;
}

.allmn-top a img {
	margin: 13px 25px 0 0;
	cursor: pointer
}

.allmn-content>ul {
	margin-left: 20px;
}

.allmn-content>ul li {
	float: left;
	/*width: 125px;*/
	width: 100px;
	padding-right: 13px;
}

.allmn-content>ul li>div {
	border-bottom: 2px solid #006fc6;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #000;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
}

.allmn-content>ul li ul {
	margin-top: 18px;
	margin-left: 3px;
	font-size: 13px;
}

.allmn-content>ul li ul li {
	padding-bottom: 15px;
}

.allmn-content>ul li ul li a {
	font-weight: bold;
	color: #343434;
}

.allmn-content>ul li ul li a:hover {
	font-weight: bold;
	color: #517ee6;
}

.dragAndDropDiv {
	border: 2px dashed #92AAB0;
	width: 1000px;
	height: 100px;
	color: #92AAB0;
	text-align: center;
	vertical-align: middle;
	padding: 10px 10px 10px 10px;
	font-size: 150%;
	display: table-cell;
}
.dragAndDropFul {
	border: 2px dashed #92AAB0;
	left:0;
	right:0;
	width: auto;
	height: 100px;
	color: #92AAB0;
	text-align: center;
	vertical-align: middle;
	padding: 10px 10px 10px 10px;
	font-size: 150%;
	display: table-cell;
}

.progressBar {
	width: 95%;
	height: 22px;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block;
	margin: 0px 10px 5px 5px;
	vertical-align: top;
}

.progressBar div {
	height: 100%;
	color: #fff;
	text-align: right;
	line-height: 22px;
	/* same as #progressBar height if we want text middle aligned */
	width: 0;
	background-color: #0ba1b5;
	border-radius: 3px;
}

.statusbar {
	border-top: 1px solid #A9CCD1;
	min-height: 25px;
	width: 99%;
	padding: 10px 10px 0px 10px;
	vertical-align: top;
}

.statusbar:nth-child(odd) {
	background: #EBEFF0;
}

.filename {
	display: inline-block;
	vertical-align: top;
	width: 250px;
}

.filesize {
	display: inline-block;
	vertical-align: top;
	color: #30693D;
	width: 100px;
	margin-left: 10px;
	margin-right: 5px;
}

.abort {
	background-color: #A8352F;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	color: #fff;
	font-family: arial;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 15px;
	cursor: pointer;
	vertical-align: top
}

.modal {
	position: fixed;
	z-index: 999;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #eeeeee;
	filter: alpha(opacity = 60);
	opacity: 0.6;
	-moz-opacity: 0.7;
}

.center {
	z-index: 1000;
	margin: 100px auto;
	padding: 10px;
	width: 102px;
	background-color: none;
	border-radius: 10px;
	filter: alpha(opacity = 100);
	opacity: 1;
	-moz-opacity: 1;
}

.center img {
	height: 100px;
	width: 100px;
}


/* 익명게시글 팝업창*/
.popupTable {
	z-index : 3;
	position : relative;
	left : 30%;
	top : 35%;
	background-color : rgba(255, 255, 255, 1);
	width : 500px;
	border : solid 2px;
}

.popupTable > table {
	width : 400px;
	border : 0;
}

.popupOpen {
	display: block;
	position : fixed;
	z-index : 2;
	background-color : rgba(0, 0, 0, 0.4);
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
}

.popupClose {
	display : none;
}


/* 썸머노트 작성 css */
.sumNote > div {
	width: 96.2%;
}

.sumNote ul {
	padding-left : 15px;
}

.sumNote ul li {
	list-style: disc;
}

.sumNote ol {
	padding-left : 15px;
}

.sumNote ol li {
	list-style: decimal;
}

/* 썸머노트 읽기 css*/
.sumNoteRead ul li{
	list-style: disc;
}

.sumNoteRead ol li{
	list-style: decimal;
}

.subpage2 li {
	text-align: left;
	color: #444;
	font-size: 14px;
	font-family: 'NanumGothic', Dotum, Helvetica, AppleGothic, Sans-serif;
	font-weight: normal;
}

.sumNoteRead td {
    border: 1px solid #000;
    padding: 6px;
}

.note-editable {
	max-width : 1000px;
}