﻿/* CSS Document */
body {color:#636063;font-size:12px; font-family: 돋움, Arial, Helvetica, sans-serif; }   
a{color:#636063; text-decoration:none;}    
a:hover { color:#636063;}   
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; }
table {	border-collapse: collapse; font-size:12px;}
.cursor { cursor:pointer; }
ul{ overflow:hidden; }
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; list-style:none}
li{ list-style:none}
input{ font-size:12px; vertical-align:middle;}
input:focus {background-color:#f8fbe6;} 
.png24 {tmp:expression(setPng24(this));}
.png24BG2 {tmp:expression(setPng24Bg(this));} 
.png24BG {background:url('/images/kids/flashTop01.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kids/flashTop01.png', sizingMethod='crop');} 
.modalBackground 
{ 
    filter:alpha(opacity=1); 
}
.borderTopNone { border-top:none; } 
.borderBottomNone { border-bottom:none; } 
.vbottom{ vertical-align:bottom;}
.vMiddle{ vertical-align:middle;}
.cursorP{ cursor:pointer;}
.ptR{ position:relative;}
.ptA{ position:absolute;}
select{ font-size:11px;}

/*--------------정렬 --------------*/
.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; }
.mt55 { margin-top:55px; }

.mr2 { margin-right:2px;}
.mr3 { margin-right:3px;}
.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; }
.ml7 { margin-left:7px; }
.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; }
.ml90 { margin-left:90px; }
.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;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb34 { margin-bottom:34px;}
.mb45 { margin-bottom:45px;}
.mb50 { margin-bottom:50px;}

.mLR{ margin:0 3px;}

