@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");


a {selector-dummy: expression(this.hideFocus=true);}/* ¸µÅ©Á¡¼± ¾ø¾Ö±â*/
a:link {text-decoration:none;color:#666;}
a:visited {text-decoration:none;color:#666;}
a:active {text-decoration:none;color:#000000;}
a:hover {text-decoration:none;color:#666;}

body{font-family:'³ª´®°íµñ', NanumGothic, 'Nanum Gothic';color:#5d5d5d;}
input,textarea{color:#5d5d5d;}

.bbs_header{text-align:center;border-top:2px solid #cbcbcb;border-bottom:1px solid #cbcbcb;border-collapse:collapse; font-weight:bold;}
.bbs_title{width:100%;font-size:1.167rem;font-weight:bold;height:35px;line-height:35px; text-align:center;}


/* View CSS */
.viewWrap { padding:0 20px;}
.view_title2 { border-bottom:1px solid #ccc; height:40px;}
.view_title2 table { width:100%; border-collapse:collapse;}
.view_title2 table tr td:nth-child(1){ width:30%; text-indent:10px; height:40px; vertical-align:middle;}
.view_title2 table tr td:nth-child(2){ width:20%; text-indent:10px; height:40px; vertical-align:middle;}
.view_title2 table tr td:nth-child(3){ width:10%; text-indent:10px; height:40px; vertical-align:middle;}
.view_title2 table tr td:nth-child(4){ width:40%; text-indent:10px; height:40px; vertical-align:middle; text-align:right; padding:0 10px 0 0;}
.view_title3 { padding: 12px 10px; border-bottom: 1px solid #ccc; }

.view_con {margin:10px 0; display:table; width:96%; padding:0 10px;}
.pupsize {max-width:800px;}
.file_img > img{max-width:800px;}


/* list CSS */
.bbs_list{text-align:center;border-bottom:1px solid #eeeeee;font-size:1rem;border-collapse:collapse;}
.bbs_cont{clear:both; border-bottom:1px dashed #ccc;}


/* bbs_reg CSS */
#page_cont {width:98%; margin:0 auto 30px;}
.bbs_write{width:100%;min-height:500px;}
.bbs_write .bbs_write_table {border:1px solid #EEEEEE;text-align:left;border-collapse:collapse;margin:0 0 10px 0; width:100%;}
.bbs_write .bbs_write_table tr td {height:25px; line-height:25px;}

.input_txt1 {width:70%; padding:0 0 0 5px}
.input_txt2 {width:120px; padding:0 0 0 5px}
#secretYN {vertical-align:middle;}
.noticeYN {vertical-align:middle;}

.de_txt {text-align:center; border-top:1px solid #f1f1f1; background-color:#f1f1f1; font-weight:bold;}

.hi_txt{font-size:1.083rem;color:#5b5d5c;}
.hi_txt_m{font-size:1rem;color:#f56f31; font-weight:bold;}
.hi_txt_s{font-size:0.9167rem;color:#f56f31;}

.blue_txt_s{font-size:1.167rem;color:#6d92f8;}
.blue_txt_m{font-size:1rem;color:#6d92f8;}

.red_txt_s{font-size:0.9167rem;color:#fd6659;}
.red_txt_m{font-size:1.333rem;color:#0c67b0;}
.br_txt_s{font-size:0.9167rem;color:#7e6d0f;}
.br_txt_m{font-size:1.333rem;color:#0c67b0;}
.br_txt_l{font-size:1.167rem;color:#7e6d0f;}

.inp {width:300px;}






@media all and (min-width:768px) and (max-width:1024px) {
	.view_con {margin:20px 0; display:table; width:96%;}
}

@media all and (min-width:1025px) { 
	.view_con {margin:40px 0; display:table; width:96%;}
}



/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/

/**************************************************** Gallery_new CSS (°¶·¯¸® ¹ÝÀÀÇü) *****************************************************/

@media all and (min-width:0px) and (max-width:479px) {
	.gallery_new {}
	.gallery_new > li {width:98%; box-sizing:border-box; padding:10px;}
	.gallery_new > li > table tr td {text-align:center;}
	.gallery_new > li > table tr td img {width:100%;}
}


/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/


@media all and (min-width:480px) and (max-width:819px) {
	.gallery_new {}
	.gallery_new > li:after {content:''; display:block; clear:both;}
	.gallery_new > li {width:50%; box-sizing:border-box; float:left; padding:10px;}
	.gallery_new > li > table tr td {text-align:center;}
	.gallery_new > li > table tr td img {width:100%;}
}


/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/


@media all and (min-width:820px) {
	.gallery_new {}
	.gallery_new > li:after {content:''; display:block; clear:both;}
	.gallery_new > li {width:25%; box-sizing:border-box; float:left; padding:10px;}
	.gallery_new > li > table tr td {text-align:center;}
	.gallery_new > li > table tr td img {width:100%; height:150px;}
}




/******************* °Ë»ö¾î °øÅë CSS ******************/

.listimg_serch {border:1px solid #EEEEEE;text-align:left;border-collapse:collapse;margin:0px auto; padding:20px 0;}
.listimg_serch tr {width:100%;height:25px;}
.listimg_serch tr > td { vertical-align:middle; }
.listimg_serch tr > td.listimg_serch_td01 {width:70px; padding:0 0 0 10px;}
.listimg_serch tr > td.listimg_serch_td02 {}
.listimg_serch tr > td.listimg_serch_td03 {width:80px;}
.listimg_serch tr > td.listimg_serch_td04 {}


/****************** list.asp CSS *******************/
.bbslist_table {text-align:left;margin:0 auto;}
.bbslist_table tr {}
.bbslist_table tr > td {padding:10px 0;}
.bbslist_table tr > td.bbslist_header01 {width:7%;}
.bbslist_table tr > td.bbslist_header02 {width:10%;}
.bbslist_table tr > td.bbslist_header03 {width:58%;}
.bbslist_table tr > td.bbslist_header04 {width:10%;}
.bbslist_table tr > td.bbslist_header05 {width:15%;}

.bbslist_table tr > td.bbslist_cont01 { padding:0 3px; text-align:center;}
.bbslist_table tr > td.bbslist_cont02 { padding:0 3px; text-align:center;}
.bbslist_table tr > td.bbslist_cont03 { text-align:left;font-size:12px;}
.bbslist_table tr > td.bbslist_cont04 { font-size:12px;font-weight:bold; text-align:center;}
.bbslist_table tr > td.bbslist_cont05 { text-align:center; }


/******************* list_img.asp CSS ******************/

.img_list_table {text-align:left;margin:0 auto;}
.img_list_table tr {}
.img_list_table tr > td {padding:10px 0;}
.img_list_table tr > td.bbs_header01 {width:5%;}
.img_list_table tr > td.bbs_header02 {width:15%;}
.img_list_table tr > td.bbs_header03 {width:25%;}
.img_list_table tr > td.bbs_header04 {width:55%;}

.img_list_table tr > td.listimg_cont01 {padding:0 3px; vertical-align:middle; text-align:center;}
.img_list_table tr > td.listimg_cont02 {padding:0 3px;}
.img_list_table tr > td.listimg_cont03 {font-size:12px;font-weight:bold; vertical-align:middle; text-align:center;}
.img_list_table tr > td.listimg_cont03 > a > img {width:200px;}
.img_list_table tr > td.listimg_cont04 {font-size:12px;font-weight:bold;}
.img_list_table tr > td.listimg_cont04 span {display:inline-block; }
.img_list_table tr > td.listimg_cont04 span.listimg_spantit {width:100px;}
.img_list_table tr > td.listimg_cont05 {}
.img_list_table tr > td.listimg_cont05 span {display:inline-block; }
.img_list_table tr > td.listimg_cont05 span.listimg_spantit {width:100px;}
.img_list_table tr > td.listimg_cont06 {}
.img_list_table tr > td.listimg_cont06 span {display:inline-block; }
.img_list_table tr > td.listimg_cont06 span.listimg_spantit {width:100px;}
.img_list_table tr > td.listimg_cont07 {}
.img_list_table tr > td.listimg_cont07 span {display:inline-block; }
.img_list_table tr > td.listimg_cont07 span.listimg_spantit {width:100px;}

.img_list_table tr > td.listimg_cont_no {height:80px;vertical-align:middle;}