@CHARSET "UTF-8";
@import url(layout_baraem.css);

* {
    margin: 0;
    padding: 0;
}
html, body {
    width: 100%;
    height: 100%;
    position: relative;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button, input {
    margin: 0;
    padding: 0
}
body, h1, h2, h3, h4, input, button {
    font-family: '돋움', dotum, Helvetica, sans-serif;
    font-size: 12px;
    color: #383d41;
    vertical-align: middle;
}
body {
    background-color: #fff;
    text-align: left;
}
li {
    list-style: none
}
input {
    outline: none;
}
input, select, button {
    vertical-align: middle
}
em, address {
    font-style: normal
}
label, button {
    cursor: pointer
}
button {
    margin: 0;
    padding: 0
}
a {
    color: #2f3743;
    text-decoration: none
}
a:hover {
    color: #390;
    text-decoration: underline
}
html:first-child select {
    height: 20px;
    padding-right: 6px
}
option {
    padding-right: 6px
}
hr {
    display: none
}

a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}

p {
    margin-top: 3px;
    margin-bottom: 3px;
}

.auto {
    margin: 0 auto;
}
.none {
    font-size: 1px;
    line-height: 1px;
}
.bold {
    font-weight: bold;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.pointer {
    cursor: pointer;
}
.move {
    cursor: move;
}
.underline {
    text-decoration: underline;
}
.right {
    text-align: right;
}
.clr {
    clear: both;
    font-size: 0px;
}
.up1 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: -1px;
}
.up2 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: -2px;
}
.up3 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: -3px;
}
.up4 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: -4px;
}
.up5 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: -5px;
}
.up10 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: -10px;
}
.down1 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: 1px;
}
.down2 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: 2px;
}
.down3 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: 3px;
}
.down4 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: 4px;
}
.down5 {
    position: relative;
    overflow: hidden;
    left: 0;
    top: 5px;
}

.l16 {
    line-height: 16px;
}
.l18 {
    line-height: 18px;
}

.userview {
    padding: 0 7px 0 7px;
    line-height: 14px;
    font-size: 12px;
    color: #333333;
    font-family: dotum,돋움;
}
.userview a:hover {
    color: #39bb00;
    text-decoration: none;
}

.tooltip {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    display: none;
    border: 2px solid #0195a1;
    background-color: #ffffff;
    line-height: 16px;
    font-size: 11px;
    color: #898989;
    font-family: dotum,돋움;
    padding: 20px 20px 20px 20px;
    font-weight: normal;
    text-align: left;
}

#message_body {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    z-index: 999999;
    display: none;
    background-color: #000000;
    text-align: center;
}
#message_box {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 17px 20px 10px 20px;
    border: 2px solid #c1c1c1;
    background: #ffffff;
    z-index: 999999;
    display: none;
}
#message_box .title {
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 20px;
    font-size: 14px;
    color: #333333;
    font-family: dotum,돋움;
    letter-spacing: -1px;
}
#message_box .text {
    line-height: 20px;
    font-size: 13px;
    color: #363636;
    font-family: gulim,굴림;
}
#message_box .btn {
    clear: both;
    margin-top: 17px;
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}
#message_box .btn img {
    vertical-align: top;
}

.layout_top_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    z-index: -1;
}
.layout_bottom_bg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    z-index: -1;
}

