@charset "euc-kr";


/* board content */

/* table list, form */
.formDiv  {padding-top:0; padding-bottom:10px;}
.formDiv .dlist1 {border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0 8px 0;}
.formDiv .dlist1 dt {float:left; width:60px; padding:7px 10px 0 10px; background:url('/images/common/icon_bullet.gif') no-repeat 0 12px;}
.formDiv .dlist1 dd {float:left; width:auto;}
.formDiv .dlist1 dd.text {padding-top:7px;}
.formDiv .para {position:relative;  float:right; top:-30px; font-size:14px;}
.formDiv .paraBlk {padding-left:10px; padding-top:15px;}

table.listTbl {width:100%; border-top:1px solid #3399cc; border-bottom:2px solid #dadada; border-collapse:collapse; font-size:14px; table-layout:fixed;}
table.listTbl thead th {height:29px; padding-top:4px; padding-bottom:4px; text-align:center; background:#ddeeff; color:#006699; word-wrap:break-word;}
table.listTbl tbody td {text-align:center; height:28px; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #dadada; color:#333;}
table.listTbl tbody td.subj {padding-left:10px; text-align:left;}
table.listTbl tbody td.al {padding-left:10px; text-align:left;}
table.listTbl tbody td.pl30 {padding-left:20px;}
table.listTbl a em {color:#000;}
table.listTbl a:hover em {color:#3399cc;}
table.listTbl .col1 {width:10%;}
table.listTbl .col2 {width:65%;}
table.listTbl .col3 {width:8%;}
table.listTbl .col4 {width:auto;}

table.listTblSt1 .col1 {width:53%;}
table.listTblSt1 .col2 {width:15%;}
table.listTblSt1 .col3 {width:20%;}
table.listTblSt1 .col4 {width:auto;}
table.listTblSt1 tbody td {height:42px; padding-top:8px; padding-bottom:8px; border-right:1px solid #dadada;}
table.listTblSt1 tbody td.subj {padding-left:20px;}
table.listTblSt1 .last {border-right:1px dashed transparent;}
table.listTblSt1 .day {padding-left:52px; font-size:12px; color:#666; text-align:left;}
table.listTblSt1 .day strong {display:block; color:#e00000;}

table.formTbl {width:100%; border-top:1px solid #b9e5fe; border-bottom:2px solid #dadada; border-collapse:collapse; font-size:14px; table-layout:fixed;}
table.formTbl thead th {height:29px; padding-top:4px; padding-bottom:4px; text-align:center; background:#b9e5fe; color:#005ea7; word-wrap:break-word;}
table.formTbl tbody th {text-align:center; height:28px; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #dadada; color:#333;}
table.formTbl tbody td {text-align:center; height:28px; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #dadada; color:#333;}
table.formTbl tbody td.subj {padding-left:10px; text-align:left;}
table.formTbl .col1 {width:10%;}
table.formTbl .col2 {width:65%;}
table.formTbl .col3 {width:8%;}
table.formTbl .col4 {width:auto;}

.formTblCont {display:block; overflow:hidden; padding:20px 0 40px 0; font-size:14px; line-height:1.6em; color:#000;}
.formTblCont img {max-width:100%;}
.formTblFile {display:block; overflow:hidden; padding:15px 0;}
.formTblFile .file {display:inline-block; overflow:hidden; padding:0 0 0 14px; background:url('/images/common/icon/file.gif') 0 0 no-repeat; vertical-align:middle;}
div.formTblHr {overflow:hidden; height:1px; font-size:0; line-height:0; border-top:1px solid #dadada; background-color:#dadada;}

.formBtnL {float:left; margin:12px 0 12px 0;}
.formBtnR {float:right; margin:12px 0 12px 0;}

/* formNav */
.formNav  {padding-top:1px; padding-bottom:0; font-size:14px; color:#000;}
.formNav dl {border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding:12px 0 10px 0;}
.formNav dl dt {float:left; width:56px; padding:0 0 0 30px; background:url('/images/common/icon/board_nav.gif') no-repeat 11px 4px; font-weight:bold;}
.formNav dl.listPre dt {}
.formNav dl.listNext dt {background-position:11px -56px}
.formNav dl.listNext {margin-top:-1px;}
.formNav dl dd {float:left; padding:0 0 0 10px;}
.formNav dl dd.subj {width:70%;}
.formNav dl dd.date {width:15%; text-align:right;}


/* paging */	
.paging {width:100%; height:100%;padding:0 0 0 0; margin:15px 0; text-align:center;}
.paging * {display:inline-block; overflow:hidden; vertical-align:middle; font:12px Arial;}
.paging .nums { margin:0 0 0 1px;}
.paging .nums em, .paging .nums a {min-width:7px; margin:0 2px 0 0; padding:0 8px 0 8px; border:1px solid #eaeaea; font-weight:bold; color:#666666; line-height:22px;}
.paging .nums a:hover, .paging .nums a:focus {border:1px solid #9ed2ec; color:#0295e1;}
.paging .nums em {border:1px solid #9ed2ec; font-weight:bold; color:#0066d4; background-color:#dbf3ff;}

.paging .prevBlock,
.paging .prev,
.paging .next,
.paging .nextBlock {width:25px; height:24px; margin:0 0 0 0; background:url('/images/common/btn/btn_paging.png') no-repeat 0 0; vertical-align:middle;}
.paging .prevBlock {width:68px;}
.paging .prev {background-position:-73px 0;}
.paging .next {background-position:-100px 0;}
.paging .nextBlock {width:68px; background-position:-130px 0;}
.paging .prevBlock:hover, .paging .prevBlock:focus {background-position:0 -24px;}
.paging .prev:hover, .paging .prev:focus {background-position:-73px -24px;}
.paging .next:hover, .paging .next:focus {background-position:-100px -24px;}
.paging .nextBlock:hover, .paging .nextBlock:focus {background-position:-130px -24px;}

.contactUsTbl {}
.contactUsArea {display:none; font-size:14px; border-top:2px solid #dadada; border-bottom:1px solid #dadada;}
.contactUsArea dl {padding:15px 8px 20px 8px; border-bottom:1px solid #dadada}
.contactUsArea dl dt {padding:0 0 12px 0; line-height:20px; font-weight:bold; color:#005ea7;}
.contactUsArea dl dd {padding:5px 0 4px 0;}
.contactUsArea dl dd.name {padding-bottom:9px;}
.contactUsArea dl dd.ph {display:inline;}
.contactUsArea dl dd.email {display:inline;}


.iconTbl1, .iconTbl2 {display:inline-block; overflow:hidden; height:14px; padding:0 1px 0 0; margin:0 0 0 0; background:url('/images/common/icon/icontbl1_bg.gif') right -14px no-repeat; vertical-align:middle;}
.iconTbl1 span, .iconTbl2 span {display:block; overflow:hidden; height:14px; padding:0 1px 0 1px; *padding-right:0; border:none; font-size:11px; line-height:15px; white-space:nowrap; font-weight:normal; color:#fff; background:url('/images/common/icon/icontbl1_bg.gif') 0 0 no-repeat; text-align:center; vertical-align:top !important; letter-spacing:-2px; *letter-spacing:-1px;}
.iconTbl2 {background-image:url('/images/common/icon/icontbl2_bg.gif');}
.iconTbl2 span {background-image:url('/images/common/icon/icontbl2_bg.gif');}

.btnTbl1 {display:inline-block; overflow:hidden; height:20px; padding:0 2px 0 0; margin:0 0 0 0; background:url('/images/common/btn/btntbl1.gif') right -20px no-repeat; vertical-align:middle;}
.btnTbl1 span {display:block; overflow:hidden; height:20px; padding:0 3px 0 5px; border:none; font-size:11px; line-height:20px; white-space:nowrap; font-weight:normal; color:#777; background:url('/images/common/btn/btntbl1.gif') 0 0 no-repeat; text-align:center; vertical-align:top !important; letter-spacing:-1px; cursor:pointer;}
span.btnTbl1 {background-position:right -60px;}
span.btnTbl1 span {background-position:0 -40px; color:#c9c9c9; cursor:default;}

.recBtnR {float:right; margin:16px 0 16px 0;}

.iframeJobWrap {overflow:hidden;}


@media only screen and (min-width:971px) and (max-width:1180px) {


}

@media only screen and (min-width:768px) and (max-width:970px) {

/* table list, form */
.formDiv .dlist1 dd input.full {width:210px;}
.formDiv .para {top:auto; font-size:14px; padding-top:9px; padding-bottom:40px;}

table.listTbl tbody td.subj a {display:block; overflow:hidden; text-overflow:ellipsis; font-family:'¸¼Àº °íµñ', 'Malgun Gothic'; white-space:nowrap; }
table.listTbl .col1 {width:10%;}
table.listTbl .col2 {width:50%;}
table.listTbl .col3 {width:15%;}
table.listTbl .col4 {width:auto;}

table.listTblSt1 tbody td.subj a {display:block; overflow:hidden; text-overflow:ellipsis; font-family:Dotum; white-space:normal; }
table.listTblSt1 .col1 {width:35%;}
table.listTblSt1 .col2 {width:20%;}
table.listTblSt1 .col3 {width:25%;}
table.listTblSt1 .col4 {width:auto;}
table.listTblSt1 tbody td.subj {padding-left:5px;}
table.listTblSt1 .day {padding-left:10px;}
table.listTblSt1 .day strong {display:block; color:#e00000;}

table.formTbl tbody td.subj {overflow:hidden; text-overflow:ellipsis; font-family:'¸¼Àº °íµñ', 'Malgun Gothic'; white-space:nowrap; }
table.formTbl .col1 {width:10%;}
table.formTbl .col2 {width:50%;}
table.formTbl .col3 {width:15%;}
table.formTbl .col4 {width:auto;}

/* formNav */
.formNav dl dd.subj {width:45%; line-height:14px;}
.formNav dl dd.subj a {display:block; overflow:hidden; text-overflow:ellipsis; font-family:'¸¼Àº °íµñ', 'Malgun Gothic'; white-space:nowrap; line-height:15px;}
.formNav dl dd.date {float:right; width:100px;}

/* paging */	
.paging {position:relative;}
.paging .prevBlock {position:absolute; top:44px; left:120px; width:68px;}
.paging .nextBlock {position:absolute; top:44px; right:118px; width:68px;}

.contactUsTbl {display:none;}
.contactUsArea {display:block;}

.recBtnR {float:none; text-align:center;}

.iframeJob {width:380px !important;}

}

@media only screen and (max-width:767px) {
	
/* table list, form */
.formDiv .dlist1 dd input.full {width:130px;}
.formDiv .para {top:auto; font-size:14px; padding-top:9px; padding-bottom:40px;}

table.listTbl {font-size:13px;}
table.listTbl tbody td.subj a {display:block; overflow:hidden; text-overflow:ellipsis; font-family:'¸¼Àº °íµñ', 'Malgun Gothic'; white-space:nowrap; }
table.listTbl .col1 {width:10%;}
table.listTbl .col2 {width:60%;}
table.listTbl .col3 {display:none;}
table.listTbl .col4 {width:30%;}
table.listTbl .view {display:none;}

table.listTbl {font-size:14px;}
table.listTblSt1 tbody td.subj a {display:block; overflow:hidden; font-weight:bold; text-overflow:ellipsis; font-family:'¸¼Àº °íµñ', 'Malgun Gothic'; white-space:nowrap;}
table.listTblSt1 .col1 {width:42%;}
table.listTblSt1 .col2 {width:18%;}
table.listTblSt1 .col3 {width:22%; display:table-cell; *display:block;}
table.listTblSt1 .col4 {width:auto;}
table.listTblSt1 tbody td.subj {padding-left:5px;}
table.listTblSt1 .day {padding-left:5px;}
table.listTblSt1 .day strong {display:block; color:#e00000;}

table.formTbl {font-size:13px;}
table.formTbl tbody td.subj {overflow:hidden; text-overflow:ellipsis; font-family:'¸¼Àº °íµñ', 'Malgun Gothic'; white-space:nowrap; }
table.formTbl .col1 {width:10%;}
table.formTbl .col2 {width:60%;}
table.formTbl .col3 {display:none;}
table.formTbl .col4 {width:30%; }
table.formTbl .view {display:none;}

/* formNav */
.formNav  {font-size:13px;}
.formNav dl {padding:10px 0 8px 0;}
.formNav dl dd {padding:0 0 0 5px;}
.formNav dl dt {width:50px;}
.formNav dl dd.subj {width:45%; line-height:14px;}
.formNav dl dd.subj a {display:block; overflow:hidden; text-overflow:ellipsis; font-family:'¸¼Àº °íµñ', 'Malgun Gothic'; white-space:nowrap;}
.formNav dl dd.date {float:right; width:70px;}

/* paging */
.paging {position:relative; width:auto; height:70px; margin:15px auto;}
.paging .nums em, .paging .nums a {min-width:auto; margin:0 2px 0 0; padding:0 6px 0 6px; border:none; font-weight:bold; font-size:14px; color:#666666; line-height:22px;}
.paging .nums a:hover, .paging .nums a:focus {border:none;}
.paging .nums em {border:none; font-weight:bold; font-size:18px; color:#0295e1; background-color:transparent;}
.paging .prev {position:absolute; top:40px; left:48px;}
.paging .next {position:absolute; top:40px; right:50px;}
.paging .prevBlock {position:absolute; top:40px; left:83px;}
.paging .nextBlock {position:absolute; top:40px; right:85px;}

.contactUsTbl {display:none;}
.contactUsArea {display:block;}
.contactUsArea dl {padding:15px 8px 15px 8px;}
.contactUsArea dl dd.name {padding-bottom:4px;}

.recBtnR {float:none; text-align:center;}

.iframeJobWrap {width:310px; margin:0 auto;}
.iframeJob {width:310px !important; margin:0 auto;}

}


@media only screen and (max-width:480px) {


}