@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.6rem;font-weight:bold; text-align:center; padding:10px 0;}


/* View CSS */
.viewWrap { padding:20px 0px;}
.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; font-size:1.4rem;}
.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; font-size:1.4rem; } 
.view_title3 { padding: 12px 10px; border-bottom: 1px solid #ccc; }

.view_con {margin:10px 0; display:table; width:96%; padding:0 10px;}
.view_con p {font-size:1.2rem; line-height:2rem;}
.view_con div {font-size:1.2rem; line-height:2rem;}
.view_con span {font-size:1.2rem; line-height:2rem;}
.view_con font {font-size:1.2rem; line-height:2rem;}
.pupsize {max-width:800px;}
.file_img > img{max-width:800px;}

.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;}

.p_logBtn {padding:5px 0; margin:10px 0; border:1px solid #ccc; color:#999; display:block; text-align:center; width:50px; transition:all .3s ease;}
.p_logBtn:hover {background-color:#333; color:#fff;}

/* 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.desc_img_txt {padding:10px 0;}
.bbs_write .bbs_write_table tr td.img_up_td {vertical-align:middle; text-align:center; 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;}






@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 {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: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_contNO {text-align:center;}

.bbslist_table tr > td.bbslist_cont01 { padding:0 6px; text-align:center; font-size:1.2rem;}
.bbslist_table tr > td.bbslist_cont02 { padding:0 6px; text-align:center; font-size:1.2rem;}
.bbslist_table tr > td.bbslist_cont03 { text-align:left;}
.bbslist_table tr > td.bbslist_cont03 > a { font-size:1.2rem; }
.bbslist_table tr > td.bbslist_cont04 { text-align:center; font-size:1.2rem;}
.bbslist_table tr > td.bbslist_cont05 { text-align:center; font-size:1.2rem;}


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



/**************************************************** job list CSS ******************************************************/
.job_list {width:100%;}
.job_list:after {content:''; display:block; clear:both;}
.job_list > li {width:32%; float:left; margin:10px 22px 10px 0;}
.job_list > li table {width:100%;}
.job_list > li table tr th { border:1px solid #ccc; background-color:#f1f1f1; vertical-align:middle; padding:10px; width:50px;}
.job_list > li table tr td { border:1px solid #ccc; vertical-align:middle;}
.job_list > li table tr td > a {display:block; width:100%; padding:5px; }
.job_list > li table tr td > p {width:100%; padding:5px; }
.job_list > li table tr td.profile_img {width:150px;}
.job_list > li table tr td.profile_img > img {width:130px; height:150px; padding:10px;}
.job_list > li table tr td.profile_img > a {display:block; padding:10px; width:130px;}
.job_list > li table tr td.profile_img > a > img {width:130px; height:150px;}

.job_list > li table tr td.col01 {  }
.job_list > li table tr td.col02 {  }
.job_list > li table tr td.col03 {  }
.job_list > li table tr td.col04 {  }

.job_list > li.noMargin {margin:10px 0 10px 0;}


/**************************************************** job view CSS ******************************************************/
.job_view_con {}
.job_view_con table {width:100%; margin:10px 0;}
.job_view_con table tr th {border:1px solid #ccc; vertical-align:middle; background-color:#f1f1f1; width:100px; padding:10px;}
.job_view_con table tr td {border:1px solid #ccc; vertical-align:middle; padding:10px;}
.job_view_con table tr td.view_img {width:130px; padding:10px;}
.job_view_con table tr td.view_img > img {width:130px; height:150px;}
.job_view_con table tr td.job_conView {min-height:100px;}