@charset "utf-8";

#index {margin-top:-10px;}
dd input {position:relative; top:-1px;}
.mainsearch {margin:46px 0 17px; *margin:51px 0 17px;}
.mainsearch img {vertical-align:top;}
.mainsearch fieldset {position:relative; padding:25px 0 10px 42px; position:relative; width:671px; background:url(images/main/bg_srch.gif) no-repeat left top;}
.mainsearch fieldset p {position:absolute; top:-41px; left:115px;}
.mainsearch fieldset p * {float:left; display:inline;}
.mainsearch fieldset p span {padding-top:4px; width:301px; height:29px; background:url(images/main/bg_srch02.gif) no-repeat left top;}
.mainsearch fieldset p span input {padding-left:10px; width:90%; height:25px; border:none; background:#f6f9f1; font-size:14px; font-family:Gulim, "굴림"; line-height:1.5}
.mainsearch fieldset dl label {margin-right:10px;}
.mainsearch fieldset dl.important {margin-left:-2px; margin-bottom:13px; _margin-bottom:10px; *zoom:1;}
.mainsearch fieldset dl.important:after{content:""; display:block; clear:both;}
.mainsearch fieldset dl.important dt, .mainsearch fieldset dl.important dd {float:left; display:inline;}
.mainsearch fieldset dl.important dt {padding-top:4px; width:70px; color:#2e8900; font-family: 'ngb';}
.mainsearch fieldset dl.important dd {width:599px; margin-bottom:4px; word-spacing:-3px;}
.mainsearch fieldset dl.important dd input.srch {float:left; display:inline; top:0; left:1px; padding-left:10px; width:455px; height:23px; border:none; background:url(images/main/bg_typing.gif) no-repeat left top; font-family:Gulim, "굴림"; color:#999; line-height:1.5}
.mainsearch fieldset dl.condition dt, .mainsearch fieldset dl.condition dd {height:21px;}
.mainsearch fieldset dl.condition dt {padding-top:5px; width:70px; font-family: 'ngb'; *line-height:1.5;}
.mainsearch fieldset dl.condition dd {margin-top:-21px; padding-left:72px;}
.mainsearch fieldset input.typing {height:16px;}
.mainsearch fieldset input.submit {position:absolute; top:165px; right:33px;}
.mainsearch .borderWrap .board_form th.base {padding:12px 0} /* 20210726 추가 */
.mainsearch .borderWrap .board_form td {padding:8px 0} /* 20210726 추가 */

#board {margin-bottom:20px; *zoom:1;}
#board:after{content:""; display:block; clear:both;}
#board ul {float:left;}
#board ul.branch {position:relative; padding:15px 0 0 15px; width:338px; height:111px; background:url(images/main/bg_branch.gif) no-repeat left top;}
#board ul.branch div {margin-top:14px;}
#board ul.branch div li {padding-left:9px; background:url(images/common/bullet/bul_dot.gif) no-repeat left 4px; height:18px;}
#board ul.branch div a.more {position:absolute; top:16px; left:288px; padding-right:5px; background:url(images/common/bullet/bul_arr_c2.gif) no-repeat right 2px; color:#777; font-size:11px;}
#board ul#news {position:relative; width:340px; height:126px;}
#board ul#news li {float:left;}
#board ul#news li ul {position:absolute; top:30px; left:0; padding:14px 0 0 13px; width:340px; height:82px;}
#board ul#news li div#tab01 ul {background:url(images/main/bg_news01.gif) no-repeat left top;}
#board ul#news li div#tab02 {*zoom:1;}
#board ul#news li div#tab02:after{content:""; display:block; clear:both;}
#board ul#news li div#tab02 ul {background:url(images/main/bg_news02.gif) no-repeat left top;}
#board ul#news li ul li {width:100%; padding-left:9px; background:url(images/common/bullet/bul_dot.gif) no-repeat left 6px; height:18px;}
#board ul#news div a.more {position:absolute; top:16px; right:1px; padding-right:5px; background:url(images/common/bullet/bul_arr_c2.gif) no-repeat right 2px; color:#777; font-size:11px;}

/* S : 부분 디자인 수정 */
#container {position:relative;}
.mainsearch {margin-top:0;}

div#right {position:relative;float:right; width:198px;}
div#right * {line-height:1.0}
div#right .mid-banner {margin:10px 0; height:140px;}
div#right .mid-banner:after {content:""; display:block; clear:both;}
div#right .mid-banner > div {height:70px; background:#f6f6f6; box-sizing:border-box; border:1px solid #e6e6e6; padding:35px 0 0 25px;}
div#right .mid-banner .ban-left {float:left; width:50%; background:url("../images/main/guide01.gif") no-repeat 0 0;}
div#right .mid-banner .ban-right {float:right; width:50%; border-left:none; background:url("../images/main/guide02.gif") no-repeat 0 0;}
div#right .mid-banner .ban-bottom {float:left; width:100%;padding:13px 0 0 130px; border-top:none; background:url("../images/main/guide03.gif") no-repeat 0 0;}
div#right .mid-banner > div a {text-decoration:none; font-size:12px; color:#666; letter-spacing:-1px; line-height:22px;}
div#right .mid-banner p.ir {text-indent:-9999px; margin:0; position:absolute;}

p.guide {margin:10px 0; word-spacing:-2px; overflow:hidden;}
p.guide span {position:relative; float:left; display:inline; margin:0 0 2px 2px;}
p.guide span a {position:absolute; bottom:10px; left:45px; height:20px}
p.guide span.magazine a.ebook {top:10px; left:144px;}
p.guide span.magazine a.pdf {top:31px; left:144px;}
#popupzone {position:relative; height:220px; padding:0px; border:1px solid #e1e1e1;  box-sizing:border-box; }
/* #popupzone a.pop-itmnode {display:none;}
#popupzone a.pop-itmnode.active {display:inline;} */
#popupzone a.pop-itmnode img {width:198px; height:218px;}
#popupzone p {margin:4px 0 0; text-align:right;}
#popupzone p span.bnr-pagnode {color:#adadad; font-family: 'ngb'; font-size:10px;}
#popupzone p span.bnr-pagnode strong {color:#555; font-size:10px;}
#popupzone p span.btn {word-spacing:-4px;}
#popupzone p span.btn img {vertical-align:middle;}

div#board {}
div#board:after {content:""; display:block; clear:both;}
div#board > div {position:relative; border:1px solid #e1e1e1; width:445px; height:148px; padding:20px; box-sizing:border-box;}
div#board .board-notice {float:left;}
div#board .board-info {float:right;}
div#board .board-notice ul, div#board .board-info ul {float:none; width:100%;}
div#board > div h3{ color:#299649; margin:0; padding:0; font-size:16px; background:none; }
div#board > div h3 span {color:#333; font-size:16px; font-family: 'ngb'; }
div#board > div ul { margin-top:8px; }
div#board > div ul li {}
div#board > div ul li a {overflow:hidden; display:inline-block; position:relative; max-width:100%; padding-left:10px; font-size:14px; line-height:26px; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;}
div#board > div ul li a:before {content:''; position:absolute; left:0; top:13px; display:block; width:2px; height:2px; background-color:#666;}
div#board > div a.btn_more {position:absolute; width:24px; height:24px; top:20px; right:20px;text-indent:-9999px; border:none; background:url("../images/main/btn_more.gif") no-repeat 0 0;}

.empTitle {width:100%; margin-bottom:10px; color:#333; font-size:16px; font-family: 'ngb'; text-align:left} /* 20211013 수정 */
.empTitle span {color:#007328; vertical-align:top} /* 20211013 수정 */
.empTitle:after {content:""; display:block; clear:both;}
.empTitle a { float:right;}
.empTitle a img { vertical-align:middle;}

#main div#empInfo {position:relative;}
#main div#empInfo ul {overflow:hidden; width:100%; margin-bottom:20px; box-sizing: border-box;}
#main div#empInfo ul li {float:left; width:20%; text-align:center; box-sizing:border-box;} /* 20231020 수정 */
#main div#empInfo ul li + li {border-left:1px solid #e1e1e1;}
#main div#empInfo ul li > a {position:relative; display:block; height:40px; border:1px solid #e1e1e1; border-width:1px 0 0 0; font-size:14px; line-height:37px; text-decoration:none; font-family: 'ngb'; box-sizing:border-box;}
#main div#empInfo ul li > a:before {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#e1e1e1;}
#main div#empInfo ul li:first-child > a {border-left:1px solid #e1e1e1;}
#main div#empInfo ul li:last-child > a {border-right:1px solid #e1e1e1;}
#main div#empInfo ul li.on {height:40px; border:2px solid #299649; border-bottom:0;}
#main div#empInfo ul li.on + li {border-left:0;}
#main div#empInfo ul li.on > a {color:#299649; border:none;}
#main div#empInfo ul li .tbl-wrp {position:absolute; left:0; top:60px} /* 20211013 추가 */
#main div#empInfo ul li .board_list {width:910px;} /* 20211013 수정 */
#main div#empInfo ul li .board_list td {padding:12px 0 12px 10px;}
#main div#empInfo a.more {position:absolute; top:-5px; right:0; background:none;} /* 20211013 수정 */

.mainsearch {width:100%; height:448px; box-sizing:border-box; text-align:center;}
.mainsearch:after {content:""; display:block; clear:both;}
.mainsearch .borderWrap {padding:0; width:690px; height:448px; box-sizing:border-box; text-align:center; float:left;}
.mainsearch table {margin-bottom:5px;}
.mainsearch table tr th {text-indent:10px;}
.mainsearch .borderWrap table tr.keyword td, .mainsearch .borderWrap table tr.keyword th{background:#f3f8f1 !important; line-height:40px; padding:0;} /* 20210726 수정 */
.mainsearch .borderWrap table tr.keyword td input#keyword {border:1px solid #b3dca1;}
.mainsearch .borderWrap table tr.keyword td input.submit {margin-left:10px;}
.mainsearch .borderWrap table tr.keyword {border-bottom:1px solid #e1e1e1;}

#main_board {width:100%; height:448px; box-sizing:border-box; text-align:center; float:left;}
/* E : 부분 디자인 수정 */



.bx-wrapper {  position: relative; padding: 0;  *zoom: 1;  -ms-touch-action: pan-y;  touch-action: pan-y;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {  position: absolute;  bottom: 0;  width: 100%;}
/* PAGER */
.bx-wrapper .bx-pager {  text-align: center;  font-size: .85em;  font-family: Arial;  font-weight: bold;  color: #666;  padding-top: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a {  background: #666;  text-indent: -9999px;  display: block;  width: 10px;  height: 10px;  margin: 0 5px;  outline: 0;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {  background: #000;}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {  display: inline-block;  vertical-align: bottom;  *zoom: 1;  *display: inline;}
.bx-wrapper .bx-pager-item {  font-size: 0;  line-height: 0;}
/* AUTO CONTROLS (START / STOP) */
.bx-controls-direction {display:none;}
.bx-wrapper .bx-controls-auto {text-align: center; top:11px;}
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent:-9999px; width:17px; height:17px; background:url('../images/main/btn_play.gif') no-repeat; margin: 0 2px} /* 20190812 수정(접근성) */
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus { background: url('../images/main/btn_play_over.gif') no-repeat;  }
.bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px; width:17px; height:17px; background:url('../images/main/btn_stop.gif') no-repeat; margin: 0 2px;} /* 20190812수정(접근성) */
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus { background: url('../images/main/btn_stop_over.gif') no-repeat;  }
.bx-wrapper .bx-controls.bx-has-controls-auto {position:absolute; right:35px; bottom:35px; z-index:100} /* 20210719 수정 */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; line-height:17px !important; letter-spacing:-1px; width: 24px; height:16px; font-size:9px; background:#484848; color:#fff; top:11px; right:51px; padding:0;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {  right: 7px;  width: 44px;}
/* 20210719 추가 */
#popupzone .outside {position:absolute; right:5px; bottom:24px; z-index:100}
#popupzone .outside a {display:block; font-size:0; width:17px; height:17px}
#popupzone .outside span {display:inline-block; position:absolute; width:16px; height:16px; vertical-align:top}
#popupzone .outside .btn-prev {right:20px; top:0; background:url('/images/main/btn_play_prev.gif') 0 0 no-repeat}
#popupzone .outside .btn-next {right:0; top:0; background:url('/images/main/btn_play_next.gif') 0 0 no-repeat}
#popupzone .outside .btn-prev:hover,
#popupzone .outside .btn-prev.active,
#popupzone .outside .btn-prev:focus { background: url('/images/main/btn_play_prev_over.gif') no-repeat}
#popupzone .outside .btn-next:hover,
#popupzone .outside .btn-next.active,
#popupzone .outside .btn-next:focus { background: url('/images/main/btn_play_next_over.gif') no-repeat}