<!--미나씨 클래스
-- > .select {
    border: 1px solid #A7A7A7;
    background-color: #ffffff;
    height: 20px;
    font-size: 11px;
    color: #666666;
}
.input {
    border: 1px solid #c2c2c2;
    background-color: #FFFFFF;
    height: 17px;
    font-size: 12px;
    color: #666666;
}
.input02 {
    border: 1px solid #c2c2c2;
    background-color: #FFFFFF;
    height: 19px;
    font-size: 12px;
    color: #666666;
}
.textarea {
    border: #c2c2c2 1px solid;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #4B4B4B;
    padding: 4px 4px 4px 4px;
}
.scrolltxt {
    scrollbar-face-color: #FFFFFF;
    scrollbar-arrow-color: #898989;
    scrollbar-highlight-color: #c6c6c6;
    scrollbar-shadow-color: #c6c6c6;
    scrollbar-3dlight-color: #DADADA;
    scrollbar-darkshadow-color: #FFFFFF;;
    font-size: 11px;
    color: #7d7d7d;
    line-height: 15px;
}
.headerimg {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

/*png투명
 .png24{tmp:expression(png24set(this));}
 */

/*s라인*/
.line_blue {
    background-color: #1d4ea2;
    height: 1px;
    width: 100%;
}

/*탑메뉴
 .toplink li{Tahoma, Verdna, Aria,  font-size:11px; color:#363636; padding-left:5px; float:right;}
 */
.topmenu {
    font-family: 'NanumGothic', '맑은고딕', '돋움', '굴림';
    margin: 15px 0px 0px 75px;
    font-size: 15px;
    color: #555555;
    font-weight: bolder;
    float: left;
}
.topmenu a {
    font-size: 15px;
    color: #000000;
}
.topmenu a:hover {
    font-size: 15px;
    color: #00067b4;
    text-decoration: none;
}

/*슬라이드서브메뉴*/

.top_submenu {
    width: 116px;
    line-height: 25px;
    float: left;
    border-top:4px solid #f26b59;
    background-color: #2b3c80;
    z-index: 12;
}
.top_submenu a {
    color: #ffffff;
}

/*서브탑메뉴*/
.sub_topmenu {
    margin: 0 auto;
}
.sub_topmenu ul li {
    float: left;
    color: #ffffff;
    padding: 13px 20px 13px 20px;
    display: block;
}
.sub_topmenu ul li a {
    color: #ffffff;
}
.sub_topmenu ul li a:hover {
    color: #ffffff;
    text-decoration: none;
}
.catrgorymenu {
    font-family: 'NanumGothic', '맑은고딕', '돋움', '굴림', Tahoma, Verdna, Aria;
    margin: 0 auto;
    position: absolute;
    z-index: 12;
    left: 0px;
    top: 40px;
    display: none;
}

/*서브left메뉴*/
.submenutitle {

    float:left;
}
.submenu {
    font-family: 'NanumGothic', Verdana, Arial, Tahoma;
    width: 180px;
    height: 100%;
    font-weight: bold;
    font-size: 15px;
    line-height: 50px;
    color: #464646;
}
.submenu ul {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    height: 100%;
}
.submenu ul li {
    font-family: Verdana, Arial, Tahoma;
    line-height: 18px;
    font-weight: normal;
    font-size: 19px;
    border-bottom: 1px solid #dadada;
    padding-left: 20px;
}
.submenu ul li a {
    color: #959595;
    font-size: 11px;
}
.submenu .off a {
    font-family: 'NanumGothic', '돋움';
    line-height: 50px;
    font-size: 15px;
    color: #464646;
}
.submenu .on {
    font-family: 'NanumGothic', '돋움';
    font-weight: bold;
    line-height: 50px;
    font-size: 15px;
    background-color: #f4f4f4;
}
.submenu .on a {
    font-family: 'NanumGothic', '돋움';
    font-weight: bold;
    line-height: 50px;
    font-size: 15px;
    color: #464646;
    background-color: #f4f4f4;
}

/*메인공지사항*/
.NoticeBox {
    margin-right: 10px;
    border: 1px solid #dadada;
    padding: 20px;
    width: 300px;
    float: left;
    height: 125px;
}
.noticecontents {
    font-size: 12px;
    color: #636363;
    line-height: 20px;
    height: 20px;
    float: left;
    width: 240px;
}
.noticecontents a {
    font-size: 20px;
    color: #636363;
}
.noticecontents a:hover {
    font-size: 12px;
    color: #0054a6;
}
.noticedate {
    font-family: '돋움', '굴림';
    font-size: 12px;
    color: #636363;
    line-height: 20px;
    text-align: right;
    width: 60px;
    float: left;
    margin-left: 60px;
}

.notice_subject {
    width: 70%;
    float: left;
    font-size: 12px;
    color: #707070;
    line-height: 25px;
}
.notice_date {
    width: 30%;
    float: left;Tahoma,Verdana , Arial;
    font-size: 12px;
    color: #707070;
    text-align: right;
    line-height: 25px;
}
.notice_title {
    width: 70%;
    float: left;
    font-size: 14px;
    color: #000000;
    height: 30px;
    font-weight: bold;
}
.BannerBox1 {
    margin-right: 10px;
    float: left;
    width: 320px;
    position: relative;
    height: 129px;
}

.BannerBox2 {
    margin-right: 10px;
    float: left;
    width: 320px;
    position: relative;
    height: 129px;
}

/*네비*/
.subnavi {
    font-family: '돋움', 'NanumGothic', '굴림', '맑은고딕',  Tahoma, Verdna, Aria;
    font-size: 13px;
    line-height: 20px;
    color: #7d7d7d;
    margin-top: 0px;
    text-align: right;
    float:right;
	margin-top: 20px;
}

.sub_span {
    font-family: '돋움', 'NanumGothic', '굴림', '맑은고딕',  Tahoma, Verdna, Aria;
    font-size: 12px;
    line-height: 20px;
    color: #636363;
}

.subline {
    height: 1px;
    background-color: #dadada;
    width: 100%;
    margin: 20px 0 20px 0;
}

/*타이틀*/
.titlesub1 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.titlesub2 {
    font-family: 'NanumGothic', '맑은고딕', '돋움', '굴림';
    margin-top: 30px;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 16px;
    color: #252525;
    font-weight: bolder;
}
.titleline {
    margin-bottom: 30px;
}

/*리스트관련*/
.b_title {
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
}
.w_title {
    font-size: 12px;
    color: #2158ba;
    text-align: center;
    background-color: #ddebfa;
}
.b_num {
    font-size: 11px;
    font-weight: normal;
    color: #7d7d7d;
    text-align: center;
}
.b_subject {
    font-size: 12px;
    color: #707070;
}
.b_name {
    font-size: 11px;
    color: #707070;
    text-align: center;
}
.b_date {
    font-size: 11px;
    color: #707070;
    text-align: center;
}
.b_m_date {
    font-size: 11px;
    color: #707070;
    text-align: right;
}
.b_hit {
    font-size: 12px;
    color: #737373;
    text-decoration: none;
    text-align: center;
}
.b_content {
    font-size: 12px;
    color: #707070;
    padding: 10px;
    line-height: 15px;
}
.b_view {
    font-size: 12px;
    color: #707070;
}
.b_total {
    font-size: 11px;
    color: #707070;
}
.b_page {
    font-size: 12px;
    font-weight: normal;
    color: #7d7d7d;
    float: left;
}
.b_rely {
    font-size: 11px;
    font-weight: normal;
    color: #7d7d7d;
}

/*페이징*/
.page_num {
    margin: 10px 0 0 200px;
}
.page_num ul li {Verdana, Arial;
    font-size: 12px;
    color: #A1A1A1;
    text-align: center;
    float: left;
    padding: 7px;
    line-height: 21px;
}
.page_a {
    color: #FFFFFF;
    font-weight: bolder;
}
.pageing01 {Verdana, Arial;
    font-size: 12px;
    color: #898989;
    padding: 2px 6px 0px 6px;
}

/*사이트맵*/
.sitemap {
    float: left;
    margin-right: 80px;
    margin-bottom: 20px;
}
.sitemap ul {
}
.sitemap ul li {
    font-size: 11px;
    color: #555555;
    line-height: 30px;
    padding-left: 10px;
    border-bottom: 1px solid #dadada;
}
.sitemap2 {
    float: left;
}
.sitemap2 ul {
}
.sitemap2 ul li {
    font-size: 11px;
    color: #555555;
    line-height: 30px;
    padding-left: 10px;
    border-bottom: 1px solid #dadada;
}

/*정책부분*/
.policy01 {
    font-size: 12px;
    color: #707070;
    line-height: 17px;
    letter-spacing: 0px;
    padding: 8px;
    text-decoration: none;
}
.policy02 {
    font-size: 12px;
    color: #555555;
    line-height: 18px;
    font-weight: bolder;
}
.policy03 {
    font-size: 12px;
    color: #0066b6;
}

/*아이디패스워드관련팝업창*/
.idpwpoptitle {
    font-size: 14px;
    color: #363636;
    font-weight: bolder;
    line-height: 15px;
}
.idpwpoptxt01 {
    font-size: 12px;
    color: #636363;
    line-height: 15px;
}
.idpwpoptxt02 {
    font-size: 12px;
    color: #636363;
    text-align: center;
    line-height: 15px;
}
.idpwpoptxt03 {
    font-size: 12px;
    color: #0066b6;
    line-height: 15px;
    font-weight: bolder;
}

/*테이블코딩*/
.t_table01 table tr td {
    font-size: 12px;
    color: #636363;
    line-height: 40px;
    border-bottom: 1px solid #d5d5d5;
    padding-left: 15px;
}
.t_table01 table {
    border-top: 2px solid #04488b;
}
.t_table01 table thead tr th {
    font-size: 12px;
    color: #2158ba;
    line-height: 30px;
    background-color: #ddebfa;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #2158ba;
    text-align: center;
    font-weight: normal;
}

.t_table02 table tr td {
    font-size: 12px;
    color: #636363;
    line-height: 40px;
    border-bottom: 1px solid #d5d5d5;
    padding-left: 15px;
}
.t_table02 table thead tr th {
    font-size: 12px;
    color: #2158ba;
    line-height: 30px;
    background-color: #ddebfa;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #2158ba;
    text-align: center;
    font-weight: normal;
    padding-left: 15px;
}

.t_write table tr td {
    font-size: 12px;
    line-height: 40px;
    border-bottom: 1px solid #d5d5d5;
}
.t_write {
    font-size: 12px;
    color: #707070;
    border-top: 1px solid #2158ba;
    font-weight: normal;
}

.t_table02 {
    font-size: 12px;
    color: #252525;
    line-height: 30px;
    margin-top: 10px;
}
.t_table03 {
    font-size: 12px;
    color: #636363;
    line-height: 25px;
}
.t_table_bold {
    font-size: 12px;
    color: #252525;
    font-weight: bold;
}
.t_table_center {
    text-align: center;
}

.t_view table tr td {
    font-size: 12px;
    border-bottom: 1px solid #d5d5d5;
}
.t_view table thead tr th {
    font-size: 12px;
    color: #2158ba;
    line-height: 30px;
    background-color: #ddebfa;
    border-bottom: 1px solid #d5d5d5;
    font-weight: normal;
    text-align: left;
    padding-left: 20px;
}
.t_view {
    font-size: 12px;
    color: #252525;
    border-top: 1px solid #2158ba;
    font-weight: normal;
}
.t_view_txt01 {
    line-height: 15px;
    padding: 20px;
}

.t_rely01 table tr td {
    font-size: 12px;
    color: #636363;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px;
    line-height: 16px;
}
.t_rely01 table thead tr th {
    font-size: 12px;
    color: #000000;
    line-height: 30px;
    text-align: left;
}

/*내용,소개 텍스트*/
.subtxt01 {
    font-family: '굴림', 'NanumGothic', '맑은고딕', '돋움',  Tahoma, Verdna, Aria;
    font-size: 12px;
    color: #464646;
    line-height: 18px;
}
.subtxt01_bold {
    font-family: '굴림', 'NanumGothic', '맑은고딕', '돋움',  Tahoma, Verdna, Aria;
    font-size: 14px;
    color: #363636;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 30px;
}
.subtxt01_blue {
    color: #0054a6;
}

/*연혁*/
.history01 {
    font-family: Tahoma, Verdna, Aria;
    font-size: 12px;
    line-height: 25px;
    color: #97b34d;
    font-weight: bold;
    vertical-align: top;
    
    float: left;
}
.history02 {
    font-family: 'NanumGothic', '맑은고딕', '돋움', '굴림', Tahoma, Verdna, Aria;
    font-size: 12px;
    color: #464646;
    vertical-align: top;
    width: 50px;
    line-height: 25px;
    float: left;
}
.history03 {
    font-family: '돋움', 'NanumGothic', '맑은고딕',  '굴림', Tahoma, Verdna, Aria;
    margin-left: 30px;
    line-height: 25px;
    float: left;
}

/*실적*/
.result01 {
    font-family: Tahoma, Verdna, Aria;
    font-size: 22px;
    color: #0054a6;
    font-weight: bold;
    vertical-align: top;
    width: 200px;
    float: left;
}
.result02 {
    font-family: 'NanumGothic', '맑은고딕', '돋움', '굴림', Tahoma, Verdna, Aria;
    font-size: 12px;
    color: #464646;
    vertical-align: top;
    width: 100px;
    line-height: 25px;
    float: left;
}
.result03 {
    font-family: 'NanumGothic', '맑은고딕', '돋움', '굴림', Tahoma, Verdna, Aria;
    width: 380px;
    margin-left: 30px;
    line-height: 25px;
    float: left;
}
.result04 {
    font-family: Tahoma, Verdna, Aria;
    font-size: 22px;
    color: #0054a6;
    font-weight: bold;
    margin-top: 10px;
}

.maptxt01 {
    font-size: 12px;
    color: #707070;
    line-height: 17px;
    float: left;
    width: 280px;
    margin-left: 30px;
}
.map_blue {
    font-size: 18px;
    color: #1d4ea2;
    line-height: 20px;
    margin-left: 30px;
    font-weight: bold;
    margin: 10px 0 20px 30px;
}

/*로그인박스*/
.logintxt01 {
    font-size: 12px;
    font-weight: bold;
}
.logintxt02 {
    font-size: 12px;
    margin-bottom: 5px;
}
.logintxt03 {
    font-size: 12px;
    color: #707070;
    margin-bottom: 5px;
}

/*카피*/
.copymenu01 {
    margin: 0 auto;
    width: 1000px;
}
.copymenu01 li {
    font-size: 8pt;
    float: left;
    margin: 0 60px 0 60px;
}
.copymenu {
    margin: 0 auto;
}
.copymenu li {
    font-size: 8pt;
    float: left;
    margin: 0 20px 0 0px;
    line-height: 15px;
}
.copymenu li a {
    font-size: 8pt;
    color: #363636;
}
.copymenu li a:hover {
    font-size: 8pt;
    color: #1944a2;
}
.copytxt01 {
    font-size: 11px;
    color: #a1a1a1;
    margin-top: 10px;
}
.copytxt02 {
    font-family:Tahoma, Verdna, Aria;
    font-size: 10px;
    color: #7d7d7d;
    margin-top: 5px;
}
.copylogo {
    float: right;
    margin: 10px 20px 0 0;
}
.copyicon {
    float: right;
    margin: 20px 0 0 0;
}

/*메인롤링*/
.blind {
    position: absolute;
    left: 100%;
    top: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.bigBannerRolling {
    position: relative;
    width: 100%;
    height: 320px;
    overflow: hidden;
}
.bigBannerRolling .bigBannerRollingWp {
    padding: 0px 0 0 0px;
}
.bigBannerRolling h2 {
    position: absolute;
    z-index: 6;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.bigBannerRolling .banner {
    position: absolute;
    left: 0;
    top: 0;
}

.prev {
    float: left;
    cursor: pointer;
    z-index: 6;
    margin: 80px 10px 0 30px;
}
.next {
    float: left;
    cursor: pointer;
    z-index: 6;
    margin: 80px 10px 0 0px;
}
.stop {
    float: left;
    cursor: pointer;
    z-index: 6;
    margin: 80px 10px 0 0px;
}
.play {
    float: left;
    cursor: pointer;
    z-index: 6;
    margin: 80px 10px 0 0px;
}

/*메인텍스트*/
.main_txt01 {
    font-size: 40px;
    color: #0a1842;
    line-height: 40px;
    font-weight: bold;
}
.main_txt02 {
    font-size: 22px;
    color: #0a1842;
    line-height: 24px;
    font-weight: bold;
}
.main_txt03 {
    font-family:Tahoma, Verdna, Aria;
    font-size: 13px;
    color: #0a1842;
    line-height: 13px;
}