@charset "UTF-8";
/*component*/
:root {
    /*여백*/
    --mb-100: 50px;
    --mb-80: 40px;
    --mb-50: 30px;
    --mg-h1: 20px;
    --pd-sec: 50px 20px;
    --mo-br: block;
    /*폰트 사이즈*/
    --banner-h3: 30px;
    --banner-span: 20px;
    --main-h3: 24px;
    --main-span: 18px;
    --fz-20: 16px;
    --fz-45: 30px;
    --fz-basic: 14px;
    --fz-small: 12px;
    --fz-big: 20pt;
    /*색상*/
    /*너비*/
    --width-sec: 100%;
    --radius: 10px;
    --chg-imgW: 100%;
}
@media (min-width:1000px) {
    /*component*/
    :root {
        /*여백*/
        --mb-100: 100px;
        --mb-80: 80px;
        --mb-50: 50px;
        --mo-br: none;
        /*폰트 사이즈*/
        --banner-h3: 40px;
        --banner-span: 25px;
        --main-h3: 32px;
        --main-span: 24px;
        --fz-20: 20px;
        --fz-45: 45px;
        --fz-basic: 16px;
        --fz-small: 14px;
        --fz-big: 30pt;
        --chg-imgW: auto;
        /*색상*/
    }
}

@media (min-width:1200px) {
    :root {
        /*여백*/
        --pd-sec:100px 0px;
        /*너비*/
        --width-sec: 1200px;
    }
}
/* reset */
*{
    margin:0; padding:0; color:#464646;
    font-size:var(--fz-basic); box-sizing:border-box;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address{font-style:normal;}
a{display:inline-block; text-decoration:none;cursor:pointer;}
table, tr, th, td, thead, tbody, tfoot{border-spacing:0; border-collapse:collapse;}
caption,legend,hr,.hidden{visibility:hidden;width:0;height:0;background:none;font-size:0;line-height:0;}
body{background:#fff;overflow-y:auto; overflow-x:hidden;}
body.active{overflow:hidden;}

.dp-none{display:none !important;}
.dp-show{display:block !important;}
.dp-flex{display:flex; flex-wrap:wrap;}
.dp-flex.al-items{align-items:center;}
.dp-flex.al-betw{justify-content:space-between;}
.blind{position:absolute; width:1px; height:1px; overflow:hidden; text-indent:-9999px;}
.mo-br{display:var(--mo-br);}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt00{margin-top:100px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}

.ml2{margin-left:2px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.mr2{margin-right:2px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

.pt2{padding-top:2px;}
.pt10{padding-top:10px;}
.pt30{padding-top:30px;}

.pb30{padding-bottom:30px;}


/* component*/
p + p {margin-top:30px;}
.img-chg{width:var(--chg-imgW); height:auto;}
.btn-area{display:flex; padding:4px 5px; margin-bottom:10px; border-radius:100px; background:#ebeff7;}
.btn-area a{padding:6px 10px; border-radius:100px;}
.btn-area a.on{background:#2771F8; color:#fff;}
.i-more{width:18px; height:18px; background:url('../img/i_plus.png') center no-repeat;}
.i-move{width:14px; height:24px; background:url('../img/i_btn.png') center no-repeat;}

.v-working{display:flex; flex-direction:column; align-items: center;
           background:#f8f8f8; border-radius:10px; padding:50px; font-size:var(--fz-20);}
.v-working img{display:block; margin-bottom:20px;}

.site-map{position:relative; width:50px; height:49px; background:#3d67b1;}
.site-box{display:none; position:fixed; top: 0px;left:0px; padding:0px 20px;
          width: 100%; height:100vh;background:#3d67b1;z-index: 1000;}
.site-box.active{display:block;}
.site-box > ul{display:grid; grid-template-columns: 1fr; padding:80px 0px 0px;}
.site-box > ul > li{margin-top:20px;}
.site-box > ul > li:first-child{margin-top:0px;}
.site-box > ul > li > a{border:1px solid #90AEE3; border-radius:5px; padding:10px; width:100%; font-size:var(--main-span);}
.site-box > ul > li li{display:block; margin-top:20px; position:relative; padding-left:12px;}
.site-box > ul > li li::before{content:''; width:3px; height:3px;
                               border-radius:10px; background:#fff; position:absolute; top:8px; left:0px;}
.site-box > ul > li a{color:#fff;}
.site-box .admin{position:absolute; right:20px; bottom:20px;}
.site-box .admin a{background:#4679D4; border:1px solid #2F5DAC; border-radius:100px; 
                   padding: 10px 20px; color: #C8D5EB;}

header.active .site-map{position:absolute; top:0px; right:0px; background:#4679d4;}
.toggle-menu {position: absolute; display: block; cursor: pointer; 
              top: 50%; left: 50%; transform: translate(-50%, -50%);}
.toggle-menu span { display: block; background: #d4e0f4; width: 28px; height:2px;
                    border-radius: 3px; transition: 0.25s margin 0.25s, 0.25s transform;}
.toggle-menu span:nth-child(1) {margin-bottom:4px;}
.toggle-menu span:nth-child(3) {margin-top: 4px;}
.toggle-menu.active{top:47%;}
.toggle-menu.active span{transition: 0.25s margin, 0.25s transform 0.25s;}
.toggle-menu.active span:nth-child(1){margin-top: 8px; margin-bottom:1px; transform: rotate(45deg);}
.toggle-menu.active span:nth-child(2){display:none;}
.toggle-menu.active span:nth-child(3){margin-top: -4px; transform: rotate(135deg);}

.grid-3{display:grid; grid-template-columns:1fr;}

@media (min-width:800px) {
 .btn-area{padding:7px 10px;}
.btn-area a{padding:8px 15px;}
.site-map{width:70px; height:69px;}
.toggle-menu span {width: 36px; height:2px;}
.toggle-menu span:nth-child(1) {margin-bottom: 8px;}
.toggle-menu span:nth-child(3) {margin-top: 8px;}
.grid-3{display:grid; grid-template-columns:repeat(3, 1fr); column-gap: 2%;}
}

@media (min-width:1440px) {
    .site-box > ul{grid-template-columns: 1fr 1fr 1fr 1fr; gap:2%; width:1440px; padding:100px 0px 0px; margin:0 auto;}
    .site-box > ul > li{margin-top:0px;}
    .site-box .admin{width:1440px; left:50%; margin-left:-720px; text-align:right;}
}

/*부산혁신기금*/
p > b, dt, dd{display:block;}

header{position:sticky; top:0px; z-index:1002; border-bottom:1px solid #EDEDED; height:50px; transition-duration:0.5s;}
header h1 a{margin-left:var(--mg-h1); width:178px; height:19px; vertical-align:bottom;
            background:url('../img/bitf_mo_ko_wh.png') no-repeat; background-size:100%;}
header > div{display:flex; justify-content: space-between; align-items: center; margin:0px auto;}
header .gnb > ul > li > a{color:#fff;}
header a{font-size:18px;}
header .gnb, header .gnb > ul, header .gnb > ul > li{display:flex; }
header .gnb > ul > li{align-items:center;}
header .gnb li a{padding:0px 20px; font-weight:500;}
header .gnb > ul > li:hover div{display:block;}
header .gnb ul{display:none;}
header > div li div{opacity:0.8;}
header.scrolled {background: #fff; transition-duration:0.5s;}
.wrap-main header{background:#fff;}
.wrap-main header h1 a, header.scrolled h1 a{background:url('../img/bitf_mo_ko.png') no-repeat;}
.wrap-main header .gnb > ul > li > a, header.scrolled .gnb > ul > li > a{color:#464646;}

header.active{background:none; border-bottom:1px solid #567AB7;}
header.active h1 a{background:url('../img/bitf_mo_ko_wh.png') no-repeat;}
header.active .gnb ul{display:none;}
header.active > div{position:relative; height:100%;}

header .gnb li div{display:none; position: absolute; left: 0; bottom: -70px;
    width: 100%; height: 70px; background: #F9F9F9;
    border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED;}
header .gnb li div ul{width:100%; margin:0 auto; justify-content: flex-end; align-items:center; height:100%;}
header .gnb li div a{font-weight:400; font-size:16px;}

footer{width:100%; border-top:1px solid #C0C0C0; padding:40px 40px;}
footer > div{display:flex; align-items: flex-start; flex-direction:column; margin:0 auto; width:100%;}
footer > div li{font-size:12px;}
footer img{margin-bottom:10px;}

section{padding:var(--pd-sec);}
section > article{margin-top:var(--mb-80);}
section > article:first-child{margin-top:0px;}
section > div{padding:50px 20px;}
section > div.no-lnb{padding:50px 20px;}
section h2{font-size:var(--fz-big); margin-bottom:var(--mb-50);}

#wrap {width:100%;}
#wrap .banner{display:flex; flex-direction:row; justify-content:center; align-items:center; margin:0px auto; width:100%; height:400px; 
                background:url('../img/banner_mo.jpg') center no-repeat; background-size:auto 100%;}
#wrap .banner div{text-align:center;}
#wrap .banner h3{margin-bottom:20px; font-weight:bold; font-size:var(--banner-h3); color:#fff;}
#wrap .banner span{font-size:var(--banner-span); color:#fff;}
#wrap #main{width:var(--width-sec);}
#main [class^= "con-"] h3{margin-bottom:10px; font-size:var(--main-h3); font-weight:bold;}
#main .con-1 > span{display:block; margin-bottom:8px; font-size:var(--main-span); color:#8f8f8f; font-weight:200;}
#main .con-1 div{display:flex; width:100%; overflow:auto; height:300px; gap:7.5px;}
#main .con-1 a{position:relative; flex:1; transition: flex 0.5s ease; width:25.5%; min-width:200px; margin-left:2%;
               background-size:cover !important; background-position:center !important; background-repeat:no-repeat; border-radius:var(--radius);}
#main .con-1 a:first-child{margin-left:0px;}
#main .con-1 div a:first-child{background:url('../img/main_v1.jpg'); }
#main .con-1 div a:nth-child(2){background:url('../img/main_v2.jpg'); }
#main .con-1 div a:nth-child(3){background:url('../img/main_v3.jpg'); }
#main .con-1 a span{position:absolute; bottom:20px; left:20px; color:#fff; font-size:var(--main-span);}

#main .con-2 > div.main_list{border:1px solid #d2d2d2; border-radius:var(--radius); background:#FCFCFC;}
#main .con-2 > div dl{padding:15px 30px;}
#main .con-2 > div dl+dl{border-top:1px solid #E3E3E3;}
#main .con-2 dd{margin-top:7px; font-size:var(--fz-small); color:#222; font-weight:200;}
#main .con-3 > div{border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3;}
#main .con-3 dl{display:flex; justify-content: space-between; padding:20px 10px; }
#main .con-3 dl + dl{border-top:1px solid #E3E3E3;}
#main .con-3 dt, #main .con-3 dd{display:flex; align-items: center;}
#main .con-3 dt {width:40px; flex-direction:column; justify-content:center;}
#main .con-3 dt span{display:block; margin-bottom:5px; font-size:var(--fz-small); color:#5D5D5D;}
#main .con-3 dt b{color:#86a8e6; font-weight:600; font-size:var(--fz-big);}
#main .con-3 dd{justify-content:space-between; width:calc(100% - 60px); word-break: break-word;}
#main .con-3 dd a:first-child{width:calc(100% - 30px);}
#main .con-3 p {padding: 80px 20px; background: #f8f8f8; text-align: center;}
#main .con-4{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
    width:100%; height:238px; background:url('../img/main_art1.jpg') no-repeat; border-radius:var(--radius);}
#main .con-4 div{display:flex; flex-direction:column; justify-content:center; align-items:center; padding:15px 30px; background:#fff; border-radius:15px;}
#main .con-4 div a{padding:12px 24px; margin:10px 0px 0px 0px; background:#1E69F7;
                   color:#fff; border-radius:20px; box-shadow:0px 1px 5px rgba(120, 138, 181, 1);}

@media (min-width:800px) {
header{height:70px;}
header h1 a{width:251px; height:27px; background:url('../img/bitf_ko_wh.png') no-repeat;}
.wrap-main header h1 a, header.scrolled h1 a {
        background: url('../img/bitf_ko.png') no-repeat;
    }
header.active h1 a{background:url('../img/bitf_ko_wh.png') no-repeat;}
header .gnb ul{display:flex;}
footer > div {display: flex; flex-direction: row;}
footer img{margin-right:50px;}
section > div.no-lnb{padding:0px 20px 50px;}
#main .con-1 div{height:376px;}
#main .con-3 dt {width:70px;}
#main .con-3 dd{width:calc(100% - 100px);}
#main .con-4 div{flex-direction:row;}
#main .con-4 div a{margin:0px 0px 0px 10px;}
}

@media (min-width:1000px) {
#wrap .banner{background-size:auto;}
}

@media (min-width:1200px) {
header > div, footer > div{width:1200px;}
section > div{width:1440px; margin:0px auto;}
#wrap #main{margin:0px auto;}
#wrap .banner{background-size:auto; background:url('../img/banner.jpg') 5% no-repeat;}
#main .con-1 a{background-size:auto !important;}
#main .con-1 a:first-child{flex:1.7;}
#main .con-1 a:hover {flex: 4.5; /* = 45% 비율 */}
#main .con-1:hover a:not(:hover) {flex: 2.55; /* = 25.5% 비율 */}

}

@media (min-width:1440px) {
header > div, footer > div{width:1440px;}
header .gnb li div ul{width:1440px;}
#wrap .banner{width:100%; height:580px; }
}


/* 서브페이지 */
.sub{position:absolute; top:0px; left:0px; width:100%;}
.sub + section{margin-top:100px;}
.sub_visual{margin:0px auto; display:flex; flex-direction:row; justify-content:center; align-items:center;
            width:100%; height:220px; background-size:auto 100% !important; text-align:center;}
.intro .sub_visual{background:url('../img/sub_banner1_mo.jpg') center no-repeat;}
.busnss .sub_visual{background:url('../img/sub_banner2_mo.jpg') center no-repeat;}
.news .sub_visual{background:url('../img/sub_banner3_mo.jpg') center no-repeat;}
.referance .sub_visual{background:url('../img/sub_banner4_mo.jpg') center no-repeat;}
.sub_visual h3{font-weight:bold; font-size:var(--banner-h3); color:#fff;}
.intro .sub_visual h3{color:#2A2A2A;}
.intro_menu{display:none;}
.v-introduce img{display:block; width:100%; margin-bottom:10px;}
.v-introduce dt {font-size:var(--fz-20); font-weight:600;}
.v-introduce dt span{margin-left:5px; font-size:var(--fz-basic); color:#9D9D9D; font-weight:500;}
.v-introduce dd {margin-top:5px;}
.v-introduce dl {margin-bottom:50px;}
.v-history h4{font-size:var(--fz-45); margin-bottom:20px;}
.v-history dl{max-width:500px; padding:35px 30px; border-radius:10px; background:#F4F4F4;}
.v-history dl + dl{margin-top:20px;}
.v-history dt{font-size:var(--fz-20); margin-bottom:5px; color:#204EA0;}
.v-terms .part + .part{margin-top:30px;}
.v-terms .part .title{padding:20px 50px 20px 20px; border:1px solid #eee; border-radius:10px;
                      font-size:var(--fz-20); background:#f8f8f8; font-weight:600; position:relative; cursor:pointer;}
.v-terms .part .title::before{content:''; width:16px; height:9px; position:absolute; top:20px; right:20px;
                              background:url('../img/terms_arrow.png') no-repeat; transform:rotate(180deg);}
.v-terms .part .title.on::before{transform:rotate(0deg);}
.v-terms .part .content{margin-top:10px; display:none; padding:20px; border:1px solid #eee; 
                        border-radius:10px; transition: max-height 0.4s ease;}
.v-terms .part .content b{display:block; padding:20px 0px 5px; font-size:var(--fz-20);}
.v-terms .part .content b:first-child{padding-top:0px;}

@media (min-width:600px) {
    .sub + section{margin-top:333px;}
    .sub_visual{height:403px;}
}

@media (min-width:1000px) {
    .intro .sub_visual{background:url('../img/sub_banner1.jpg') no-repeat;}
    .busnss .sub_visual{background:url('../img/sub_banner2.jpg') no-repeat;}
    .news .sub_visual{background:url('../img/sub_banner3.jpg') no-repeat;}
    .referance .sub_visual{background:url('../img/sub_banner4.jpg') no-repeat;}
}
@media (min-width:1440px) {
    article .sub + section{margin-top:333px;}
    .sub_visual{width:1440px; height:403px;}
    .intro_menu{display:block; border-bottom:1px solid #D2D2D2;}
    .intro_menu ul{margin:0px auto; display:flex; width:1440px;}
    .intro_menu li{flex:1; text-align:center; position:relative;}
    .intro_menu li.on::before{content:''; position:absolute; left:0px; bottom:-1px;
                              width:100%; height:1px; background:#3d67b1;}
    .intro_menu li a{padding:20px; font-size:20px;}
    .intro_menu li.on a{color:#3d67b1;}
    .v-terms .part .title::before{top:30px;}
}





/* login */
.login_area{
	position:absolute;
	overflow:hidden;
	width:400px;
	height:180px;
	left:210px;
	top:105px;
}
.login_area p.login_tit{width:100%;height:60px;vertical-align:top;}
.login_area .login_field{position:absolute;width:100%;height:120px;bottom:0;left:0;}
.login_area .login_input{width:220px;height:40px;padding:0 6px;background:#73747c;font-size:13px;font-family:'Malgun Gothic','dotum';color:#fff;border-top:1px solid #575a5c;border-left:1px solid #575a5c;border-right:1px solid #868b8e;border-bottom:1px solid #868b8e;}
.login_area .login_id{margin-bottom:11px}
.login_area .login_bt{position:absolute;right:0px;top:0;}
.login_field .login_id label, .login_field .login_pw label, .login_field .login_bt label{display:none;visibility:hidden;width:0;height:0;background:none;font-size:0;line-height:0}
.login_field .login_type{padding:13px 0;}
.login_field .login_type input{vertical-align:bottom;border:none;}
.login_field .login_type label{margin:0 10px 0 3px;font-size:13px;font-weight:bold;color:#c2d2e3;}



/* popup_login */
.popup_login{position:absolute; width:392px; height:302px;border:5px solid #c4c4c4;}
.popup_login .close{position:absolute; float:right; top:10px; right:10px; width:20px; height:20px; border:1px solid #adaeaf; font-size:15px; color:#7b7b7b; font-weight:bold;}
.popup_login h3{font-size:var(--fz-big); font-weight:bold; margin:30px; padding-bottom:15px; border-bottom:1px solid #313538; letter-spacing:-0.05em;}
.popup_login .ftc_gr{color:#3d67b1; font-size:var(--fz-big);}
.popup_login ul{width:330px; height:auto; margin:30px;}
.popup_login ul li{margin-bottom:10px;}
.popup_login ul li.login_bt{width:190px;height:45px;padding:25px 0 0 140px;background:#313538;font-size:20px;font-family:'Malgun Gothic','dotum';color:#fff;border-top:1px solid #575a5c;border-left:1px solid #575a5c;border-right:1px solid #868b8e;border-bottom:1px solid #868b8e;}
.popup_login .login_input1{width:318px;height:40px;padding:0 6px; border-radius:5px; background:#fff;font-size:13px;font-family:'Malgun Gothic','dotum';color:#252525;border:1px solid #c4c4c4; margin-bottom:10px;}


/* board list1 일반 게시판 형식 목록 */
table.bd_list1{width:100%;border-top:2px solid #2b2b2b;border-bottom:1px solid #5c5c5c;}
table.bd_list1 th{padding:10px;border-bottom:1px solid #ddd;color:#333;background:#f4f4f4;font-size:12px;font-weight:bold;line-height:14px;letter-spacing:-0.02em}
table.bd_list1 th:last-child{border-right:none}
table.bd_list1 th.ftw{text-align:left; padding-left:10px;font-weight:normal;}
table.bd_list1 th.bdl{border-left:1px solid #ddd;}
table.bd_list1 td{padding:10px;border-bottom:1px solid #ddd;font-size:12px;line-height:19px;text-align:center;}
table.bd_list1 td:last-child,table.bd_list4 td.bdr_n{border-right:none}
table.bd_list1 td.al{text-align:left;padding-left:10px;}
table.bd_list1 td a:hover{text-decoration:underline;}
table.bd_list1 td.wrt{min-height:250px; text-align:left; padding:20px; vertical-align:top; line-height:20px;}
table.bd_list1 tfoot th{min-height:250px; text-align:left; padding:20px; vertical-align:top; line-height:20px;}
table.bd_list1 .input_wr{width:99%;height:300px;padding:10px 6px;background:#fff;font-size:13px;font-family:'Malgun Gothic','dotum';color:#252525;border:1px solid #c4c4c4;}
table.bd_list1 .input_tit{width:98%;height:20px;padding:3px 5px;background:#fff;font-size:13px;font-family:'Malgun Gothic','dotum';color:#252525;border:1px solid #c4c4c4;}
table.bd_list1 .input_file{width:50%;height:20px;padding:3px 5px;background:#fff;font-size:13px;font-family:'Malgun Gothic','dotum';color:#252525;border:1px solid #c4c4c4;}


/* 게시판공통 */
.bdt_none td{border-top:1px solid #dbdbdb;font-size:12px;line-height:18px;text-align:center;}
.bdb_none th,.bdb_none td{border-bottom:none;border-bottom:0 !important}
/* table tr.line01 td{border-bottom:2px solid #959eae !important} */
.dat_n{padding:60px 0 !important;color:#666;background:#fff !important}
.list_type1{overflow-x:scroll;} /* 필드값 많은 테이블의 가로스크롤 2016-06-15 - 노선별운행내역조회 */
table.nwrap th{white-space:nowrap;} /* 셀 내용 텍스트 줄바꿈 안함 2016-06-15 */
table.nwrap td{padding:2px 4px !important;white-space:nowrap;}

/* paging */
div.paging{width:100%;margin:20px 0 40px 0;text-align:center;font-size:0;line-height:0;vertical-align:top; font-weight:bold;}
div.paging img{margin:2px 4px;}
div.paging a, div.paging strong{display:inline-block;width:18px;height:22px;font-size:12px;line-height:15px;vertical-align:top;}
div.paging a.btn{width:auto;height:auto;padding:0;border:0;}
div.paging strong{color:#e77248;font-size:12px; text-decoration:underline; font-weight:bold;}
div.paging a:hover{color:#000;font-size:12px; text-decoration:underline; font-weight:bold;}

/* paging2 */
div.paging2{width:100%;margin:10px 0;text-align:center;font-size:0;line-height:0;vertical-align:top;}
div.paging2 img{width:16px;height:auto;}
div.paging2 a, div.paging2 strong{display:inline-block;width:10px;height:20px;padding-top:4px;font-size:12px;line-height:15px;vertical-align:top;text-align:center;}
div.paging2 a.btn{width:18px;}
div.paging2 strong{color:#e77248;font-size:15px;font-weight:bold;}
div.paging2 a:hover{color:#555;font-size:15px;font-weight:bold;}

/* button type */
.write_bt{float:right;text-align:center;padding:5px 10px;font-size:12px;font-weight:bold;color:#fff;border:1px solid #333333;cursor:pointer; background:#464646; margin-top:10px;}
.srch_bt1{width:60px;height:24px;padding:2px 0 4px 8px;font-size:12px;font-weight:bold;color:#fff;border:1px solid #333333;cursor:pointer; background:url(../images/bt_ic01.png) no-repeat #464646 10px 7px;}
.srch_bt2{width:100px;height:24px;padding:2px 0 4px 20px;font-size:12px;font-weight:bold;color:#fff;border:1px solid #727272;cursor:pointer; background:url(../images/bt_ic02.png) no-repeat #828282 12px 4px;}
.login_bt01{width:120px;height:96px;padding:10px 0 0 30px;font-size:20px;font-weight:bold;color:#fff;cursor:pointer; background:url(../images/login_bt.png) no-repeat;}
.fn_bt2{width:100%;height:25px;margin:15px 0}
.fn_bt2 ul{float:right;overflow:hidden}
.fn_bt2 ul li{float:left;margin-left:10px;}
.bd_btn{margin:20px 0 40px 0;text-align:center;}
.bt_basic{background:#464646;color:#fff; padding:5px 10px; font-size:12px; font-weight:bold; text-align:center;border:1px solid #333333;cursor:pointer; }
.bt_basic1{background:#999;color:#fff; padding:5px 10px; font-size:12px; font-weight:bold; text-align:center;border:1px solid #999;cursor:pointer; }
.bt_basic2{background:#464646;color:#fff; padding:1px 2px; font-size:12px; font-weight:bold; text-align:center;border:1px solid #333333;cursor:pointer; }


/* 버튼타입일 경우 */
.fn_bt2 button,.pop_wrap .pop_btn2{padding:6px 25px ;line-height:18px;font-size:14px;color:#fff;font-family:'Nanum Gothic Bold','Malgun Gothic','dotum';background:#197e9f;border:0;cursor:pointer;border:1px solid #156c88;}
.fn_bt2 button.w2{padding:6px 20px !important;}
.fn_bt2 button.w3{padding:6px 15px !important;}
/* 버튼타입이 아닐 경우 */
.fn_bt2 ul li a{display:block;padding:7px 25px;font-size:14px;color:#fff;font-family:'Nanum Gothic Bold','Malgun Gothic','dotum';background:#197e9f;border:1px solid #156c88;} 
.fn_bt2 ul li a:hover{color:#fff;background:#e86f17;border:1px solid #d66715;}

table button,.pop_wrap .pop_btn1{height:22px;padding:4px 8px;font-family:'Nanum Gothic Bold','Malgun Gothic','dotum';color:#fff;background:#53585f;border:1px solid #3d4045;vertical-align:top}
.bt{width:52px;height:21px;padding-top:2px;line-height:11px;border:0;cursor:pointer;background:url(../images/bt_bg2.gif) no-repeat}

#Cal_Table{border:1px solid #ee8851;}

.ft_gr{font-size:60px;color:#00a58a; font-weight:bold;}
.ft_blk{font-size:50px;color:#383838; font-weight:bold;}
.ft_gray{font-size:11px;color:#ababab; font-weight:normal;}
.ft_bold{font-weight:bold;}
.ft_s12{font-size:12px;}

.board_txt{font-size:13px; padding:13px 0 0 15px; background:url(../images/ic_01.png) no-repeat 5px 15px;}
/* 게시판뷰 첨부파일 다운로드 */
.file_down{font-size:13px;font-weight:bold;color:#1770df;background:#f8f8f8;}
.file_down a{color:#000 !important;}