/* CSS Document */
body {color:#888888; font-size:12px; font-family: dotum; line-height:18px;}   
a{ text-decoration:none; color:#727272;}
a.orange01{ color:#fdb36d;}
a.white{ color:#ffffff;}
a:hover{ color:#444444;}
img	{border:0;}
.clearboth {clear:both; }
.cbNone{clear:both; padding:0; margin:0; height:0; width:0;}
.fl { float:left; }
.fr { float:right; }
.hrNo{ margin:0; padding:0; display:none; height:0;}
.displayno {display:none; height:0; }
.cursor { cursor:pointer; }
.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, table, tr, th, td
{margin:0;padding:0; }
li{ list-style:none}
input {padding:2px; vertical-align:middle;  font-family: dotum;}
input, textarea{ border-top:solid 1px #808080; border-right:solid 1px #d4d0c8; border-left:solid 1px #808080; border-bottom:solid 1px #d4d0c8;  font-family: dotum; font-size:12px; }
span input{border:none;}
input:focus {background-color:#f5f5f5;} 
.png24 {tmp:expression(setPng24(this));}

input.btCommnet{
	width:74px;
	height:37px;
	color:#fff;
	border:none;
	background:url(/images/sub/bt_comment_re.gif) no-repeat left top;
	font-weight:bold;
}

/*·¹ÀÌ¾î ½ºÅ©·Ñ*/
.layerScrol 
{   
    border:solid 1px #e5e5e5;
    overflow-x:hidden;
    overflow-y:scroll;
    scrollbar-highlight-color:#FFF;
    scrollbar-3dlight-color:#bcb6af;
    scrollbar-face-color:#e0e0e0;
    scrollbar-shadow-color:#a79e95;
    scrollbar-darkshadow-color:#FFF;
    scrollbar-track-color:#f5f3f1;
    scrollbar-arrow-color:#776b5e;
}


.width40px{ width:40px;}
.width50px{ width:50px;}
.width60px{ width:60px;}
.width70px{ width:70px;}
.width87px{ width:87px;}
.width90px { width:90px;}
.width100px { width:100px;}
.width110px { width:110px;}
.width140px { width:140px;}
.width150px { width:150px;}
.width300px { width:300px;}

/*-------------- align --------------*/
.tc { text-align:center; }
.tl { text-align:left; }
.tr { text-align:right; }
.valine {vertical-align:middle;}
.vbottom{ vertical-align:bottom;}
.vtop{ vertical-align:top;}

/*-------------- margin --------------*/
.mt2 { margin-top:2px;}
.mt3 { margin-top:3px;}
.mt5 { margin-top:5px;}
.mt7 { margin-top:7px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
        *html .mt12 { margin-top:10px;}
        *:first-child+html .mt12 { margin-top:10px;}
.mt13 { margin-top:13px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt26 { margin-top:26px;}
.mt30 { margin-top:30px;}
        *html .mt30 { margin-top:10px;}
.mt35 { margin-top:35px;}
.mt38 { margin-top:38px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}

.mr2 { margin-right:2px;}
.mr3 { margin-right:3px;}
.mr4 { margin-right:4px;}
.mr5 { margin-right:5px;}
.mr6 { margin-right:6px;}
.mr7 { margin-right:7px;}
.mr8 { margin-right:8px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.mr13 { margin-right:13px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr55 { margin-right:55px;}
.mr60 { margin-right:60px;}

.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb8 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml8 {margin-left:8px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml11 {margin-left:11px;}
.ml15 {margin-left:15px;}
.ml18 {margin-left:18px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml26 {margin-left:26px;}
.ml28 {margin-left:28px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml37 {margin-left:37px;}
.ml50 {margin-left:50px;}
.ml110 {margin-left:110px;}
.ml156 {margin-left:156px;}
.ml170 {margin-left:170px;}

/*-------------- padding --------------*/

.padding2px{ padding:2px;}
.pt6 { padding-top:6px;}
.pt10 { padding-top:10px;}
.pt13 { padding-top:13px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}

.pr13 { padding-right:13px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}

.pl5 { padding-left:5px;}
.pl8 { padding-left:8px;}
.pl13 { padding-left:13px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}

/*-------------- font --------------*/
.fNomal{ font-weight:normal;}
.fBold {font-weight:bold;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font30 {font-size:30px;}
.letterNom{ letter-spacing:normal;}
.letterS{ letter-spacing:-0.1em;}

.lh17{ line-height:17px;}
.lh19{ line-height:19px;}
.lh20{ line-height:20px;}
.lh21{ line-height:21px;}
.lh22{ line-height:22px;}
.lh24{ line-height:24px;}
.lh30{ line-height:30px;}
.lh34{ line-height:34px;}

/*--------------color --------------*/
.white { color:#ffffff;}
.red01 { color:#c91818;}
.red02 { color:#d55947;}
.gray01 { color:#dddddd;}
.gray02 { color:#585857;}
.gray03 { color:#888888;}
.gray04 { color:#ababab;}
.black01 { color:#2c2c2c;}
.blue01{ color:#6582ed;}/**/
.blue02{ color:#77a4ce;}/**/
.blue03{ color:#5e66c8;}/**/
.blue04{ color:#456ad3;}/**/
.blue05{ color:#6b78a6;}/**/
.brown01{ color:#ab9185;}
.brown02{ color:#be5b30;}/**/
.brown03{ color:#615c4c;}
.brown04{ color:#867a5a;}
.green01{ color:#6fa589;}
.green02{ color:#679663;}
.orange01{ color:#ff6600;}
.pink01{ color:#d081a8;}

.bgGray01{ background-color:#f9f9f9;}
.bgGray02{ background-color:#f2f2f2;}

/*--------------border --------------*/
.borderno{ border:none;}
.borBotno{ border-bottom:none;}
.bortop1pxECE{ border-top:solid 1px #ececec;}
.bortop1pxC4C{ border-top:solid 1px #c4c4c4;}
.bortop2pxE3E{ border-top:solid 2px #e3e3e3;}
.bortop1pxBBD{ border-top:solid 1px #c9cfde;}
.bortop2px585 {border-top:solid 2px #585857;}
.bortop2pxGreen{border-top:solid 2px #699865;}
.borR1pxECE{ border-right:solid 1px #ececec;}
.borR1pxBBD{ border-right:solid 1px #c9cfde;}
.borBot1pxECE{ border-bottom:solid 1px #ececec;}
.borBot2pxE3E{ border-bottom:solid 2px #e3e3e3;}
.borBot1pxBBD{ border-bottom:solid 1px #bbd3c6;}
.borBot1pxDDD{ border-bottom:solid 1px #dddddd;}
.borBot1pxC4C{ border-bottom:solid 1px #c4c4c4;}
.borBot2px {border-bottom:solid 2px #888888;}
.borBot1pxFFF{border-bottom:solid 1px #ffffff;}
.borL1pxE9E{ border-left:solid 1px #e9e9e9;}
.bor2pxA6A{border:solid 2px #a6a6a6;}


/*--------------input button --------------*/
input.sbtnFont{font-size:11px; color:#8c8c8c; text-align:left; padding-left:10px;}
input.sbtn2{ width:55px; height:20px; background:url(/images/sub/bt_input_sbtn2.gif) no-repeat top left; border:none; }
input.sbtn4{ width:77px; height:20px; background:url(/images/sub/bt_input_sbtn4.gif) no-repeat top left; border:none; }
input.sbtn5{ width:88px; height:20px; background:url(/images/sub/bt_input_sbtn5.gif) no-repeat top left; border:none; }
input.sbtn6{ width:97px; height:20px; background:url(/images/sub/bt_input_sbtn6.gif) no-repeat top left; border:none; }
input.sgray1btn2{ width:31px; height:16px; background:url(/images/sub/bt_input_sgray1btn2.gif) no-repeat top left; border:none; font-size:11px; color:#fff; }
input.sgray2btn2{ width:31px; height:16px; background:url(/images/sub/bt_input_sgray2btn2.gif) no-repeat top left; border:none; font-size:11px; color:#fff; }
input.btnlogin{ width:73px; height:48px; background:url(/images/sub/bt_input_btnlogin.gif) no-repeat top left; border:none; color:#fff; font-weight:bold; padding-left:10px; }
input.mbtnFont{font-size:12px; color:#6e6e6d; text-align:center;}
input.mbtn2{ width:55px; height:21px; background:url(/images/sub/bt_input_mbtn2.gif) no-repeat top left; border:none; }
input.mbtn4{ width:70px; height:21px; background:url(/images/sub/bt_input_mbtn4.gif) no-repeat top left; border:none; }
input.mbtn6{ width:105px; height:21px; background:url(/images/sub/bt_input_mbtn6.gif) no-repeat top left; border:none; }
input.mblackbtnFont{font-size:12px; color:#fff; text-align:center; font-weight:bold;}
input.mblackbtn2{ width:59px; height:22px; background:url(/images/sub/bt_input_blackbtn2.gif) no-repeat top left; border:none; }