/*--------------여백 --------------*/
.p0 { padding:0;}
.pt2 { padding-top:2px; }
.pt3 { padding-top:3px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pl20 {padding-left:20px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pr4 {padding-right:4px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pLR2{ padding:0 2px;}

/*--------------색상 --------------*/

.red01 { color:#b52f00;}
.red02 { color:#ff031b;}
.red03 { color:#dc3131;}

.orange01{ color:#f59907;}
.orange02{ color:#ff5400;}

.brown01{color:#8f410e;}

.gray01{color:#8e8e8e;}
.gray02{color:#333;}

.violet01 {color:#974ed4;}
.violet02 {color:#7022ff;}

.tc_f06{color:#8043af;}
.blue01{color:#6e87a5;}

.green01{color:#6e933f;} 
.blue01{color:#1b93ca;}
.purple{color:#7f88e5}
.gray14{background-color:#e3e3e3}

.black01 { color:#000;}


.lh15{ line-height:15px;}
.lh16{ line-height:16px;}
.lh17{ line-height:17px;}
.lh18{ line-height:18px;}
.lh19{ line-height:19px;}
.lh20{ line-height:20px;}
.lh22{ line-height:22px;}

.lineColor01{color:#d3d3d3; margin:0 8px;}
/*--------------font --------------*/
.fBold{font-weight:bold; letter-spacing:-0.02em;}
.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;}





/****************************************************************************************************************************************
*****************************************************************************************************************************************/




/* default */
html, body, blockquote, caption, dd, div, dl, dt, fieldset, form, frame, h1, h2, h3, h4, h5, h6, hr,
iframe, input, legend, li, object, ol, p, pre, q, select, table, textarea, ul, tr, td { margin:0; padding:0; }
fieldset, img { border:0; }
h1, h2, h3, h4, h5, h6 { font-style:normal;}
hr { display:none; }
li { list-style:none; }
table { border-collapse:collapse; border:0; empty-cells:show;}

/* 폰트 사이즈 : fs */
.fs-small { font-size:11px;}
.fs-large { font-size:14px;}
.fs-xlarge { font-size:16px;}
.fs-xxlarge { font-size:20px;}

/* 폰트 굴기 : fw */
.fw-bold {  font-weight:bold; }


/* 텍스트 정렬 : txt */
.txt-left { text-align:left !important;}
.txt-center { text-align:center !important;}
.txt-right { text-align:right;}

/* 플롯정렬 : f */
.f-clear { }
.f-left { float:left;}
.f-right { float:right;}

/* none : none */
.none-bor { border:0 none;}
.none-border-left { border-left:0 none;}
.none-border-right { border-right:0 none !important;}
.none-border-top { border-top:0 none;}
.none-border-bottom { border-bottom:0 none !important;}
.none-bg { background:none !important}
.none-display { display:none}

/* 마진 : m */
.m-top0 { margin-top:0 !important;} 
.m-top5 { margin-top:5px !important;} 
.m-top10 { margin-top:10px;} 
.m-top20 { margin-top:20px;} 
.m-top30 { margin-top:30px;} 
.m-top40 { margin-top:40px;} 
.m-top50 { margin-top:50px;} 
.m-top60 { margin-top:60px;} 
.m-top70 { margin-top:70px;} 
.m-top80 { margin-top:80px;} 
.m-top90 { margin-top:90px;} 
.m-top100 { margin-top:100px;} 

.m-btm0 { margin-bottom:0;} 
.m-btm10 { margin-bottom:10px;} 
.m-btm20 { margin-bottom:20px;} 
.m-btm30 { margin-bottom:30px;} 
.m-btm40 { margin-bottom:40px;} 
.m-btm50 { margin-bottom:50px;} 
.m-btm60 { margin-bottom:60px;} 
.m-btm70 { margin-bottom:70px;} 
.m-btm80 { margin-bottom:80px;} 
.m-btm90 { margin-bottom:90px;} 
.m-btm100 { margin-bottom:100px;} 

.m-right0 { margin-right:0 !important;} 
.m-right10 { margin-right:10px;} 
.m-right20 { margin-right:20px;} 
.m-right30 { margin-right:30px;} 
.m-right40 { margin-right:40px;} 
.m-right50 { margin-right:50px;} 
.m-right60 { margin-right:60px;} 
.m-right70 { margin-right:70px;} 
.m-right80 { margin-right:80px;} 
.m-right90 { margin-right:90px;} 
.m-right100 { margin-right:100px;} 

.m-left0 { margin-left:0;} 
.m-left10 { margin-left:10px;} 
.m-left20 { margin-left:20px;} 
.m-left30 { margin-left:30px;} 
.m-left40 { margin-left:40px;} 
.m-left50 { margin-left:50px;} 
.m-left60 { margin-left:60px;} 
.m-left70 { margin-left:70px;} 
.m-left80 { margin-left:80px;} 
.m-left90 { margin-left:90px;} 
.m-left100 { margin-left:100px;} 

/* 패딩 : p */
.p-top0 { padding-top:0;} 
.p-top10 { padding-top:10px;} 
.p-top20 { padding-top:20px;} 
.p-top30 { padding-top:30px;} 
.p-top40 { padding-top:40px;} 
.p-top50 { padding-top:50px;} 
.p-top60 { padding-top:60px;} 
.p-top70 { padding-top:70px;} 
.p-top80 { padding-top:80px;} 
.p-top90 { padding-top:90px;} 
.p-top100 { padding-top:100px;} 

.p-btm0 { padding-bottom:0;} 
.p-btm10 { padding-bottom:10px;} 
.p-btm20 { padding-bottom:20px;} 
.p-btm30 { padding-bottom:30px;} 
.p-btm40 { padding-bottom:40px;} 
.p-btm50 { padding-bottom:50px;} 
.p-btm60 { padding-bottom:60px;} 
.p-btm70 { padding-bottom:70px;} 
.p-btm80 { padding-bottom:80px;} 
.p-btm90 { padding-bottom:90px;} 
.p-btm100 { padding-bottom:100px;} 

.p-right0 { padding-right:0;} 
.p-right10 { padding-right:10px;} 
.p-right20 { padding-right:20px;} 
.p-right30 { padding-right:30px;} 
.p-right40 { padding-right:40px;} 
.p-right50 { padding-right:50px;} 
.p-right60 { padding-right:60px;} 
.p-right70 { padding-right:70px;} 
.p-right80 { padding-right:80px;} 
.p-right90 { padding-right:90px;} 
.p-right100 { padding-right:100px;} 

.p-left0 { padding-left:0;} 
.p-left10 { padding-left:10px;} 
.p-left20 { padding-left:20px;} 
.p-left30 { padding-left:30px;} 
.p-left40 { padding-left:40px;} 
.p-left50 { padding-left:50px;} 
.p-left60 { padding-left:60px;} 
.p-left70 { padding-left:70px;} 
.p-left80 { padding-left:80px;} 
.p-left90 { padding-left:90px;} 
.p-left100 { padding-left:100px;} 

/* 가로 : w - 단위값은 % */
.w5 { width:5%;}
.w10 { width:10%;}
.w15 { width:15%;}
.w20 { width:20%;}
.w30 { width:30%;}
.w40 { width:40%;}
.w50 { width:50%;}
.w60 { width:60%;}
.w70 { width:70%;}
.w80 { width:80%;}
.w90 { width:90%;}
.w95 { width:95%;}
.w100 { width:100%;}



.noticeIcon { font-family: 돋움; font-weight:bold;  font-size:14px; color:#597499;}


/* float clear */
.f-clear {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.f-clear:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */ 

input.blueL{ width:188px; height:38px; background:url(/Images/common/btn_bg_blueL.gif) no-repeat left top; border:none; color:#fff;  font-weight:bold; text-align:center; font-size:14px; font-family:'맑은고딕' padding-left:25px;cursor:pointer;}
input.grayL{ width:188px; height:38px; background:url(/Images/common/btn_bg_grayL.gif) no-repeat left top; border:none; color:#555;  font-weight:bold; text-align:center; font-size:14px; font-family:'맑은고딕' padding-left:25px;cursor:pointer;}