﻿/* CSS Document */
body {color:#636063;font-size:12px; font-family: 돋움, Arial, Helvetica, sans-serif; line-height:18px;}   
a{color:#636063; text-decoration:none;}    
a:hover { color:#664801;}   
img	{border:0px; vertical-align:middle; }
.clearboth {clear:both; margin:0px; padding:0px; height:0; display:inline;}
.cb{clear:both; height:0;}
.cbNone{clear:both; padding:0; margin:0;}
.fl { float:left; }
.fr { float:right; }
.hrNo{ margin:0; padding:0; display:none; height:0;}
.displayno {display:none; height:0; }
table {	border-collapse: collapse; font-size:12px;}
.cursor { cursor:pointer; }
ul{ overflow:hidden; }
.boldno{ font-weight:normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, fieldset, blockquote, p, form, iframe
{margin:0;padding:0; }
li{ list-style:none}
input{ font-size:12px; vertical-align:middle;}
input:focus {background-color:#eaf2df;} 
.png24 {tmp:expression(setPng24(this));}
.modalBackground 
{ 
    filter:alpha(opacity=1); 
}
.borderTopNone { border-top:none; } 
.vbottom{ vertical-align:bottom;}
.vMiddle{ vertical-align:middle;}
.cursorP{ cursor:pointer;}
.ptR{ position:relative;}
.ptA{ position:absolute;}


/*--------------정렬 --------------*/
.tc { text-align:center; }
.tl { text-align:left; }
.tr { text-align:right; }
.valine {vertical-align:middle;}
.floatL{ float:left}
/*--------------마진 --------------*/
.mLR35{ margin:0 35px;}
.m0 { margin:0px; }
.mt2  { margin-top:2px;}
.mt3  { margin-top:3px; }
.mt4  { margin-top:4px; }
.mt5  { margin-top:5px; }
.mt7  { margin-top:7px; }
.mt8  { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt15 { margin-top:15px; }
.mt17 { margin-top:17px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt27 { margin-top:27px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }

.mr2 { margin-right:2px;}
.mr4 { margin-right:4px;}
.mr5 { margin-right:5px;}
.mr7 { margin-right:7px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.mr15 { margin-right:15px;}
.mr17 { margin-right:17px;}
.mr18 { margin-right:18px;}
.mr20 { margin-right:20px;}
.mr23 { margin-right:23px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px;}
.mr45 { margin-right:45px;}
.mr50 { margin-right:50px;}
.mr60 { margin-right:60px;}
.mr100 { margin-right:100px;}


.ml2 { margin-left:2px; }
.ml4 { margin-left:4px; }
.ml5 { margin-left:5px; }
.ml9 { margin-left:9px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml17 { margin-left:17px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml27 { margin-left:27px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml64 { margin-left:64px; }
.ml80 { margin-left:80px; }
.ml110 { margin-left:110px; }

.mb2 { margin-bottom:2px;}
.mb3 { margin-bottom:3px;}
.mb5 { margin-bottom:5px;}
.mb7 { margin-bottom:7px;}
.mb6 { margin-bottom:6px;}
.mb9 { margin-bottom:9px;}
.mb10 { margin-bottom:10px;}
.mb12 { margin-bottom:12px;}
.mb15 { margin-bottom:15px;}
.mb18 { margin-bottom:18px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb34 { margin-bottom:34px;}
.mb45 { margin-bottom:45px;}
.mb50 { margin-bottom:50px;}

.mLR{ margin:0 3px;}

/*--------------여백 --------------*/
.p0 { padding:0;}
.pt2 { margin-top:2px; }
.pt3 { margin-top:3px; }
.pt15 { margin-top:15px; }
.pt25 { margin-top:25px; }
.pl20 {padding-left:20px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl30 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pr4 {padding-right:4px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pLR2{ padding:0 2px;}

/*--------------색상 --------------*/
.whiteBg { background-color:#fff}
.white { color:#fff;}
.red01 { color:#ff6600;}
.red02 { color:#e34001;}
.red03 { color:#d9623d;}
.red04 {color:#f23934;}
.red05 {color:#dc2422;}/*newMain*/
.pink01{ color:#ef3c49;}
.yellow {color:#fff200}
.orange01{ color:#d19247;}
.orange02{ color:#d66504;}
.orange03{ color:#f17d39;}
.orange04{ color:#fe4d0f;}
.orange05{ color:#d26319;}
.orange06{ color:#277c07;}
.orange06_11{ color:#ff9900; font-size:11px;}
.orange07{ color:#ff6c00;}
.orange08{ color:#bf6b18;}
.orange09{ color:#277c07;}
.orange10{ color:#cc6600;}
.brown01{color:#8f410e;}
.brown02{color:#482006;}
.brown03{color:#e9791b;}
.brown04{color:#664801}
.brown05{color:#9e6333;}
.brown06{color:#9a572a;}
.brown06{color:#934105}
.brown07{color:#cc723c;}
.gray01{color:#8e8e8e;}
.gray02{color:#333;}
.gray03{color:#999;}
.gray04{color:#919191;}
.gray05{color:#777777;}
.gray06{color:#bcbcbc;}
.gray07{color:#dcdcdc;}
.gray08{color:#a1a0a1;}
.gray09{color:#464646;}
.gray10{color:#626262;}
.gray11{color:#348300}
.gray12{color:#949494}
.gray13{color:#8e8e8c}

.violet01 {color:#974ed4;}

.tc_f06{color:#8043af;}
.blue01{color:#6e87a5;}
.blue02{color:#2c4e77;}
.blue03{color:#2e6dac;}
.blue04{color:#91a8de;}
.blue05{color:#5a7ad9;}
.blue06{color:#4b5cba;}
.blue07{color:#3362f0;}
.blue08{color:#1434a1;}/*brainTVBBS-*/
.blue09{color:#4966ca;}/*brainTVBBS-*/
.blue10{color:#083b9a;}
.blue11{color:#0a1b42;}/*brainTVMainmenu-*/
.blue12{color:#13316f;}/*smsComplete*/
.blue13{color:#0000ff;}
.blue14{color:#1f409a;}/*newMain*/
.blue15{color:#3599e4;}/*newMain*/
.blue16{color:#284e85;}

.green01{color:#558b0b;} 
.green02{color:#4e6201;} /*newMain*/
/*brainTV*/
.blueBG01{background-color:#5970bc;}
.gray14{background-color:#e3e3e3}

.lh16{ line-height:16px;}
.lh17{ line-height:17px;}
.lh19{ line-height:19px;}
.lh20{ line-height:20px;}
.lh21{ line-height:21px;}
.lh22{ line-height:22px;}
.lh24{ line-height:24px;}
.lh27{ line-height:27px;}

/*--------------bullet --------------*/

/*--------------font --------------*/
.fBold{font-weight:bold;}
.fNomal{font-weight: normal;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14G{ font-family:'바탕', '궁서', AppleMyungjo; font-size:14px; color:#3f6903; margin-bottom:10px; letter-spacing:-0.1em; line-height:28px; }
.font14G2{ font-family:'굴림', '궁서', AppleMyungjo; font-size:14px; color:#3f6903; letter-spacing:-0.1em; line-height:28px; }
.font14{ font-size:14px;}
.font16{ font-size:16px;}

/*login*/
.topLogin{ text-align:right; font-size:11px;}
.topLogin img{ vertical-align:middle; margin-left:5px;}
.topLogin span{ margin:0 8px;}
.familySize{position: absolute; top:23px; right:0; width:245px; border:2px #ebebeb solid; background-color:#e0e0e0; z-index:600; padding:1px; font-size:11px; color:#888888;}
.familySize dl{border:4px #f2f1ed solid; background-color:#fdfcfb; padding:1px; padding:0px 2px 20px 12px;  }
.familySize dt{text-align:right; padding:0px 5px 0px 5px; }
.familySize dd{border-bottom:1px #f2f1ef solid; margin-right:10px; height:17px; padding:4px 0;}
.familySize dd  p{background:url(/images/main/icon_02.gif) no-repeat 0 50%; padding-left:7px;}
.familySize dd .width50{ width:46%; float:left;}
.familySize dl a{color:#888888;}
.familySize dl a:hover{color:#664801;}
.topImgUnity{ height:80px; padding-top:5px; background:url(/images/sub/topMenuBg.jpg) no-repeat top left;}
.topImgMember{ height:91px; padding-top:5px; background:url(/images/sub/topMenuBg.jpg) no-repeat top left;}




/*--------------footer --------------*/
#footer1 ul{ float:left; width:136px;}
#footer1 li{padding:0 0 0 10px;}
#footer1 li.title{ background:url(/images/main/icon_footer.gif) no-repeat 0 50%;  font-weight:bold; }

#footer2 span, #subFooter2 span{color:#cfcfcf;}
	#footer2 p,#subFooter2 p{ margin-left:25px;}
	#footer2 p.MG a, #subFooter2 p.MG a{ padding-right:5px; padding-left:5px;}

/*--------------border --------------*/
.boardWriteLineB{ border-bottom:1px #f0ebdb solid;}
.boardWriteLineT{ border-top:1px #f0ebdb solid;}
.boardWriteLineL{ border-left:1px #f0ebdb solid;}
.boardWriteLineR{ border-right:1px #f0ebdb solid;}
.grayLineB{ border-bottom:1px #dcdbdb solid;}
.grayLineT{ border-top:1px #dcdbdb solid;}
.grayLineL{ border-left:1px #dcdbdb solid;}
.grayLineR{ border-right:1px #dcdbdb solid;}
.borerTop2px{ border-top: solid 2px #e6e6e6;}
.borerTop1px{ border-top: solid 1px #e6e6e6;}
.borerBottom2px{ border-bottom: solid 2px #e6e6e6;}

.borerBottom1px{ border-bottom: solid 1px #e6e6e6;}