@charset "euc-kr";
/*Common*/
body{margin:0; padding:0;  font:12px dotum, gulim, Verdana, Arial, Helvetica, sans-serif; color:#5f5f5f;}

p, div, form, blockquote, dl, dd, dt {margin:0; padding:0}
dl:after {content: ".";display:block; height:0;clear:both; visibility:hidden;} /*FF,모질라 flot 해제*/
* html dl{height:1%} /*IE6~5용 flot해제*/
*:first-child+html  dl{min-height:1px;}/*IE7용 flot해제*/
ul.ulclear:after {content: ".";display:block; height:0;clear:both; visibility:hidden;} /*FF,모질라 flot 해제*/
dl.dlclear:after {content: ".";display:block; height:0;clear:both; visibility:hidden;} /*FF,모질라 flot 해제*/
* html ul.ulclear{height:1%} /*IE6~5용 flot해제*/
*:first-child+html  ul.ulclear{min-height:1px;}/*IE7용 flot해제*/
ul,li, ol{margin:0; padding:0; list-style:none}
li img{display: block}
dd img{display: block}
img{border:0;}
p, div,span, th, td, select, a, li, dd, dt { font-size:100%}

em{font-style:normal}
hr{display:none}
table{border-collapse:collapse;font:100% dotum, gulim, Verdana, Arial, Helvetica, sans-serif; color:#555555; position:relative}
table th, table td {padding:0}
caption{display:none}
fieldset{margin:0; padding:0; border:none}
label{margin:0; padding:0;}
legend{ display:none}
optgroup label{font-style:normal;font-weight:normal}
h1{font-size:150%;font-weight:bold;text-align:center;color:#5ea1e2}
h2{font-size:110%; margin:0; padding:0;font-weight:normal;}
h3{font-size:100%; margin:0; padding:0;font-weight:normal;}
h4{font-size:90%; margin:0; padding:0;font-weight:normal;margin-bottom:5px;}
h5{font-size:85%; margin:0; padding:0;font-weight:normal}
h6{font-size:80%; margin:0; padding:0;font-weight:normal}
.iframeinsert{width:0;height:0;border:0px;display:none;}

/*Text standard*/
.skip{ position:absolute; width:0; height:0; font-size:0; overflow:hidden; visibility: hidden;}
.clear{clear:both; height:0; overflow:hidden;_height:0; }
.footer_clear{clear:both; height:0; overflow:hidden }
.clear1{clear:both}
.bold_letter{font-weight:bold}
.smalltxt{font-size:11px; letter-spacing:-0.02em;}
.lineh{line-height:150%;}
.tableth{font-weight:normal; font-size:12px; color:#f34918;}
.bigtxt{font-size:120%;}

/*background-colorr*/
.bgcolor1{background-color:#f9f9f9}
.bgcolor2{background-color:#fff5f0}

/*Align*/
.txtr{ text-align:right}
.txtl{text-align:left}
.txtc{text-align:center;}
.imgc{margin:0 auto;}
.vat{vertical-align:top}
.vam{vertical-align:middle}
.vab{vertical-align:bottom}
.centerbox{margin-left:auto;margin-right:auto;}/*적용시 width값을 지정해야함*/
.center{margin:auto;text-align:center}
.fl{float:left;display:inline}
.fr{float:right}
.disinline{display:inline;}
.textheight130{ line-height:130%}
.textheight160{ line-height:160%}
.textheight200{ line-height:200%}
.left{text-align:left;}
/* Default Link*/
a:link{text-decoration: none; color:#818181;}
a:visited{text-decoration: none; color:#818181;}
a:hover{text-decoration: none; color:#5f7810;text-decoration: underline;}
a:active{text-decoration: none; color:#818181;text-decoration: underline;}


/*Input*/
input{font:12px dotum, gulim, Verdana, Arial, Helvetica, sans-serif; padding:2px;color:#777777; border:1px solid #e7e7e7; vertical-align:middle;}
.layoutblank{font:12px dotum, gulim, Verdana, Arial, Helvetica, sans-serif; padding:2px;color:#818181; border:0px solid #ffffff; vertical-align:middle;}
.imgbutton {margin-top:0px;margin-left:0px;padding:0px;_margin-bottom:1px;**margin-bottom:1px;border:0px}
.use {margin-top:10px;margin-left:5px;}
input.seall{border:none; font:100% dotum, Verdana, Arial, Helvetica;}
input.txt{border:1px solid #dadada; }
input.txtmoney1 {border:none;text-align:right}
input.txtmoney2 {border:none;text-align:right; color:#f97754; font-weight:bold}
input.txtmoney3 {text-align:right; color:#f97754; font-weight:bold}
label.check{position:relative;}
label.question{color:#5ea1e2;}
input.file{border:1px solid #d4d0c8;}
input.btn{border:none; padding:0;display:inline;}
select{font:100% dotum;color:#818181; vertical-align:middle;border:1px solid #7f9db9; padding:1px;}
textarea{border:1px solid #dadada; margin:0;  font:100% dotum, gulim, Verdana, Arial, Helvetica, sans-serif; line-height:1.5em}

/*Button style*/
button,label, .phand{cursor:pointer;_cursor /**/:hand;}
.btnL{padding-top:5px; clear:both}
.btnR{text-align:right; padding-top:10px; clear:both}
.btnR img{ margin-left:3px;}
.btnC{text-align:center; padding-top:10px; clear:both}
.btn2{clear:both;}

/*mainLayout*/
#mwrap{width:100%;margin:auto;background:url(../images/common/main_topback2.jpg) repeat-x;}
#mlayout{width:100%;margin:auto;height:342px;background:url(../images/common/main_back01.jpg) repeat-x;border:1px;}
#mcontent{position:relative;width:935px;}




/* 2010-02-10::add */
/* left::start */
#mleftdiv{clear:both;margin-top:20px;float:left;width:415px;}
#mleftnotice{width:340px;}
#mleftnotice ul{margin-top:10px;}
#mleftnotice li{height:24px;}
#mleftnotice .numpoint{clear:both;float:left;width:250px;padding-top:0px;padding-left:8px;background:url(/images/main/ico_notice.gif) left 4px no-repeat;}
#mleftnotice .numday{float:right;padding-right:5px;width:40px;}

/* right::start */
#mrightdiv{position:relative;width:510px;margin-top:20px;float:left;margin-bottom:10px;}
#mrightinfo01{}
#mrightinfo01 li{float:left}


/*subLayout*/
#wrap{width:100%;margin:0px;background:url(../images/common/top_back.jpg) repeat-x;}
#header{position:relative;margin:0;width:928px;height:200px;z-index:1;}
#container{position:relative;margin:auto;width:928px;height:auto;}	
#subtop{position:relative;width:928px;height:auto;margin:0;padding:0;border:0px solid red;z-index:1}
#subtitle{position:relative;clear:both;margin-bottom:20px;width:732px;height:57px;background:url(../images/common/subtitleback01.gif) repeat-x;}
#subtitle dd{float:left}
#subtitle .rightnavi{float:right;margin-top:1px;background-color:#ffffff;height:35px;padding:20px 20px 0 20px;color:#9e9e9e}
#content{float:right;position:relative;width:735px;margin-top:20px;border:0px solid blue}
#detailcontent{width:100%;position:relative;height:auto;}
#subbottom{clear:both;position:relative;left:0px;vertical-align:bottom;width:100%;height:150px;z-index:-1;background:url(../images/common/bottomback.jpg) repeat-x left bottom;}
#subfooter{clear:both;width:100%;height:87px;position:relative;background:url(/images/common/footerback.gif) repeat-x left top;background-color:#ebebeb}
#footerimg{margin:auto;width:928px;height:87px;}

#mtop{position:relative;margin:0px;width:921px;border:0px solid red}
#mleft{margin-left:10px;position:relative;width:542px;float:left;border:0px solid red}
#mleft .mainmap{width:539px;height:400px;background-color:#ccc}
#mright{position:relative;width:355px;float:right;border:0px solid blue}
#mbannertitle{margin-top:30px;}
#mbanner{clear:both;position:relative;margin-top:20px;width:100%;height:80px;border:0px solid red}	
#mbanner .arrow{margin-top:25px}
#mbanner li{float:left}
#mbanner img{display:inline;vertical-align:middle}
.extext{padding-left:10px;color:#017ab1}
#linkScroll{position: relative;padding-bottom:13px;height:78px; width:430px; overflow:hidden; display: show;background:url(/bsits/img/ban_3.gif) repeat-x left top;}
#linkScroll ul{width:1560px}
#linkScroll li{float:left}
#linkScroll .gap{margin-left:4px;margin-right:4px}
#mfooter{clear:both;position:relative;width:100%;height:106px;border:0px solid green}
#subblank{position:relative;margin:0px;width:921px;height:138px;border:0px solid red}	

/*Left menu content*/
#subleft{position:relative;width:184px;height:471px;float:left;background:url(../images/leftmenu/ltop.gif) no-repeat;border:0px solid blue}
#subleft .titletop{margin-top:21px;margin-bottom:14px;*margin-bottom:14px}
#subleft ul.banner{margin-top:15px;}
#subleft ul.banner li{margin-top:8px;margin-left:1px}
#subleft .snb li{font-size:0px;line-height:0px}
/* sitemap box */
#sitemap{margin:auto;width:680px;}
#sitemap .sitemapsection{float:left;margin-right:32px;width:196px;position:relative;background:url(/bsits/its/centerIntro/img/sitemap_8.gif) repeat-y left top;}
#sitemap .sitemapsection ul, #sitemap .sitemapsectionright ul{height:120px;}
#sitemap .sitemapsection li, #sitemap .sitemapsectionright li{width:160px;margin-top:3px;margin-left:10px;padding:0 0 0 18px;line-height:130%;background:url(/bsits/its/centerIntro/img/site_10.gif) no-repeat left 15%;}
#sitemap .sitemapsectionright{float:left;width:196px;position:relative;background:url(/bsits/its/centerIntro/img/sitemap_8.gif) repeat-y left top;}


/* stitle start */
#snavi{float:right;width:640px;height:17px;padding-top:13px;padding-right:20px;border:0px solid green;}
#snavi dl{float:right;}
#snavi dd{float:left;margin-left:5px;}
#snavi img{padding-top:1px}
#stitle{float:right;width:660px;height:19px;border:0px solid red;margin-bottom:20px;}
#stitle dl dd.snavigation{font-size:94%;float:right;padding-top:15px}
#stitle dl dd.snavigation span{color:#5ea1e2}
/* onlinetitle */
.onlinetitle{height:170px;}

/* table */
#boardtable{position:relative;clear:both;margin:0 auto; width:660px;}
#boardtable table{width:660px;border-collapse:collapse;font:12px dotum, gulim, Verdana, Arial, Helvetica, sans-serif; color:#777; position:relative;}
#boardtable table td, #boardtable table th{padding:3px;text-align:center}
#boardtable table  th {text-align:center; font-weight:bold;height:30px;color:#4e4c32;}
#boardtable table  th span{font-weight:normal;color:#7abce3;}
#boardtable table .tdleft{text-align:left;}
#boardtable table .titlethleft{height:32px;padding:0px;border-top:3px solid #8ecb57;background:url(/images/common/icoboard_vline01.gif) right center no-repeat;}
#boardtable table .titlethright{height:32px;padding:0px;border-top:3px solid #c2d88a;background:url(/images/common/icoboard_vline01.gif) right center no-repeat;}
#boardtable table .titlethrightleft{height:32px;padding-left:10px;text-align:left;color:#0f7c0a;font-weight:bold;border-top:3px solid #c2d88a;background:url(/images/common/icoboard_vline01.gif) right center no-repeat;}
#boardtable table .titlethrightend{height:32px;padding:0px;border-top:3px solid #c2d88a;}
#boardtable table .titleline{background:url(/images/common/icoboard_hline01.gif) left top repeat-x;}
#boardtable table .contenttd td{padding:7px;border-bottom:1px solid #e4e4e4}
#boardtable table .contentviewtd td{padding:10px;text-align:left;vertical-align:top;min-height:300px;height:300px;border-bottom:1px solid #e4e4e4}
#boardtable table .outlinethleft{margin:0px;padding:0px;height:5px;background-color:#8ecb57;font-size:0px;line-height:0px;}
#boardtable table .outlinethright{margin:0px;padding:0px;height:5px;background-color:#c2d88a;font-size:0px;line-height:0px;}
#boardtable table .outlinemiddle{padding:0px;background:url(/images/common/backboard_middle.gif) left top repeat-y;}
#boardtable table .outlinebottom{margin:0px;padding:0px;height:5px;background:url(/images/common/backboard_bottom.gif) left bottom no-repeat;font-size:0px;line-height:0px;}

#onlinetable{margin-top:20px;}
#onlinetable table{margin:0 auto;width:620px;border-collapse:collapse;font:12px dotum, gulim, Verdana, Arial, Helvetica, sans-serif; color:#777; position:relative;}
#onlinetable table td, #onlinetable table th{text-align:center;border:1px solid #dedede}
#onlinetable table .contenttd td{padding:5px;text-align:left;}
#onlinetable table .contenttd th{background-color:#f6f6f6}

#admintable{margin-top:20px;}
#admintable table{margin:0 auto;width:620px;border-collapse:collapse;font:12px dotum, gulim, Verdana, Arial, Helvetica, sans-serif; color:#777; position:relative;}
#admintable table td, #admintable table th{text-align:center;border:1px solid #dedede}
#admintable table .contenttd td{padding:5px;text-align:left;}
#admintable table .contenttd th{background-color:#f6f6f6}

/* admin */
#adminloginbox{margin:0 auto;width:300px;height:150px;background:url(/images/member_1.gif) right bottom no-repeat;border:1px solid #fff}
#adminloginbox form{margin:80px 0 0 82px;}
/* search box */
#boardpagebox{float:left;width:250px;vertical-align:bottom;padding-top:5px;padding-left:8px;background:url(/images/common/icoboard_point01.gif) left 10px no-repeat;}
#searchbox{float:right;width:220px;margin:0px 0px 10px 0px;border:0px solid red}
#searchbox dd{float:left;margin-right:10px;display:inline}
#searchbox select{size:12px;font-family:돋움;color:#777777; background-color:#f7f7f7;border-color:#b5b5b5;}
#searchbox .sinput{size:12px;font-family:돋움;width:150px; color:#777777; background-color:#f7f7f7;border-color:#b5b5b5;}
/* admin search box */
#adminsearchbox{float:right;width:320px;margin:0px 0px 10px 0px;border:0px solid red}
#adminsearchbox dd{float:left;margin-right:10px;display:inline}
#adminsearchbox select{size:12px;font-family:돋움;color:#777777; background-color:#f7f7f7;border-color:#b5b5b5;}
#adminsearchbox .sinput{size:12px;font-family:돋움;width:150px; color:#777777; background-color:#f7f7f7;border-color:#b5b5b5;}

/* basic search box */
#basicsearchbox{float:right;margin:0px 0px 10px 0px;border:0px solid red}
#basicsearchbox dd{float:left;margin-right:10px;display:inline}
#basicsearchbox select{size:12px;font-family:돋움;color:#777777; background-color:#f7f7f7;border-color:#b5b5b5;}
#basicsearchbox .sinput{size:12px;font-family:돋움;width:150px; color:#777777; background-color:#f7f7f7;border-color:#b5b5b5;}


/* brdbutton */
.brdbutton{clear:both;text-align:right; margin-top:10px; margin-right:40px; padding: 0px; line-height:10px;}
.brdbutton img{vertical-align:middle;display:inline} 

/* page pageanchor */
.page{clear:both;font-size:10px;text-align:center; margin-top:10px; padding: 0px; line-height:10px; height:10px; font-family:Tahoma, Arial;}
.page a.num{margin:0 2px; padding: 1px 4px; display:inline-block; border:1px solid #e2e4e8; background:#f5f5f5; color:#a0a0a0}
.page a:hover.num{border:1px solid #9abe25;}
.page strong{ margin:0 1px; padding: 1px 4px; display:inline-block;  border:1px solid #979899; background:#bdbdbd; color:#fff }
.page img{margin:1px 2px 4px 2px; vertical-align:middle;display:inline }

/* gallery */
.gallery{position:relative;margin:0 auto;width:640px;border:0px solid red}
.gallery dd{float:left;padding:10px;}


/*Print*/
@media print {
#accessibility,#header,#topmenu,#sub,#quick,#Tim,#footer ul,#footer address,#sube 
{display:none;}
body,body #wrapper #Contents,#footerW {background:none;}
#wrapper {margin:0;}
#content {float:none; left:0; padding:0 0 30px 0; margin:0 0 0 -200px;}
#location {position:relative; top:0; right:0; margin:0;}
#footerW {text-align:left; width:100%; border-top:1px solid #CCC;}
#footer p.copyright {float:none; margin:0; text-align:left;}
}

/*Width style Main*/
.w600{width:600px}
.w400{width:400px}
.w320{width:320px}
.w280{width:280px}
.w200{width:200px}
.w145{width:145px}
.w138{width:138px}
.w100p{width:100%}

/*Height style Sub*/
.h20{height:20px}
.h23{height:23px}
.h25{height:25px}
.h26{height:26px}
.h30{height:30px}
.h32{height:32px}
.h40{height:40px}
.h50{height:50px}
.h55{height:55px}

/*Padding style Top*/
.pt1{padding-top:1px}
.pt3{padding-top:3px}
.pt4{padding-top:4px}
.pt15{padding-top:15px}

/*Padding style Bottom*/]
.pb1{padding-bottom:1px}
.pb3{padding-bottom:3px}

/*Padding style Right*/
.pr1{padding-right:1px}
.pr2{padding-right:2px}
.pr5{padding-right:5px}

/*Padding style Left*/
.pl3{padding-left:3px}
.pl5{padding-left:5px}
.pl7{padding-left:7px}


/*Margin style Top*/
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt50{margin-top:50px}

/*Margin style Bottom*/
.mb3{margin-bottom:2px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}

/*Margin style Right*/
.mr3{margin-right:3px}

/*Margin style Left*/
.mlm5{margin-left:-10px}
.ml237{margin-left:257px}