@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 {
    margin-top: 10px;
    float: left;
}
.topmenu a {
    font-size: 15px;
    color: #000000;
}
.topmenu a:hover {
    font-size: 15px;
    color: #00067b4;
    text-decoration: none;
}

/*슬라이드서브메뉴*/

.top_submenu{width:110px; padding:10px; line-height:25px; float:left; background-color:#bb171c; border-top:8px solid #f36167;  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 {
    height:81px;
}
.submenu {
    font-family: 'NanumGothic', Verdana, Arial, Tahoma;
    width:200px;
    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;
}
.submenuline {
    height: 1px;
    background-color: #e2e2e2;
}



    /*메인공지사항*/
    .NoticeBox {
        margin-right: 50px;
        width: 400px;
        float: left;
        height: 125px;
    }
    .noticecontents {
        font-size: 12px;
        color: #363636;
        font-family: 'dotum', '돋움', '굴림';
        line-height:26px;
        height:26px;
        float: left;
        width:180px;
    }
    .noticecontents a {
        font-size:12px;
        color: #363636;
    }
    .noticecontents a:hover {
        font-size: 12px;
        color: #0054a6;
    }
    .noticedate {
        font-family: 'dotum', '돋움', '굴림';
        font-size: 12px;
        color: #636363;
        line-height: 26px;
        text-align: right;
        width: 60px;
        float: right;
    }

.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;}
.BannerBox{margin-right:10px; border:1px solid #dadada; float:left; width:350px; position: relative; height:165px;}

/*네비*/

.subnavi {
    float:right;
    font-family: '돋움', 'dotum', '돋움', '굴림', Tahoma, Verdna, Aria;
    font-size: 12px;
    line-height: 16px;
    color: #0072bc;
    text-align: right;
}
.subline {
    height: 1px;
    background-color: #dadada;
    width: 100%;
    margin: 20px 0 20px 0;
}

/*타이틀*/

.subtitle01 {
    height:52px;
    float: left;
}
.subtitle02 {
    height: 35px;
}
.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;
}
.titleline01 {
    width: 730px;
    height: 1px;
    background-color: #efefef;
    margin-bottom: 40px;
}

/*리스트관련*/
.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:22px;}
.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:20px; color:#910a0e;  vertical-align:top; width:90px; float:left;}
.history02{font-family:'NanumGothic','맑은고딕','돋움','굴림',Tahoma,Verdna,Aria; font-size:12px; color:#464646; vertical-align:top; width:100px; line-height:25px; float:left;}
.history03{font-family:'NanumGothic','맑은고딕','돋움','굴림',Tahoma,Verdna,Aria;  line-height:25px; width:350px; float:left;}
.historyline{  border-bottom: 2px dotted #ebebeb; width:100%; margin:10px 0 10px 0;}

/*실적*/
.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: #8e8e8e;
    
}
.copytxt02 {Tahoma, Verdna, Aria;
    font-size: 10px;
    color: #707070;
    margin-top:6px;
}

.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{Tahoma, Verdna, Aria; font-size:13px;color:#0a1842; line-height:13px;}

