/*** COMMON LAYOUT ***/
html.noScroll,
body.noScroll {	height: 100%;	overflow-y: hidden;}

#layoutWrap { position: relative; width: 100%;  margin: 0 auto;}
#icontentsWrap { position: relative; width: 100%; z-index: 0; }
#contentsWrap { position: relative; width: 100%; /*margin: -370px 0 -250px 0;*/ }
#contentsArea { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; /*padding: 370px 0 250px 0;*/ }
#indexArea {position:relative; width: 100%; margin: 0 auto; font-size: 1.7rem; }

@media ( max-width: 1200px ) {
	#layoutWrap { min-width: 320px; width: 100%;}
	#icontentsWrap { min-width:320px;}
	#contentsWrap { min-width:320px;}
	#indexArea { top:0; min-width:320px;}
}

/* header */
#headerWrap { position: relative; width: 100%; margin-bottom: 35px; z-index: 1;}
#headerWrap .header { position:relative; width: 100%; max-width: 1200px; height: 160px; margin: 0 auto;}
#headerWrap .logoWrap { width: 650px; margin: 0 auto; }
#headerWrap .logoWrap h1 { display: table; margin: 0 auto; padding-top: 42px;}
#headerWrap .logoWrap div.logo_b { margin-top: 5px; font-size: 1.4rem; font-weight: 500;}
#headerWrap .logoWrap div.update { float: left; font-family: 'Roboto'; letter-spacing: 0;}
#headerWrap .logoWrap div.mail   { float: right; vertical-align: top;}
#headerWrap .logoWrap div.mail img  { margin-left: 5px; margin-bottom: 5px; vertical-align:middle;}
#headerWrap .logoWrap div.mail span { padding-left: 18px; line-height: 18px; background:url("/img/comm/ico_mail.png") no-repeat 0 50%;}
#headerWrap .ad_top a:nth-child(1) { position: absolute; left:0; top:25px; }
#headerWrap .ad_top a:nth-child(2) { position: absolute; right:0; top:25px; }

@media ( max-width: 1200px ) {
	#headerWrap { height: auto; margin-bottom: 20px; background: #fff; }
	#headerWrap .header { width: 100%; height: auto; padding: 0 15px;}
	#headerWrap .logoWrap { width: 100%; margin: 0 auto; }
	#headerWrap .logoWrap h1 { padding: 50px 0 17px;}
	#headerWrap .logoWrap h1 img { width: 160px; }
	#headerWrap .logoWrap div.logo_b { position: absolute; right:0; top:0; width: 100%; margin-top: 0; padding: 5px 15px; background:rgba(0, 0, 0, 0.07); }
	#headerWrap .logoWrap div.update { line-height: 25px;}
	#headerWrap .ad_top { clear: both; position: relative; width: 100%; text-align: center; font-size: 0;}
	#headerWrap .ad_top img { width: 48%; max-width: 240px;}
	#headerWrap .ad_top a { margin-left: 10px;}
	#headerWrap .ad_top a:first-child { margin-left: 0;}
	#headerWrap .ad_top a:first-child,
	#headerWrap .ad_top a:last-child { position: relative; left:inherit; right:inherit; top:inherit; }
}

/* gnb */
#navWrap { display: block; width: 100%; background: #084aa8; }
#navWrap nav { position:relative; width: 100%; max-width: 1200px; margin: 0 auto; }
#navWrap nav .dep1 { display: inline-block; width:calc(100% -65px); font-size: 0; text-align: center;}
#navWrap nav .dep1 ul > li { display: inline-block; letter-spacing: -0.8px; font-size: 1.9rem;}
#navWrap nav .dep1 ul > li > a { position: relative; display: block; height: 65px; line-height: 65px; margin-right: 84px; font-weight: 500; color: #fff;}
#navWrap nav .dep1 ul > li > a:hover { color: rgba(255, 255, 255, 0.6);}

