html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, 
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section ,article{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:12px;
  font-family:'³ª´®°íµñ', NanumGothic, 'Nanum Gothic',arial, Helvetica, AppleGothic, sans-serif;
  vertical-align:baseline;  
}

a:link {text-decoration:none; color:#333;}
a:visited {text-decoration:none; color:#333;}
a:active {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#333;}


/* write CSS */
.wrap {width:100%;}

.wrap .title {text-align:center;}
.wrap table{border-collapse:collapse; width:97%; margin: 10px 30px;}
.wrap table tr td{border:1px solid #ccc; height:30px; line-height:30px; vertical-align:middle; padding:5px 10px; box-sizing:border-box;}
.wrap table tr td.tdw {background:#f1f1f1;}
.wrap table tr td input {height:20px; line-height:20px; padding:0 0 0 5px; width:295px;}
.wrap table tr td input[type='file'] {padding:0;}

.subm {text-align: center;}


/* list CSS */
.listWrap {width:1100px; margin:0 auto;}
.pdsShWrap {width:97%; margin: 10px 30px; text-align:right;}
.pdsShWrap input{height:20px; line-height:20px; padding:0 0 0 5px;}
.pdsShWrap select {height:22px; line-height:20px;}
.pdsShWrap .pdsShBtn {display:inline-block; border:1px solid #ccc; width:60px; text-align:center; background-color:#f1f1f1; transition:all .3s ease;}
.pdsShWrap .pdsShBtn:hover {background-color:#777;}
.pdsShWrap .pdsShBtn:hover > a {color:#fff; display:block;}

.inner {width:100%;}
.inner table{border-collapse:collapse; width:97%; margin: 10px 30px;}
.inner > table tr th{border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:30px; line-height:30px; vertical-align:middle; padding:5px 10px; box-sizing:border-box; text-align:left;}
.inner > table tr td{border-bottom:1px dotted #ccc; height:30px; line-height:30px; vertical-align:middle; padding:5px 10px; box-sizing:border-box;}
.inner > table tr td > a {display:block;}

.inner .writecs {width:97%; margin: 10px 30px;}

.pagenavi {width:100% !important; margin:0 !important;}
/* View CSS */
.viewWrap {width:1100px; margin:0 auto;}
.viewBtn {width:97%; margin: 10px 30px;}
.viewcont {text-align:center; font-weight:bold;}
.viewcont1 {height:300px !important; overflow-y:auto; vertical-align:top !important;}

.downbox {transition:all .3s ease;}
.downbox:hover {color:blue; font-weight:bold;}

.postSnail {width:50px; height:50px; padding:0 3px;}

/* edit CSS */

.submit_btn {width:80px !important; height:22px !important; line-height:20px !important; cursor:pointer;}
.delBtn {width:80px; height:20px; line-height:20px; border:1px solid #ccc; display:inline-block; background-color:#f1f1f1;}




/* View Gall CSS */

.viewGalleryWrap {width:100%; height:700px; margin-top:50px;}
.viewGallSl {}
.viewGallSl > li {text-align:center;}
.viewGallSl > li > img {max-width:80%;} /* À̹ÌÁö »çÀÌÁî */

#GallSl_pager {text-align:center; position:relative; z-index:99;}
#GallSl_pager > a {display:inline-block;}
#GallSl_pager > a > img {width:100px; height:100px; padding:5px;}
#GallSl_pager > a.active {border:1px solid #dc3d3d;}

.gallClose {position:absolute; top:30px; right:30px; z-index:110; width:50px; height:50px; line-height:50px; text-align:center; background-color:#333; border-radius:50% 50%;}
.gallClose > a {font-size:3rem; color:#fff;}

.gallcont > p {text-align:center; font-size:1.667rem; position:relative; z-index:99; color:#000; padding:10px 0; font-weight:bold;}/* ŸÀÌƲ */

/*À̹ÌÁö ½½¶óÀÌ´õ CSS*/
.bx-viewgall {position:relative;}
.bx-viewgall .bx-controls .bx-pager{position:absolute; top:-70px; right:50%; z-index:999; margin-right:-61px;}
.bx-viewgall .bx-controls .bx-pager .bx-pager-item{display:inline-block; margin:0 2px; z-index:9999;}
.bx-viewgall .bx-pager.bx-default-pager a{background-image:url('/img/main/best_dot01.png'); width:18px; height:18px; display:block; }
.bx-viewgall .bx-pager.bx-default-pager a.active {
	background-image: url('/img/main/best_dot02.png'); width:68px; height:18px; display:block;
}

/* À̹ÌÁö½½¶óÀÌ´õ Á¿ì CONTROLS (NEXT / PREV) */


.bx-viewgall .bx-prev {left: 10%; background: url('/img/main/button_left.png') no-repeat ;}
.bx-viewgall .bx-next {right: 10%; background: url('/img/main/button_right.png') no-repeat ;}

.bx-viewgall .bx-prev:hover {background-position: 0 0;}
.bx-viewgall .bx-next:hover {background-position: 0 0;}

.bx-viewgall .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 78px; height: 78px; text-indent: -9999px; z-index: 99;}
.bx-viewgall .bx-controls-direction a.disabled {display: none;}

/*À̹ÌÁö½½¶óÀÌ´õ CSS ³¡*/



/* ¹Ìµð¾î Äõ¸® */

@media all and (min-width:0px) and (max-width:480px) {
	#GallSl_pager > a > img {width:70px; height:70px; padding:5px;}
	
	/* À̹ÌÁö ½½¶óÀÌ´õ Á¿ì */
	.bx-viewgall .bx-prev {left: 10px; background: url('/img/main/button_left.png') no-repeat; background-size:35px 35px;}
	.bx-viewgall .bx-next {right: 10px; background: url('/img/main/button_right.png') no-repeat; background-size:35px 35px;}

	.bx-viewgall .bx-prev:hover {background-position: 0 0;}
	.bx-viewgall .bx-next:hover {background-position: 0 0;}

	.bx-viewgall .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 35px; height: 35px; text-indent: -9999px; z-index: 99;}
	.bx-viewgall .bx-controls-direction a.disabled {display: none;}

	.gallClose {position:absolute; top:15px; right:15px; z-index:110; width:30px; height:30px; line-height:30px; text-align:center; background-color:#333; border-radius:50% 50%;}
	.gallClose > a {font-size:2rem; color:#fff;}
}

/* sub03-1.asp CSS ¹Ìµð¾îÄõ¸®*/

@media all and (min-width:0px) and (max-width:479px) {
	.polWrap{}
	.polWrap > .inner{}
	.polWrap > .inner > ul {}
	.polWrap > .inner > ul > li {width:95%; box-sizing:border-box; padding:10px 5px; margin:0 auto;}
	.polWrap > .inner > ul > li > a {display:block;}
	.polWrap > .inner > ul > li > a > p {text-align:center;}
}

@media all and (min-width:480px) and (max-width:819px) {
	.polWrap{}
	.polWrap > .inner{}
	.polWrap > .inner > ul {}
	.polWrap > .inner > ul:after {content:''; display:block; clear:both;}
	.polWrap > .inner > ul > li {float:left; width:50%; box-sizing:border-box; padding:10px 5px;}
	.polWrap > .inner > ul > li > a {display:block;}
	.polWrap > .inner > ul > li > a > p {text-align:center;}
}

@media all and (min-width:820px) {
	.polWrap{}
	.polWrap > .inner{}
	.polWrap > .inner > ul {}
	.polWrap > .inner > ul:after {content:''; display:block; clear:both;}
	.polWrap > .inner > ul > li {float:left; width:33.3%; box-sizing:border-box; padding:10px 5px;}
	.polWrap > .inner > ul > li > a {display:block;}
	.polWrap > .inner > ul > li > a > p {text-align:center;}
}