@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
/* RESET */


html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0 ;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size:12px;vertical-align: baseline;
box-sizing:border-box; font-family:"Malgun Gothic", Malgun Gothic, Dotum,  Arial, sans-serif; line-height:18px;}
:focus { outline: 0;}
div { margin: 0; padding: 0; }
strong, b { font-weight: bold; }
a, a:link, a:visited, a:hover, a:active{text-decoration:none; color:#313131}
table {border-collapse: separate;border-spacing: 0;border-collapse:collapse;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}

ol, ul {list-style: none;}
input, textarea, select, button {font-size: 14px; padding:0px; margin:0px;box-sizing:border-box; }
select {margin: inherit;}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
*{-webkit-text-size-adjust:none;}


/* HTML AND BODY */

html, body
{}

.dWidth{width:1128px; margin:0 auto;position:relative}
.dWidth:after{content:""; display:block; clear:both;}


/* HEADER */

#header{position: relative; height:258px;}
.topbanner{width:100%; height:90px; text-align:center; background:beige;position: relative; overflow:hidden}
.topbanner .banWp{position:absolute; top:0px; left:50%; margin-left:-1000px;}
.topLogo{width:1128px; margin:0 auto; height:90px;position: relative;}
.topLogo a.fav{position:absolute; top:37px; left:0px; line-height:17px; display:block; width:70px; height:17px; background:url(../img/fav_ico.png) top left no-repeat;
padding-left:23px;}
.topLogo h1{display:table; width:420px; height:90px;margin:0 auto; }
.topLogo h1 div{display:table-cell; text-align:center; vertical-align:middle; }
.topLogo h1 a{display:inline-block; position:relative; top:0px;}
.topLogo h1 span{display:inline-block; padding-left:10px; font-weight:bold; font-weight:bold; position:relative; width:200px; top:-3px; font-size:14px; text-align:left}
.topLogo h1 span ul{display:none;position:absolute; left:10px; top:20px;width:230px; background:#fff; z-index:9999; border-top:1px solid #dadce1}
.topLogo h1 span ul li{border:1px solid #dadce1; border-top:0px; height:25px; line-height:25px; }
.topLogo h1 span ul li a{display:block;line-height:24px;transition:all 0.5s; padding-left:5px;}
.topLogo h1 span ul li a:hover{background:#f3f3f3}
.topLogo h1 span a.selectBtn{position:absolute; top:2px; right:0px;}

.gnbWp{height:47px; border-top:1px solid #dadce1; border-bottom:1px solid #dadce1;}
.gnbWp a.gnbToggle{float:left; width:55px;}
.gnbToggle_close{position:Absolute; top:0px;left:0px; display:none;}

ul.navi {float:left; border-left:1px solid #dadce1; width:1073px;}
ul.navi li{float:left; width:214px; border-right:1px solid #dadce1; height:45px;position: relative; transition:all 0.5s; }
ul.navi li a{text-align:center; display:block; font-size:16px;line-height:45px; font-weight:bold}
ul.navi li:hover {background:#009ad0}
ul.navi li:hover a{color:#fff}

ul.navi li .sub{display:none; width:215px; border:1px solid #dadce1; background:#fff; overflow:hidden; position:absolute; top:45px; left:-1px; padding:10px 0px;
z-index:999; height:160px;}
ul.navi li .sub li{width:100%; border:0px;height:25px; }
ul.navi li .sub li a{text-align:left; font-size:14px; line-height:25px; margin:0px 15px; font-weight:100; color:#313131; position:relative; padding-left:15px;}
ul.navi li .sub li a:hover{background:#008dbe}
ul.navi li .sub li a:hover:after{content:">"; position:absolute; right:15px; font-size:12px;}
ul.navi li:hover .sub{display:block; background:#009ad0 }
ul.navi li:hover .sub a{color:#fff}

.naviAll{}
.naviAll ul.navi li .sub{display:block}
.naviAll .gnbToggle_close{display:block}




/* CONTENT */

#content{padding:0px; }

.banRolling{float:left; width:833px; height:443px; margin-bottom:20px; position:relative; overflow:hidden}
.banRolling #bx-pager {position:absolute;bottom:0px; left:0px; width:100%;}
.banRolling #bx-pager a {float:left;width:33.333%; background:rgba(0,0,0,0.8); color:#fff; line-height:33px; text-align:center;}
.banRolling #bx-pager a:hover, .banRolling  #bx-pager a.active {background:rgba(1,181,239,0.8); }

.banRolling2{float:left; width:833px; height:443px; margin-bottom:20px; position:relative; overflow:hidden}
.banRolling2 #bx-pager {position:absolute;bottom:0px; left:0px; width:100%;}
.banRolling2 #bx-pager a {float:left;width:25%; background:rgba(0,0,0,0.8); color:#fff; line-height:33px; text-align:center;}
.banRolling2 #bx-pager a:hover, .banRolling2  #bx-pager a.active {background:rgba(1,181,239,0.8); }



.loginBox{float:right;width:275px; height:125px; border:1px solid #dadce1;background:#efefef;position: relative;font-family:"Malgun Gothic", Malgun Gothic, Dotum,  Arial, sans-serif; }
.loginBox .id input, .loginBox .pw input{width:159px; height:31px; border:1px solid #9d9da1; background:#fff;  font-size:12px; padding-left:5px;font-family:"Malgun Gothic", Malgun Gothic, Dotum,  Arial, sans-serif;}
.loginBox span{position:absolute}
.loginBox .id{top:20px; left:20px;}
.loginBox .pw{top:50px; left:20px;}
.loginBox .login_ok{top:20px; right:20px;}
.loginBox .mem{top:90px; left:20px;}
.loginBox .mem a, .loginBox .find_id a{ display:block; transition:all 0.2s;}
.loginBox .mem a:hover, .loginBox .find_id a:hover{background:#009ad0; color:#fff; padding:0px 3px; border-radius:3px;}
.loginBox .mem input{position:relative; top:2px;}
.loginBox .find_id{top:90px; right:20px;}
.loginBox .adminBn{position:absolute;top:20px; right:20px;}
.loginBox  .colorBox{display:inline-block; background:#009ad0; color:#fff; padding:0px 5px;border-radius:3px; height:35px; line-height:35px;}
.loginBox  .colorBox a{color:#fff; display:block;line-height:35px;}
.loginBox ul{position:absolute;top:70px; left:20px;}
.loginBox ul li{float:left; width:115px; background:#fff; height:30px;  margin-right:4px; }
.loginBox ul li a{text-align:center; line-height:28px; display:block;border:1px solid #dadce1;}
.loginBox ul li a:hover{background:#3b536d; color:#fff; border:1px solid #3b536d; }

.loginBox2{float:right;width:275px; height:125px; border:1px solid #dadce1;background:#efefef;position: relative;font-family:"Malgun Gothic", Malgun Gothic, Dotum,  Arial, sans-serif; }
.loginBox22.id input, .loginBox .pw input{width:159px; height:31px; border:1px solid #9d9da1; background:#fff;  font-size:12px; padding-left:5px;font-family:"Malgun Gothic", Malgun Gothic, Dotum,  Arial, sans-serif;}
.loginBox2 span{position:absolute}
.loginBox2 .id{top:20px; left:20px;}
.loginBox2 .pw{top:50px; left:20px;}
.loginBox2 .login_ok{top:20px; right:20px;}
.loginBox2 .mem{top:90px; left:20px;}
.loginBox2 .mem a, .loginBox .find_id a{ display:block; transition:all 0.2s;}
.loginBox2 .mem a:hover, .loginBox .find_id a:hover{background:#009ad0; color:#fff; padding:0px 3px; border-radius:3px;}
.loginBox2 .mem input{position:relative; top:2px;}
.loginBox2 .find_id{top:90px; right:20px;}
.loginBox2 .adminBn{position:absolute;top:20px; right:20px;}
.loginBox2  .colorBox{display:inline-block; background:#009ad0; color:#fff; padding:0px 5px;border-radius:3px; height:35px; line-height:35px;}
.loginBox2  .colorBox a{color:#fff; display:block;line-height:35px;}

.loginBox2 .selectbranch{width:300px; margin:0 auto; height:90px;position: relative;}
.loginBox2.selectbranch a.fav{position:absolute; top:50px; left:0px; line-height:17px; display:block; width:70px; height:17px; background:url(../img/fav_ico.png) top left no-repeat;padding-left:23px;}
.loginBox2 .selectbranch h1{display:table; width:420px; height:90px;margin:0 auto; }
.loginBox2 .selectbranch h1 div{display:table-cell; text-align:center; vertical-align:middle; }
.loginBox2 .selectbranch h1 a{display:inline-block; position:relative; top:0px;}
.loginBox2 .selectbranch h1 span{display:inline-block; padding-left:20px; font-weight:bold; font-weight:bold; position:absolute; width:200px; top:75px; font-size:14px; text-align:left}
.loginBox2 .selectbranch h1 span ul{display:none;position:absolute; left:10px; top:20px;width:230px; background:#fff; z-index:9999; border-top:1px solid #dadce1}
.loginBox2 .selectbranch h1 span ul li{border:1px solid #dadce1; border-top:0px; width:230px; height:25px; line-height:25px; }
.loginBox2 .selectbranch h1 span ul li a{display:block;line-height:24px;transition:all 0.5s; padding-left:5px; text-align:left}
.loginBox2 .selectbranch h1 span ul li a:hover{background:#f3f3f3}
.loginBox2 .selectbranch h1 span a.selectBtn{position:absolute; top:2px; right:0px;}

.banList{float:right;width:275px;margin-bottom:20px;}
.banList li{float:left;}
.banList li img{display:block}

.conBg{/*border-top:1px solid #dadce1; border-bottom:1px solid #dadce1; background:#fafafc; overflow:hidden;*/}

.notice{float:left; width:413px; height:201px; border:1px solid #dadce1;position:relative; overflow:hidden; background:#fafafc}
.notice .title{height:50px; line-height:50px; margin:5px 25px 3px; font-size:20px; font-weight:bold; overflow:hidden;}
.notice .title span{font-size:20px; color:#2389b3}
.notice  ul{margin-left:25px;}
.notice  ul li {height:25px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:85%; }
.notice  ul li a{font-size:15px;}
.notice  ul li:before{content:"ㆍ"}
.notice  ul li.ntc_ico{padding-left:48px; background:url(../img/ntc_ico.png) left 2px no-repeat; }
.notice  ul li.ntc_ico:before{content:""}
.notice  ul li a:hover{text-decoration:underline}
.notice a.more{position:absolute;top:25px; right:26px;}

.banList2{float:right;width:697px;height:201px; overflow:hidden}
.banList2 li{float:left;}
.banList2 li img{display:block}

.mv{float:left; width:413px;height:290px;margin-top:20px; border:1px solid #dadce1;position:relative;  }
.mv .title{height:50px; line-height:50px; padding-left:25px; font-size:20px; font-weight:bold}
.mv .title span{font-size:20px; color:#2389b3}
.mv .mvWp{margin-left:25px;width:408px;}

.sBan{float:right; width:697px;height:290px; border:1px solid #dadce1;  position:relative;margin-top:20px;overflow:hidden}
.sBan .title{height:50px; line-height:50px; padding-left:25px; font-size:20px; font-weight:bold}
.sBan .title span{font-size:20px; color:#2389b3}
.sBan .sliderWp{margin-left:25px;width:645px;}
.sBan .sliderWp img{ border:0px solid #dadce1;}
.sBan .bx-controls{position:absolute; top:20px; right:25px; }
.sBan .bx-pager-item{display:inline-block; }
.sBan .bx-pager-item a{display:block;width:12px; height:12px; background:#d0d0d0; border-radius:15px; overflow:hidden; text-indent:-1000px;
margin:0px 3px}
.sBan .bx-pager-item a.active{background:#268fb6;}

.rban3{padding:40px 0px; position:relative;}
.rban3 .slideWp{width:1000px; margin:0 auto; overflow:hidden; }
.rban3 ul{overflow:hidden}
.rban3 ul li{float:left; margin-right:33px;}
.rban3 .btnLeft{position:absolute; top:83px; left:0px; z-index:9999}
.rban3 .btnRight{position:absolute; top:83px; right:0px;}

#footer{}
.f_menu{height:39px; background:#b9bcbf}
.f_menu ul{display:table;margin:0 auto;}
.f_menu ul li{float:left; line-height:39px; font-size:11px}
.f_menu ul li:after{content:"|"; padding:0px 15px; font-size:11px}
.f_menu ul li:last-child:after{display:none}
.bot_logo{float:left; width:277px;padding-top:15px;}
.copy{padding-top:15px;padding-bottom:25px; font-size:11px;}



/*sub*/
.subLeft{float:left;width:200px; }
.subLeft .leftTitle{height:100px; line-height:100px; background:#01b3f3; color:#fff; font-size:20px; text-align:center}
.subLeft ul{border:1px solid #dadce1;padding:10px 0px; }
.subLeft li{width:100%; border:0px;height:25px;}
.subLeft li a{text-align:left; font-size:14px; line-height:25px; padding-left:15px; font-weight:100; color:#313131}
.subLeft li a:hover{color:#009ad0;}
.subLeft li.active a{color:#009ad0; font-weight:bold}


.subRight{float:right; width:900px; min-height:500px; margin-bottom:30px;}
.subRight .subTitle{font-size:22px; font-weight:bold; padding:15px 0px; border-bottom:1px solid #e8eaef;
margin-bottom:20px;}

.boardList2 table{width:100%; border-collapse:collapse; box-sizing:border-box;border-top:3px solid #22ff7d;}
.boardList2 table th{border:1px solid #4b976a; text-align:center; height:28px; line-height:18px; background:#fafafc;border-collapse:collapse; box-sizing:border-box;
font-weight:bold;color:#4b976a;padding:8px;}
.boardList2 table td{height:33px; line-height:18px; border:1px solid #4b976a; text-align:center;padding:8px;color:#330033;}
.boardList2 table td img{display:inline-block}

.boardList table{width:100%; border-collapse:collapse; box-sizing:border-box;}
.boardList table th{border:1px solid #dadce1; text-align:center; height:33px; line-height:33px; background:#fafafc;border-collapse:collapse; box-sizing:border-box;
font-weight:bold;color:#313131}
.boardList table td{height:33px; line-height:33px; border-bottom:1px solid #dadce1; text-align:center;padding:10px;color:#313131}
.boardList table td img{display:inline-block}
.boardWrite table{width:100%; border-collapse:collapse; box-sizing:border-box}
.boardWrite table th{border:1px solid #dadce1; text-align:left; height:33px; line-height:33px; background:#fafafc;border-collapse:collapse; box-sizing:border-box;
padding:10px; font-weight:bold; color:#313131}
.boardWrite table td{height:33px; line-height:33px; border:1px solid #dadce1; text-align:left;padding:10px}
.boardWrite table td input{border: 1px solid rgb(221, 221, 221);height: 24px; line-height:24px;}

.boardView table{width:100%; border-collapse:collapse; box-sizing:border-box}
.boardView table th{border:1px solid #dadce1; text-align:left; height:33px; line-height:33px; background:#fafafc;border-collapse:collapse; box-sizing:border-box;
padding:10px; font-weight:bold; color:#313131;font-size:14px;}
.boardView table td{height:33px; line-height:33px; border:1px solid #dadce1; text-align:left;padding:10px; font-size:14px;}
.boardView table td a{font-size:14px;}
.boardView table td span{font-size:14px;}
.boardView table td span a{font-size:14px;}
.boardView table td input{border: 1px solid rgb(221, 221, 221);height: 24px; line-height:24px;}
.boardView strong{font-size:14px; font-weight:bold; color:#313131}
.boardView .fl{float:left}
.boardView .fr{float:right}

.boardsrc{float:left}
.boardsrc ul{}
.boardsrc ul li{float:left; margin-right:2px;}
.boardsrc ul li select, .boardsrc ul li input{    padding: 2px 3px;
    border: 1px solid rgb(221, 221, 221);
    height: 24px;
    color: rgb(51, 51, 51);
    font-family: "Malgun Gothic" , "arial";
    font-size: 9pt;
    background-color: rgb(255, 255, 255);}
.boardsrc ul li a{height: 24px; display:block; width:40px; text-align:center; line-height:24px; background:#4f4f4f; color:#fff;}

.boardBtn{float:right}
.boardBtn ul{}
.boardBtn ul li{float:left; margin-left:2px;}
.boardBtn ul li a{height: 24px; display:inline-block; padding:0px 10px;text-align:center; line-height:24px; background:#1dbcf0; color:#fff;}

.paging{display:table; margin:0 auto; padding-top:50px;}
.paging a{display:inline-block;}
.paging .cur_num{position:relative; top:-4px;}

td.shd table td{border: 1px solid rgb(221, 221, 221);}

.mem_bg01 {border:1px solid #dadce1; text-align:left; height:33px; line-height:33px; background:#fafafc;border-collapse:collapse; box-sizing:border-box;
padding:10px; font-weight:bold; color:#313131;width:180px;}


.menu3_nameWp{border:1px solid #dadce1; padding:10px; text-align:left}
a.menu3_name{float:left;padding: 5px 10px; color: #fff; font-family: "Dotum"; font-size: 12px; font-weight: normal; text-decoration: none; 
background-color: #353f5d; margin-right:5px;}
a.menu3_name:hover{background:#1d7ca9}