﻿/* CSS Document */
body {color:#636063;font-size:12px; font-family: 돋움, Arial, Helvetica, sans-serif; line-height:18px;}   
a{color:#636063; text-decoration:none;}    

img	{border:0px; vertical-align:middle; }
.clearboth {clear:both; margin:0px; padding:0px; height:0; display:inline;}
.cb{clear:both; height:0; min-height:0px;}
.clearB{clear:both;}
.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));}
.positionR{ position:relative;}
.positionA{ position:absolute; }
.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; }
.mt16 { margin-top:16px; }
.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; }
.mt48 { margin-top:48px; }
.mt50 { margin-top:50px; }

.mr2 { margin-right:2px;}
.mr4 { margin-right:4px;}
.mr5 { margin-right:5px;}
.mr6 { margin-right:6px;}
.mr7 { margin-right:7px;}
.mr9 { margin-right:9px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.mr13 { margin-right:13px;}
.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;}
.mr67 { margin-right:67px;}
.mr70 { margin-right:70px;}
.mr89 { margin-right:89px;}
.mr100 { margin-right:100px;}


.ml2 { margin-left:2px; }
.ml3 { margin-left:3px; }
.ml4 { margin-left:4px; }
.ml5 { margin-left:5px; }
.ml6 { margin-left:6px; }
.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; }
.ml58 { margin-left:58px; }
.ml60 { margin-left:60px; }
.ml64 { margin-left:64px; }
.ml80 { margin-left:80px; }
.ml110 { margin-left:110px; }
.ml140 { margin-left:140px; }

.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;}
.mb21 { margin-bottom:21px;}
.mb27 { margin-bottom:27px;}
.mb30 { margin-bottom:30px;}
.mb34 { margin-bottom:34px;}
.mb45 { margin-bottom:45px;}
.mb50 { margin-bottom:50px;}
.mb70 { margin-bottom:70px;}
.mb100 { margin-bottom:100px;}

.mLR{ margin:0 3px;}

/*--------------여백 --------------*/
.p0 { padding:0;}
.pt2 { padding-top:2px; }
.pt3 { padding-top:3px; }
.pt7 { padding-top:7px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt25 { padding-top:25px; }
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.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;}
.pb5 {padding-bottom:5px;}
.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:#ed111b;}/*subMain*/
.red04 {color:#f23934;}
.red05 {color:#dc2422;}/*newMain*/
.red06 { color:#f37c6c;}/*미디어 결재*/
.red07 { color:#ff104e;} 

.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;}
.orange11{color:#fd7a48;}/*media*/
.orange12{color:#fd7a48;}/*media*/
.brown01{color:#8f410e;}
.brown02{color:#482006;}
.brown03{color:#e9791b;}
.brown04{color:#664801}
.brown05{color:#9e6333;}
.brown06{color:#9a572a;}
.brown06{color:#934105}
.brown07{color:#cc723c;}

.black01{color:#2e2e2e;}
.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}
.grayb12{color:#8a888a; font-weight:bold;}
.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*/
.green03{color:#1ca518;}/*newSubMain*/
.green04{color:#85c76d;}
.green05{color:#318c37;}
.green06{color:#06a105;}
.green07{color:#199e25; font-size:14px;}

/*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;}
.lh23{ line-height:23px;}
.lh24{ line-height:24px;}
.lh27{ line-height:27px;}
.lh28{line-height:28px}

/*--------------bullet --------------*/
.square{background:url(/images/main/loginIcon.gif) no-repeat 0px 50%; padding-left:7px;}
/*--------------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;}
.font18B{ font-size:18px; color:#284e85}

/*login*/
.topLogin{ text-align:right; font-size:11px; color:#6a6a6a;}
.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:74px; padding-top:5px; }
.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:#3e3e3e;}
	#footer2 p,#subFooter2 p{ color:#7c7c7c;}
	#footer2 .mediaInfo{ position:absolute; top:-240px; left:155px; z-index:100;}
	#footer2 p span,#subFooter2 p span{ margin:0 10px; color:#acacac;}
	#footer2 p.MG a, #subFooter2 p.MG a{ color:#7c7c7c;}

/*--------------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;}
.borerTop1px{ border-top: solid 1px #e6e6e6;}

/*--------------dotline --------------*/
.dotLineXBG{background:url(/images/board/dot_w.gif) repeat-x left bottom;}
.dotLineXTG{background:url(/images/board/dot_w.gif) repeat-x left top;}
.dotLineYLG{background:url(/images/board/dot_h.gif) repeat-y top left;}
.dotLineYRG{background:url(/images/board/dot_h.gif) repeat-y top right;}