@media ( max-width: 1200px ) {
	#navWrap nav { margin-top: 20px; padding: 0 110px 0 20px;}
	#navWrap nav .dep1 {position: relative; width:100%; height: 55px; overflow-x: scroll; overflow-y:hidden;}
	#navWrap nav .dep1 ul { display: table; width:650px; margin: 0 auto;}
	#navWrap nav .dep1 ul > li { letter-spacing: -0.5px; font-size: 1.7rem;}
	#navWrap nav .dep1 ul > li > a { height: 55px; line-height: 55px; margin-right: 30px;}
	#navWrap nav .dep1 ul > li:last-child a { margin-right: 0;}
}

/* search */
nav .searchWrap { float: right; position: relative; font-size: 0; vertical-align: top;}
nav a.h-search { display: block; width: 65px; height: 65px;	background: #084aa8 url(/img/comm/bt_search.png) no-repeat 50% 50%;	border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); vertical-align: top; }
nav a.h-search.on {	background-image: url("/img/comm/bt_search_on.png");}
nav .gnb_scrol { display: none;}

#header-search-area {	display: none; position:absolute;	top: 64px; right: 0; width: 400px; padding: 40px 40px 50px 40px; border: 1px solid #084aa8;	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);	background: #fff;	z-index: 9;}
#header-search-area strong {display: block;	font-size: 2.4rem; font-weight: 600;	color: #084aa8;}
#header-search-area input[type="text"] {display: block;	width: 100%; margin-top: 15px;	padding: 12px 15px; border: 1px solid #084aa8; border-radius: 3px; font-size: 1.5rem; letter-spacing: -1px;}
#header-search-area input[type="button"] {display: block;	width: 100%; padding: 12px 0;	margin-top: 10px;	border-radius: 3px;	background: #084aa8 url("/img/comm/bt_search.png") no-repeat calc(50% - 35px) 50% /17px; font-size: 1.6rem; font-weight: 600; color: #fff;}

/* 모바일검색
#header-search-area-mobile { display: none; position: fixed; top: 60px; right: 0;	width: 100%; padding: 40px 40px 50px 40px;	border: 1px solid #084aa8;	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);	background: #fff;}
#header-search-area-mobile strong {	display: block;	font-size: 1.8rem; font-weight: 600; color: #084aa8;}
#header-search-area-mobile input[type="text"] {	display: block;	width: 100%; margin-top: 20px; padding: 12px 20px; border: 1px solid #084aa8;	border-radius: 5px;	font-size: 1.6rem;}
#header-search-area-mobile input[type="button"] {	display: block;	width: 100%; padding: 12px 0;	margin-top: 10px;	border-radius: 5px;	background: #084aa8 url("/img/comm/bt_search") no-repeat calc(50% - 35px) 50% /17px; font-size: 1.6rem;font-weight: 600;	color: #fff;}
*/
@media ( max-width: 1200px ) {
	nav .searchWrap { float: inherit; position: absolute; top:0; right:0;}
	nav a.h-search  { display: inline-block; width: 55px; height: 55px; border-right: none; background-size: 20px; }
	nav a.h-search.on {	background-size: 16px; }
	nav .gnb_scrol { display: inline-block; width: 55px; height: 55px; background: #084aa8 url("/img/comm/gnb_scrol.png") no-repeat 50% 50%; border-left: none;}
	#header-search-area {	top: 54px; width: 330px; padding: 20px 30px 30px 30px;}
	#header-search-area strong { font-size: 1.9rem; font-weight: 700;}
	#header-search-area input[type="text"]  {	margin-top: 12px;	padding: 10px 12px; font-size: 1.5rem; font-family: 'Noto Sans KR';}
	#header-search-area input[type="button"]{ margin-top: 10px; padding: 12px 0; font-size: 1.5rem; }
}

@media ( max-width: 768px ) {
}

/* gnb */
#mobileGnbWrap {display: none;}
@media ( max-width: 1200px ) {
	.mobileGnbOn { cursor:pointer; position:absolute; top:55px; left:15px; background:0; z-index: 1000;}
  .mobileGnbOn img { width:23px; }
  .mobileGnbOff { cursor:pointer; position:absolute; top:30px; right:20px; background:none; z-index: 1000;}
	.mobileGnbOff img { width:21px; }
	#mobileGnbWrap { display:block; z-index: 1000; }
	#mobileGnb { display:none; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.7); width:100%; min-width:150px; height:100%; box-shadow:0 0 10px #ccc; font-weight: 500; z-index: 1000;}
	#mobileGnb > div { position:absolute; top:0; /*left:-70%;*/ width:80%; height:100%; max-width:300px; background:#fff; }
	#mobileGnb > div > h2 { background:#fff; padding:25px 20px; }
	#mobileGnb > div > h2 img {height: 40px;}
	#mobileGnb > div > ul > li > a { display:none; }
	#mobileGnb .t_sns {padding: 0 16px 16px;}
	#mobileGnb .t_sns img {margin-right: 10px;}
	#mobileGnb .depth2 h5 { background:#fff; border-top:1px solid #ddd; padding:12px 20px; font-size:1.7rem; cursor:pointer; }
	#mobileGnb .depth2 h5.mobile_gnb_dep2_on { background:#084aa8; color:#fff; }
	#mobileGnb .depth2 ul { display:none; padding:12px 20px 12px 20px; background:#eee; font-size:1.6rem; }
	#mobileGnb .depth2 ul li { padding:5px 0 5px 0; background:url(/img/comm/dot.gif) no-repeat 0 50%; }
	#mobileGnb .depth2 ul li.stit { margin-top:0; padding-left:0; padding-bottom: 7px; background:none; font-weight: 600; border-bottom:1px solid #ddd;}
}

/* lnb */
#lnbWrap {position: relative; width: 100%; padding-top: 20px;}
#lnbWrap .dep2 {display:table; margin: 0 auto; text-align: center; }
#lnbWrap .dep2 li { display: inline-block; margin: 0 20px; font-size: 2rem; font-weight: bold; color: #222;}
#lnbWrap .dep2 a { display: block; padding: 15px; }
#lnbWrap .dep2 a:hover,
#lnbWrap .dep2 .dep2_on a,
#lnbWrap .dep2 .dep2_on { transition: background 0.3s;}

@media ( max-width: 1000px ) {
	#lnbWrap  {display: none;}
}

/* footer */
#footerWrap { clear: both; position: relative; width: 100%; margin-top: 50px; padding-bottom:40px; font-size: 1.4rem; text-align:center; border-top: 1px solid #000;}
#footerWrap .menus { position: relative; margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
#footerWrap .menus > div { max-width: 1200px; margin: 0 auto; padding: 15px 0; }
#footerWrap .menus a { position: relative; display: inline-block; margin-left: 55px; text-align: center;}
#footerWrap .menus a::before {content: ""; position: absolute; top:4px; left: -27px; width: 1px; height: 15px; border-left: 1px solid rgba(0, 0, 0, 0.3);}
#footerWrap .menus a:first-child::before {display: none;}
#footerWrap .menus a:first-child { margin-left: 0;}
#footerWrap .bottom ul { position: relative; max-width: 1200px; margin: 0 auto 7px; text-align:center;}
#footerWrap .bottom li { position: relative; display: inline-block; margin-left: 30px;}
#footerWrap .bottom li::before {content: ""; position: absolute; left:-15px; top:5px; width: 1px; height: 13px; border-left: 1px solid rgba(0, 0, 0, 0.2);}
#footerWrap .bottom li.f_color { display: block; margin: 10px 0 5px; font-weight: 500; color: rgba(0, 0, 0, 0.4); }
#footerWrap .bottom li:first-child { margin-left: 0;}
#footerWrap .bottom li:first-child::before,
#footerWrap .bottom li.line-no::before,
#footerWrap .bottom li.f_color::before {display: none;}

#footerWrap .admin { position: absolute; right:20px; top:99px; z-index: 999;}
#footerWrap .admin a {display: inline-block;}
#footerWrap .admin img { vertical-align: sub;}
#footerWrap .admin a:first-child { margin-right: 10px;}
#footerWrap button.bt_pcmobile  { margin-left: 5px; padding: 5px 5px 4px; font-size: 1.2rem; font-family: 'Roboto'; line-height: 12px; color: #fff; background: #999; vertical-align: top; border-radius: 5px; }
#footerWrap button.bt_pcmobile img  { vertical-align: top;}

@media ( max-width: 1200px ) {
	#footerWrap { margin-top: 30px; padding-bottom:30px; font-size: 1.4rem; text-align:center;}
	#footerWrap .menus > div { font-size: 0; padding: 0 0; background: rgba(0, 0, 0, 0.1); text-align:left;}
	#footerWrap .menus a { width: 50%; font-size: 1.4rem; margin-left: 0; padding: 5px; font-weight: 500; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
	#footerWrap .menus a:last-child { border-bottom:none;}
	#footerWrap .menus a:nth-child(odd) { border-left:none;}
	#footerWrap .menus a::before {display: none;}
	#footerWrap .bottom ul { margin: 15px auto 0; padding: 0 15px; }
	#footerWrap .bottom li {  margin:5px 15px 0 15px; }
	#footerWrap .bottom li:first-child { margin-left:15px;}
}

@media ( max-width: 400px ) {
#footerWrap button.bt_pcmobile {display: table; margin: 10px auto 0;}
}

/* 우측광고 */
.ad_right { display: inline-block; margin-left:40px; vertical-align: top;}
.ad_right .ad_list img { display: block; width: 260px; padding-top: 20px; }

@media ( max-width: 1200px ) {
	.ad_right { width: 100%; margin-left: 0; padding: 20px 0 0; text-align: center;}
	.ad_right .ad_list img { display: inline-block; width: 260px; margin: 5px 5px; vertical-align: top; }
	.ad_right .ad_list img:first-child { margin-top:5px; }
}

/* 하단광고 */
.ad_bottom { width: 100%; max-width: 1200px; margin: 40px auto 0; font-size: 0;}
.ad_bottom a:nth-child(2) { margin-left: 30px;}

@media ( max-width: 1200px ) {
	.ad_bottom { margin-top: 15px; padding: 0 15px; text-align: center; }
	.ad_bottom a:nth-child(2) { display: table; margin: 20px auto 0;}
	.ad_bottom img { width: 100%; max-width: 400px; margin: 0 auto;}
}

/* contents */
#contentsTitle {width: 100%; background: url(/img/comm/contTop_bg.png) no-repeat 0 0/cover;}
#contentsTitle > div {max-width: 1200px; margin: 0 auto; }
#contentsTitle div.txt { display: inline-block; position: relative; width: 35%; height: 220px; padding-top: 80px;	text-align: left;	margin: 0 auto;}
#contentsTitle div.txt strong {	font-size: 3.5rem; font-weight: 800;	color: #fff; letter-spacing: -1px;}
#contentsTitle div.txt strong.m {	display: none;}
#contentsTitle div.txt p {line-height: 150%;	font-size: 1.7rem; font-weight: 300; color: #fff;}

.contPrintTitle {width: 100%; text-align: center; margin: 60px 0 60px;}
.contPrintTitle h2 { position: relative; display: table; margin: 0 auto; font-size: 3.7rem; font-weight: 600; line-height: 130%; letter-spacing: -2px;}
.contPrintTitle h2::after {content: ""; position: absolute; left: -7px; top: 0; display: block; width: 9px;	height: 9px; background: #084aa8; border-radius: 50%;}
/*.contPrintTitle h2::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0%); display: block; width: 100%;	height: 1px; background: #084aa8;}*/

#contentsPrint {position: relative; }
/*#contentsPrint::before { content: ''; position: absolute; width: 100%; height: 250px; background: rgba(0, 0, 0, 0.05);}*/

@media all and (max-width: 1200px) {
	.contPrintTitle h2 { font-size: 2.8rem;}
	.contPrintTitle h2::after {left: -7px; width: 7px;	height: 7px;}
}

a.cbtn {display:inline-block; height:30px; padding:0 14px 0; border:1px solid #222; background-color:#222; font-size:13px; color:#fff; line-height:25px;}
a.cbtn:hover {border: 1px solid #8f8f8f; background-color:#8f8f8f; color:#fff;}
a.cbtn1 {display:inline-block; height:30px; padding:0 14px 0; border:1px solid #222; background-color:#222; font-size:13px; color:#fff; line-height:25px;}
a.cbtn1:hover {border: 1px solid #8f8f8f; background-color:#8f8f8f; color:#fff;}
.id_blur { font-family: '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; font-size: 12px; text-decoration: none; border:1px solid #CCCCCC; height: 18px; background: transparent url("/img/comm/login_bg.gif") 5px -6px; }
.id_focus { font-family: '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; font-size: 12px; text-decoration: none; border:1px solid #CCCCCC; height: 18px; background: #FFFFFF; }
.pw_blur { font-family: '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; font-size: 12px; text-decoration: none; border:1px solid #CCCCCC; height: 18px; background: transparent url("/img/comm/login_bg.gif") 5px 32px; }
.pw_focus { font-family: '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; font-size: 12px; text-decoration: none; border:1px solid #CCCCCC; height: 18px; background: #FFFFFF; }


/* login */
.loginlayer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:19008;}
.loginlayer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);}
.loginlayer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width:280px; height:auto;  background-color:#fff; z-index: 10;}
.pop-layer .pop-container {padding: 0;}
.pop-layer p.ctxt { color:#666; line-height: 25px;}
.pop-layer .btn-r { width:100%; margin:10px 0 20px 0; text-align:right;}

a.cbtn {display:inline-block; height:30px; padding:0 14px 0; border:1px solid #222; background-color:#222; font-size:13px; color:#fff; line-height:25px;}
a.cbtn:hover {border: 1px solid #8f8f8f; background-color:#8f8f8f; color:#fff;}
a.cbtn1 {display:inline-block; height:30px; padding:0 14px 0; border:1px solid #222; background-color:#222; font-size:13px; color:#fff; line-height:25px;}
a.cbtn1:hover {border: 1px solid #8f8f8f; background-color:#8f8f8f; color:#fff;}

.id_blur { font-family: '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; font-size: 12px; text-decoration: none; border:1px solid #CCCCCC; height: 18px; background: transparent url("/img/comm/login_bg.gif") 5px -6px; }
.id_focus { font-family: '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; font-size: 12px; text-decoration: none; border:1px solid #CCCCCC; height: 18px; background: #FFFFFF; }
.pw_blur { font-family: '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; font-size: 12px; text-decoration: none; border:1px solid #CCCCCC; height: 18px; background: transparent url("/img/comm/login_bg.gif") 5px 32px; }
.pw_focus { font-family: '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; font-size: 12px; text-decoration: none; border:1px solid #CCCCCC; height: 18px; background: #FFFFFF; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOARD START~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* board table common */
#boardHead { position:relative; clear:both; width:100%; margin:0 auto 5px 0; height:auto; vertical-align:top;  *zoom:1; font-size:.9em; letter-spacing:0; }
#boardHead:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
#boardTail { position:relative; clear:both; width:100%; margin:0 auto; margin:5px 0; vertical-align:top; vertical-align:top; *zoom:1; padding:.5em 0; font-size:.9em; }
#boardTail:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
.tblList { position:relative; width:100%; margin:0 auto; vertical-align:top; *zoom:1; font-size:.9em; }
.tblList:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
.tblLeft { float:left; }
.tblRight { float:right; }
#boardHead > span:first-child { float:left; }
#boardHead > span:last-child { float:right; }

#boardTail > span:first-child { float:left; }
#boardTail > span:last-child { float:right; }

.passForm { position:relative; clear:both; float:right; padding:2px; margin-bottom:2px; border:1px solid #CCCCCC; background:#FFFFFF }
.passForm_List { position:relative; width:150px; padding:1px; border:1px solid #CCCCCC; background:#FFFFFF }
#sendSns li { float:right; margin-left:2px; padding-left:2px; }

/*
.boardPrev, .boardNext { display:inline-block; overflow:hidden; text-indent:-10000px; width:50px; height:50px; cursor:pointer; }
.boardPrev { background:url(/img/comm/boardPrevNext.png) no-repeat left top; }
.boardPrev:hover { background:url(/img/comm/boardPrevNext.png) no-repeat left bottom; }
.boardNext { background:url(/img/comm/boardPrevNext.png) no-repeat right top; }
.boardNext:hover { background:url(/img/comm/boardPrevNext.png) no-repeat right bottom; }
*/

.boardPrev, .boardNext { width:62px; padding:0 0 1px 0; border-radius:2px; border:1px solid #f08d00; color:#fff; background-color:#f39918; background-repeat:no-repeat; }
.boardPrev { padding-left:15px; background-image:url(/img/board/board_next.png); background-position:10px 8px; }
.boardNext { padding-right:15px; background-image:url(/img/board/board_prev.png); background-position:55px -12px; }

/* board list */
.tblList table { width:100%; font-size:1em; }
.tblList table thead { background:#F5F5FA; }
.tblList table thead th { border-top:2px solid #539d44; padding:15px 0; height:25px; text-align:center; font-weight: 500;}
.tblList table tbody tr:hover {background-color: #fafafa; }
.tblList table tbody td { border-bottom:1px dotted #CCCCCC; padding:15px 0; text-align:center; border-left:none; }
.tblList table tbody .ListAlign { text-align:left; padding-left:10px;}

/* board form */
.tblView { position:relative; width:100%; margin:0 auto; vertical-align:top; *zoom:1; font-size:.8em; }
.tblView table { width:100%; border-top:2px solid #539d44; }
.tblView table thead th { border-bottom:1px solid #ddd; padding:6px 0; }
.tblView table tbody th { padding:6px; color:#666666; height:30px; background:#f7f7f7; border-bottom:1px dotted #CCCCCC; text-align:center; }
.tblView table tbody td { padding:6px; height:20px; border-bottom:1px dotted #CCCCCC; text-align:left; }

div.photoCnt { position:relative; clear:both; padding:5px; }
div.photoCnt  img {
	width: expression(this.width > 780 ? 780: true) ;
	max-width: 100%;
	height: auto;
	margin:.5em 0;
}

div.contentsPrint { position:relative; word-break: break-all; }
div.contentsPrint img {
	max-width: 780px;
	width: expression(this.width > 780 ? 780: true) ;
	height: auto;
}

div.divForm{ position:relative; width:99%; margin:0 auto; vertical-align:top; *zoom:1; }
div.divFormt:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
div.divForm table { width:100%; border-top:2px solid #539d44; border-bottom:1px solid #539d44; }
div.divForm table tbody th { padding:3px 0 3px 0; color:#666666; height:20px; background:#f7f7f7; border-bottom:1px dotted #CCCCCC; text-align:center; }
div.divForm table tbody td { padding:3px 0 2px 3px; height:20px; border-bottom:1px dotted #DDDDDD; text-align:left; }

div.boardForm { position:relative; width:99%; margin:0 auto; top:1em; text-align:left; }
#formWrap { border-top:2px solid #539d44; }
#formWrap dl.formDl { clear:both; width:100%; }
#formWrap dl.formDl dt { float:left; width:15%; height:30px; padding-top:5px; color:#666666; background:#f7f7f7; text-align:center; font-weight:bold; border-bottom:1px dotted #CCCCCC;}
#formWrap dl.formDl dt span { font: bold 12px '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; color:red; text-decoration:none; margin-right:-5px; }
#formWrap dl.formDl dd { float:left; width:84%; height:30px; padding-left:1%; padding-top:5px; border-bottom:1px dotted #CCCCCC; display:inline-block; }
#formWrap dl.formDl dd input[type=text], input[type=password] { display:inline-block; vertical-align:middle; }


.tblList .iteminfo dt { font: bold 14px '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; line-height:180%; text-align:left; }
.tblList .iteminfo dd { font: 12px '맑은 고딕', 'Malgun Gothic', "돋움", Dotum, AppleGothic, sans-serif; line-height:180%; text-align:left; }
.tblList .btnlist li { margin-bottom:3px; }

/* board pdfList 20150110 */
.photo_wrap { width:100%; height:auto; margin:0 auto; vertical-align:top; *zoom:1; top:0.2em; border-top:2px solid #539d44; }
.photo_wrap ul.photo_list { font-size:0; }
.photo_wrap ul.photo_list > li { display:inline-block; *display:inline; *zoom:1; width:33.33%; vertical-align:top; overflow:hidden;  border-bottom:1px solid #CCCCCC; }
.photo_wrap ul.photo_list > li:nth-child(3n-2) { margin-left:0; }
.photo_wrap ul.photo_list > li dl { text-align:center; }
.photo_wrap ul.photo_list > li dl dt { font-size:1.6rem; padding:.5em 0; }
.photo_wrap ul.photo_list > li dl dd { padding-bottom:10px !important; }
.photo_wrap ul.photo_list > li dl dd a img { border:1px solid #eee; height:162px }

.photo_view { position:relative; clear:both; width:100%; width:100%; height:auto; border-top:2px solid #539d44; }
.photo_view table { width:100%; width:100%; height:auto; font-size:.8em !important }
.photo_view table tbody th { padding:3px 0 3px 0; color:#666666; height:35px; background:#f7f7f7; border-bottom:1px dotted #CCCCCC; text-align:center; }
.photo_view table tbody td { padding:3px 0 2px 3px; height:20px; border-bottom:1px dotted #DDDDDD; text-align:left; }


@media screen and ( max-width:666px ) {
	.photo_wrap > ul.photo_list { width:96%; margin:0 2%; }
	.photo_wrap > ul.photo_list > li { width:45%; margin-left:10%; }
	.photo_wrap > ul.photo_list > li:nth-child(3n-2) { margin-left:10%; }
	.photo_wrap > ul.photo_list > li:nth-child(2n-1) { margin-left:0; }
}


/* board relation table */
#relationDiv .relationList { width:100%; margin:0 auto; }
#relationDiv .relationList thead { background-color:#EBEBEB; }
#relationDiv .relationList thead th { height:28px; color:#FFFFFF; line-height:1.7; text-align:center; }
#relationDiv .relationList tbody td { border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD; padding:7px 0 5px; text-align:center; }
#relationDiv .relationList tbody .ListAlign { text-align:left; padding-left:10px; }

/* board comment table */
.commentTbl { width:96%; margin:0 auto; }
.commentTbl tbody th { border-bottom:1px dotted #DDDDDD; border-top:1px dotted #DDDDDD; padding:3px 0 4px 0; text-align:center; }
.commentTbl tbody td { border-bottom:1px dotted #DDDDDD; border-top:1px dotted #DDDDDD; padding:3px 0 4px 0; text-align:center; }

/* board pagging button 53488F FEF7EE */

.boardBtn { display:inline-block; width:70px; padding:1px 0 2px 0; border-radius:2px; background:#539d44; text-align:center; color:#fff; cursor:pointer; font-weight:500; }
.boardBtn:hover {  }
input.boardBtn { padding:6px 0; }


/*.searchBtn { background:url(/img/comm/searchBtn.gif) no-repeat 0 0; text-align:center; padding:6px 12px 7px 27px; border-radius:2px; font-weight:600; color:#fff; cursor:pointer; }*/
.searchBtn { vertical-align:middle; width: 120px; background: url(/img/board/board_search.png) no-repeat 10px 50%; text-align:center; padding:15px 5px 0 25px; cursor:pointer; font-size: 1.8rem;}

.tblLeft a:first-child { border-top-left-radius:3px; border-bottom-left-radius:3px; text-indent:-100000px; overflow:hidden; background:url(/img/comm/boardArrow.png) no-repeat -2px -2px; }
.tblLeft a:last-child { border-top-right-radius:3px; border-bottom-right-radius:3px; text-indent:-100000px; overflow:hidden; background:url(/img/comm/boardArrow.png) no-repeat -31px -2px; }
.pBlock, .pBlockS, .pBlockN { display:block; width:27px; padding:6px 0; float:left; margin-right:-1px; border:1px solid #ccc; text-align:center; font:12px Arial, AppleGothic, sans-serif; }
.pBlock:hover, .pBlockN:hover { color:#333; background:#fafafa; }
.pBlock { letter-spacing:-2px; transition:background 500ms ease; }
.pBlock > a { padding:3px; }
.pBlock > a:hover { color:#fff; text-decoration:none; }
.pBlockS { background:#f5f5f5; }
.pBlockN { transition:background 500ms ease; }

/* psCenter */
#psCenter { position:relative; width:99%; margin:.5em auto; padding:5px; }
#psCenter table { width:100%; margin:0 auto; border-top:1px solid #ccc; }
#psCenter table tbody th { padding:10px 0 8px 0; color:#666666; height:20px; background:#f7f7f7; border-bottom:1px dotted #CCCCCC; text-align:center; }
#psCenter table tbody td { padding:10px 0 8px 0; height:20px; border-bottom:1px dotted #DDDDDD; text-align:left; }
#psCenter table tbody td #repleStatus { padding-left:5px; }
#psCenter table tbody td #repleStatus span:first-child { float:left; }
#psCenter table tbody td #repleStatus span:last-child { float:right; }
#psCenter table tbody td div.contentsPrint { clear:both; text-align:left; padding:5px; word-break: break-all; }

/* category tab */
#catabs { position:relative; width:auto; height:auto; }
#catabs ul { position:relative; width:auto; }
#catabs ul li { float:left; text-align:center; padding:.5em 1em; border-width:1px 1px 2px 1px; border-style: solid; border-color: #ccc #ccc #232567 #ccc; }
#catabs ul li a:hover, #catabs ul li a:active { color:#69c; font-weight:bold; }

/* Schedule tab */
.scheduleUl { clear:both; width:auto; margin:0 auto; *zoom:1; }
.scheduleUl:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
.scheduleUl li {width: 100%; clear:both; line-height:180%; padding: 6px 0; border-bottom:1px dotted #cdcdcd; display:inline-block;}
.scheduleUl li span:nth-child(1) { float:left !important; margin-right: 7px; font-size:14px; font-weight: 600; color:#6a8cd8; text-align:left; }
.scheduleUl li span:nth-child(2) { float:left !important; font-size:14px; font-weight: 600;  color:#333; text-align:left; }
.scheduleUl li span { float:right; font-size:13px; color:#888;}
.scheduleUl li:last-child {border-bottom:none;}

/* notice tab */
.noticeUl { clear:both; width:auto; margin:0 auto; *zoom:1; }
.noticeUl:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
.noticeUl li { clear:both; line-height:260%; }
.noticeUl li span:first-child { float:left !important; font-size:13px; color:#333; text-align:left; padding-left:7px; background: url('/img/comm/dot.gif') no-repeat 0 50%; }
.noticeUl li span { float:right; font-size:13px; color:#888;}

/* noraml table line off */
.offLineTbl { width:100%; }
.offLineTbl thead { background-color:#DDDDDD; }
.offLineTbl thead th { padding:2px; text-align:center; }
.offLineTbl tbody td { padding:2px; text-align:left; }
.offLineTbl > img { height:0; }

/* layer login box */
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#595959; display:none; }
.windows { display:none; position:absolute; top: 50%; left: 50%; width:20em; height:10em; margin-top: -9em; margin-left:-10em; padding:10px 10px; border: 1px solid #ccc; background-color: #f3f3f3; z-index:10000; }
#mask h2 { position:relative; margin-bottom:10px; text-align:center; }

#loginBox { position:relative; width:230px; vertical-align:top; color:#000; }
#loginBox dl { float:left; width:170px; vertical-align:top; }
#loginBox dl dt { float:left; width:60px; margin-bottom:5px; }
#loginBox dl dd { float:left; width:110px; }
#loginBox #loginbtn { float:left; width:57px; }
#loginBox ul { clear:both; }
#loginBox ul li { width:230px; float:left; margin-right:10px; }
.loginBtn01 { padding:1em .8em; background-color:#232567; font-size:1em; font-family:'맑은 고딕', sans-serif; color:#fff; border-radius:2px; }
.loginBtn01:hover { cursor:pointer; background-color:#f7f7f7; color:#000; padding:.75em; border:.1em solid #232567; }

/* page login  */
#loginWrap { position:relative; width:100%; margin: 70px 0;}
#loginWrap h2 {text-align:center; color:#999; font-size:33px; font-weight:800; letter-spacing: 1px;}
#loginWrap ul { display: table; margin: 20px auto 10px;}
#loginWrap ul li { margin-bottom:7px;}
#loginWrap ul li input{ width: 250px; padding: 10px 15px; font-size: 14px; border:2px solid #ddd; border-radius: 4px;}
#loginWrap div > div {text-align: center;}
#loginWrap div > div a {width: 250px; height: auto; padding: 10px 15px; font-size: 17px; border-radius: 4px;}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOARD END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */