@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;}
@media all and (max-width:640px){
	.bbs_title {font-size:0.9rem;}
}

/* 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; }
@media all and (max-width:640px){
	.viewWrap {padding:0;}
	.view_title2 {}
	.view_title2 table tr td {font-size:0.9rem;}
}

.view_con {margin:10px 0; display:table; width:96%; padding:0 10px;}
.pupsize {max-width:1410px;}
.file_img > img{max-width:800px;}
@media all and (max-width:1410px){
	.pupsize {max-width:initial; width:100% !important;}
}

.view_title4 {}
.view_title4 table {width:100%;}
.view_title4 table tr td{border-bottom:1px solid #ccc; padding:14px 10px; font-size:1.2rem; font-weight:bold; letter-spacing:-1px;}



/* 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 {border:1px solid #ccc;}
.bbs_write .bbs_write_table tr td.de_txt {padding:15px 0;}
.bbs_write .bbs_write_table tr td.td_title {padding:10px; vertical-align:middle; font-weight:bold;}
.bbs_write .bbs_write_table tr td.td_value {padding:4px 10px;}
.bbs_write .bbs_write_table tr td.td_value select {height:36px;}
.bbs_write .bbs_write_table tr td.td_value table tr td {border:none;}
.bbs_write .bbs_write_table tr td.desc_img_txt {padding:10px 0;}

.subcont{width:540px; height:100px;}
.input_txt1 {width:70%; padding:10px 5px;}
.input_txt2 {width:120px; padding:10px 5px}
.input_txt3 {width:70%; padding:10px 5px;}
.input_txt4 {width:40%; padding:10px 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;}

.view_con {margin:20px 0; display:table; width:99%;}

@media all and (max-width:1024px) { 
	.view_con {margin:40px auto; display:table; width:96%;}
}

@media all and (max-width:640px) {
	.view_con {margin:20px auto; 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 {width:100%;}
	.gallery_new > li > table tr td {text-align:center;}
	.gallery_new > li > table tr td img {width:100%;}
	.gallery_new > li > table tr td iframe {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 {width:100%;}
	.gallery_new > li > table tr td {text-align:center;}
	.gallery_new > li > table tr td img {width:100%;}
	.gallery_new > li > table tr td iframe {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; height:189px;}
	.gallery_new > li > table {width:100%;}
	.gallery_new > li > table tr td {text-align:center;}
	.gallery_new > li > table tr td > a {display:block; width:100%;}
	.gallery_new > li > table tr td > a:hover {color:#6d92f8;}
	.gallery_new > li > table tr td img {width:100%; height:150px;}
	.gallery_new > li > table tr td iframe {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:20px auto;}
.bbslist_table tr {}
.bbslist_table tr > td {padding:15px 0; font-weight:500; font-size:1.2rem; color:#333;}
.bbslist_table tr > td > a {font-size:1.2rem; color:#333; font-weight:500;}
.bbslist_table tr > td.bbs_header {font-weight:700; font-size:1.1rem;}
.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_contNO {text-align:center;}

.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;}
.bbslist_table tr > td.bbslist_cont04 { text-align:center;}
.bbslist_table tr > td.bbslist_cont05 { text-align:center; }
@media all and (max-width:640px){
	.bbslist_table tr > td.bbslist_cont01 {  }
	.bbslist_table tr > td.bbslist_cont02 {  }
	.bbslist_table tr > td.bbslist_cont03 > a {  }
	.bbslist_table tr > td.bbslist_cont04 {  }
	.bbslist_table tr > td.bbslist_cont05 {  }
}


/******************* 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;}




/***************************************************** poster CSS *****************************************************/
.poster_list {}
.poster_list > li{ margin:10px 0;}
.poster_list > li > table {width:100%;}
.poster_list > li > table tr td{border:1px solid #ccc;}
.poster_list > li > table tr td.col01 { width:25%; }
.poster_list > li > table tr td.col02 { vertical-align:middle; padding:8px 0 8px 20px; width:75%; font-size:1.2rem; letter-spacing:-1px; font-weight:bold; color:#333;}
.poster_list > li > table tr td.col02 > a {display:block; font-size:1.2rem; letter-spacing:-1px; font-weight:bold; color:#333;}
.poster_list > li > table tr td.col02 > a:hover {color:#911a1e;}
.poster_list > li > table tr td.col02.post_desc_txt {vertical-align:top !important; overflow-y:auto; height:210px}

.poster_list > li > table tr td.col01 > a {}
.poster_list > li > table tr td.col01 > a > img {width:100%; height:320px;}

.notPerformance {width:100%; padding:50px 0; text-align:center; background-color:#911a1e; color:#fff; font-weight:bold; font-size:1.2rem;}


.text_style01 {line-height:25px; color:#333; font-size:1.2rem; letter-spacing:-1px; font-weight:bold;}
.text_style02 {margin:20px 0 0 0; font-size:1.2rem; letter-spacing:-1px; font-weight:bold; color:#999;}
.text_style02 > span { font-size:1.2rem; letter-spacing:-1px; font-weight:bold; color:#999;}



/***************************************************** event CSS ******************************************************/
.eventlistWrap {width:100%;}
.eventlistWrap > li {width:100%; margin:30px 0;}

.eventlist_table {width:100%;}
.eventlist_table tr {}
.eventlist_table tr td{vertical-align:middle;}
.eventlist_table tr td.eventlist01 {}
.eventlist_table tr td.eventlist02 {width:390px; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 20px; border:none;}
.eventlist_table tr td.eventlist02 > a {display:block;}
.eventlist_table tr td.eventlist02 > a > img {width:100%;}
.eventlist_table tr td.eventlist03 {padding:0 0 0 20px;}
.eventlist_table tr td.eventlist03 > a {font-size:1.4rem; color:#333; font-weight:500;}
.eventlist_table tr td.eventlist03 > img {position:relative; top:-5px;}
.eventlist_table tr td.eventlist04 {padding:0 0 0 20px;}
.eventlist_table tr td.eventlist04 > span {display:inline-block; padding:3px 5px; margin:0 10px 0 0; background:#f47936; color:#fff;}
.eventlist_table tr td.eventlist05 {padding:0 0 0 20px;}
.eventlist_table tr td.eventlist05 > span {display:inline-block; padding:3px 5px; margin:0 10px 0 0; background:#7bc242; color:#fff;}
.eventlist_table tr td.eventlist06 {padding:0 0 0 20px;}
.eventlist_table tr td.eventlist06 .event_txt01 {}
.eventlist_table tr td.eventlist06 .event_txt02 {}
.eventlist_table tr td.eventlist06 .event_txt03 {}

@media all and (max-width:1000px){
	.eventlistWrap:after {content:''; display:block; clear:both;}
	.eventlistWrap > li {width:50%; float:left;}
	.eventlist_table {width:96%; margin:0 auto;}
	.eventlist_table tr td {display:block;}
	.eventlist_table tr td.eventlist02 {width:100%; padding:0;}
	.eventlist_table tr td.eventlist03 {padding:5px 0;}
	.eventlist_table tr td.eventlist04 {padding:5px 0;}
	.eventlist_table tr td.eventlist05 {padding:5px 0;}
	.eventlist_table tr td.eventlist06 {padding:5px 0;}
}

@media all and (max-width:630px){
	.eventlistWrap > li {width:100%; float:none;}
}

.view_title {font-size:1.6rem; height:auto; padding:8px 0;}
.view_title3 .eventview01 {padding:5px 0;}
.view_title3 .eventview01 > span {display:inline-block; padding:3px 5px; margin:0 10px 0 0; background:#f47936; color:#fff;}
.view_title3 .eventview02 {padding:5px 0;}
.view_title3 .eventview02 > span {display:inline-block; padding:3px 5px; margin:0 10px 0 0; background:#7bc242; color:#fff;}
.view_title3 .eventview03 {padding:5px 0;}



/* News CSS */
.bbsnews_table {width:100%;}
.bbsnews_table tr td{border-bottom:1px solid #ccc; padding:20px 0; box-sizing:border-box; vertical-align:top;}
.bbsnews_table tr td.news_td01 {width:290px;}
.bbsnews_table tr td.news_td01 a {display:block;}
.bbsnews_table tr td.news_td01 a img {width:290px; height:190px;}
.bbsnews_table tr td.news_td02 {}
.bbsnews_table tr td .etc_inBox {padding:0 0 0 40px;}
.bbsnews_table tr td .etc_inBox .title {font-size:1.4rem; color:#0066cc;}
.bbsnews_table tr td .etc_inBox .cont {font-size:0.7rem;}
.bbsnews_table tr td .etc_inBox .cont img {display:none;}
.bbsnews_table tr td .etc_inBox .etc {padding:10px 0;}
.bbsnews_table tr td .etc_inBox .etc span {color:#999; display:inline-block; position:relative; padding:0 8px 0 0;}
.bbsnews_table tr td .etc_inBox .etc span:after {position:absolute; content:'|'; top:-1px; right:2px;}
.bbsnews_table tr td .etc_inBox .etc span:last-child:after {display:none;}
@media all and (max-width:1200px){
	.bbsnews_table tr td .etc_inBox {padding:0 0 0 20px;}
}
@media all and (max-width:820px){
	.bbsnews_table tr td.news_td01 {width:200px;}
	.bbsnews_table tr td .etc_inBox .title {font-size:1.4rem;}
	.bbsnews_table tr td.news_td01 a img {width:290px; height:auto;}
}
@media all and (max-width:680px){
	.bbsnews_table tr td {display:block;}
	.bbsnews_table tr td.news_td01 {width:100%; text-align:center;}
	.bbsnews_table tr td .etc_inBox {padding:0;}
	.bbsnews_table tr td.news_td01 a img {width:auto;}
}
@media all and (max-width:620px){
	.viewWrap .file_img img {width:100%;}
}