@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;padding:5px 0;}
.bbs_title{width:100%;font-size:1.167rem;font-weight:bold;height:35px;line-height:35px; text-align:center;}


/* View CSS */
.viewWrap {padding:0 5px; margin:5px 0 0 0;}
.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;}

.bbs_list{text-align:center;border-bottom:1px solid #eeeeee;font-size:1rem;border-collapse:collapse;}
.bbs_cont{clear:both;text-align:center; border-bottom:1px solid #ccc; vertical-align:middle;}
.view_con {margin:10px 0; display:table; width:96%; padding:0 10px;}
.pupsize {max-width:800px;}
.file_img > img{max-width:800px;}

/* 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;}
.mobilesize {width:100%;}

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




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


/****************** list.asp CSS *******************/
.listimg_serch {border-top:1px solid #aaa;}
.listimg_serch_td01 { width:10%; text-align:center; vertical-align:middle;}
.listimg_serch_td02 {vertical-align:middle;}
.listimg_serch_td03 { width:14%; vertical-align:middle;}
.listimg_serch_td04 { vertical-align:middle; }
.listimg_serch_td04 .search_Input {width:120px; border:1px solid #aaa;}

.bbslist_table {text-align:left;margin:0 auto;}
.bbslist_table tr {}
.bbslist_table tr > td {padding:10px 0; vertical-align:middle;}
.bbslist_table tr > td.bbslist_header01 {width:7%;}
.bbslist_table tr > td.bbslist_header02 {width:10%;}
.bbslist_table tr > td.bbslist_header03 {width:57%;}
.bbslist_table tr > td.bbslist_header04 {width:11%;}
.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;font-size:12px; padding:0 3px;}
.bbslist_table tr > td.bbslist_cont04 { font-size:12px;font-weight:bold; text-align:center; padding:0 3px;}
.bbslist_table tr > td.bbslist_cont05 { text-align:center; }

/* list_img.asp CSS */
.listimg_cont01 {}
.listimg_cont02 {width:10%;}
.listimg_cont03 {width:30%}
.listimg_cont03 > a {display:block;}
.listimg_cont03 > a > img {width:150px; height:105px;}
.listimg_cont04 {width:50%; text-align:left; padding:0 5px; height:26px;}
.listimg_cont05 {text-align:left; padding:0 5px; height:26px;}
.listimg_cont06 {text-align:left; padding:0 5px; height:26px;}
.listimg_cont07 {text-align:left; padding:0 5px; height:26px;}

.listimg_spantit {display:inline-block; width:50px; font-weight:bold;}


/* list_img_view.asp CSS */
.view_con .file_img {width:100%;}
.view_con .file_img > img {width:100%;}

.view_title3 {border-bottom:1px solid #ccc; padding:10px;}


/* list_img_reg.asp CSS */



/* jobList CSS */
.job_list {text-align:center; margin:20px auto 0; width:94%;}
.job_list > li {width:49%; display:inline-block;}
.job_list > li > table{width:100%;}
.job_list > li > table tr th {border:1px solid #ccc; vertical-align:middle; padding:5px; width:70px;}
.job_list > li > table tr td {border:1px solid #ccc; vertical-align:middle; padding:5px;}
.job_list > li > table tr th.col01 {}
.job_list > li > table tr td.profile_img {width:110px;}
.job_list > li > table tr td > img {width:100px; height:125px; padding:5px 0;}
.job_list > li > table tr td > a > img {width:100px; height:125px; padding:5px 0;}

@media all and (min-width:0px) and (max-width:440px) {
	.job_list > li {width:100%; margin:5px 0;}
	.job_list > li > table tr td.profile_img {width:130px;}
	.job_list > li > table tr td > img {width:120px; height:150px;padding:5px 0;}
	.job_list > li > table tr td > a > img {width:120px; height:150px; padding:5px 0;}
}

/* job_reg CSS */
.bbs_write_table {width:100%;}
.bbs_write_table tr th {border:1px solid #ccc;}
.bbs_write_table tr td {border:1px solid #ccc;}
.bbs_write_table tr td.td_title {width:70px;}
.bbs_write_table tr td.td_value {}
.bbs_write_table tr td.td_value input {padding:3px 5px; margin:3px 5px;}
.bbs_write_table tr td.td_value select {margin:3px 5px;}
@media all and (min-width:0px) and (max-width:440px) {
	.input_txt1 {width:60%;}
}

/* job_view CSS */
.job_view_con {margin-top:20px;}
.job_view_con table {width:100%;}
.job_view_con table tr th {border:1px solid #ccc; vertical-align:middle; background-color:#f1f1f1;}
.job_view_con table tr td {border:1px solid #ccc; vertical-align:middle; padding:3px 5px;}
.job_view_con table tr td.view_img {text-align:center;}
.job_view_con table tr td.view_img > img {width:120px; height:150px;}

.job_conViewMobile {}
.job_conViewMobile iframe { width:100% !important; height:200px !important;}