@charset "utf-8"; 

@import url(style.css);

/* start defaut CSS */
body{ font-family: 돋움, Dotum, Arial, sans-serif, Verdana, Helvetica, geneva; font-size: 0.75em; line-height: 1.33; color: #656c6e; margin: 0; padding: 0;  _font-size: 12px; }

/* IE 6, 7 */
* html body, *:first-child+html body{font-size:12px/*0.75em*/;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
ol, ul{ list-style:none;}
address, caption, cite, code, dfn, em, label{ font-style: normal; font-weight:normal;}
img{ border:none;vertical-align:top;}
caption{ display: none; clear:both; table-layout:fixed; border-collapse:collapse;}
fieldset{ border: none; margin: 0; padding: 0; display: inline;}
input{ vertical-align:middle; font-family: 돋움, Dotum, 굴림, Gulim; color: #4d4d4d; font-size: 12px/*0.90em*/;}
select, input, textarea{ font:100% 돋움, Dotum, Tahoma, sans-serif; vertical-align:middle; color:#868b8f}
select{ height: 20px;}
textarea{ font-family: 돋움, Dotum, 굴림, Gulim; color: #777; font-size:100%; border: 1px solid #d2d5d6; 
scrollbar-base-color:#ddd;
scrollbar-shadow-color:#b9b9b9;
scrollbar-face-color:#efefef;
scrollbar-3dlight-color:#ddd;
scrollbar-darkshadow-color:#ddd;
scrollbar-track-color:#F2F2F2;
scrollbar-arrow-color:#b9b9b9;
scrollbar-highlight-color:#ddd;
}
.checkbox, .radio{ margin-right: 3px;}
* html .radio{ margin-top:-4px; margin-right: 0;}
*:first-child+html .radio {margin-top:-4px;  margin-right: 0;}
* html .checkbox {margin-top:-4px;  margin-right: 0;}
*:first-child+html .checkbox {margin-top:-4px;  margin-right: 0;}

a{ text-decoration:none;}
a:hover, a:active, a:focus{ text-decoration:none;}

input[type=checkbox], input[type=radio]{ margin-right: 3px;}

/* Common Class */
.skip, legend{ position : absolute; width : 0; height : 0; font-size : 0;line-height : 0;overflow: hidden; visibility :hidden;}
.disNone, hr{ display: none; margin: 0; padding: 0; width : 0; height : 0; font-size : 0; line-height : 0;overflow: hidden; visibility : hidden;}
.nowrap { white-space: nowrap;}

/* skipMenu */
#skipToContent { position: absolute; width: 100%;} 
#skipToContent a { position: absolute;  display:block; height:0; width:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap;} 
#skipToContent a:focus, 
#skipToContent a:active { height:auto; width:99%; padding:5px; background: #57c4e0; color: #005283; font-weight: bold; border-bottom: 1px solid #44abd2;} 

/* MARGIN */
.ml0{ margin-left: 0 !important;}
.ml3{ margin-left: 3px !important;}
.ml5{ margin-left: 5px !important;}
.ml7{ margin-left: 7px !important;}
.ml8{ margin-left: 8px !important;}
.ml10{ margin-left: 10px !important;}
.ml13{ margin-left: 13px !important;}
.ml15{ margin-left: 15px !important;}
.ml20{ margin-left: 20px;}
.ml25{ margin-left: 25px;}
.ml30{ margin-left: 30px !important;}
.ml40{ margin-left: 40px !important;}
.ml50{ margin-left: 50px !important;}
.ml60{ margin-left: 60px;}
.ml70{ margin-left: 70px}
.ml80{ margin-left: 80px !important;}
.ml90{ margin-left: 90px !important;}
.ml100{ margin-left: 100px;}
.ml300{ margin-left: 300px;}
.mt0{ margin-top: 0 !important;}
.mt3{ margin-top:3px !important;}
.mt5{ margin-top:5px !important;}
.mt8{ margin-top:8px !important;}
.mt10{ margin-top:10px !important;}
.mt13{ margin-top:13px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top: 20px  !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mb0{ margin-bottom:0 !important;}
.mb3{ margin-bottom:3px;}
.mb5{ margin-bottom:5px !important;}
.mb8{ margin-bottom:8px !important;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mr0{ margin-right: 0 !important;}
.mr3{ margin-right: 3px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}
.mr50{ margin-right: 50px;}
.m5{ margin: 5px !important;}
.m10{ margin: 10px;}
.m20{ margin: 20px;}
.margin_1{ margin: 0 10px 0 0 !important; background: url(../images/common/dot6.gif) no-repeat 0 45%; padding:5px 5px 5px 10px;}
.mCenter{ margin: 0 auto;}
.mReset{ margin: 0 !important;}

/* PADDING */
.pt0{ padding-top: 0 !important;}
.pt5{ padding-top: 5px !important;}
.pt6{ padding-top: 6px !important;}
.pt10{ padding-top: 10px !important;}
.pt15{ padding-top: 15px !important;}
.pt20{ padding-top: 20px !important;}
.pt30{ padding-top: 30px !important;}
.pt35{ padding-top: 35px !important;}
.pt45{ padding-top: 45px !important;}
.pb5{ padding-bottom: 5px !important;}
.pb10{ padding-bottom: 10px !important;}
.pb15{ padding-bottom: 15px !important;}
.pb20{ padding-bottom: 20px !important;}
.pl5{ padding-left: 5px;}
.pl15{ padding-left: 15px !important;}
.pl20{ padding-left: 20px !important;}
.pl170{ padding-left: 170px !important;}
.pl0{ padding-left: 0 !important;}
.pr0{ padding-right: 0 !important;}
.pd3{ padding: 3px !important;}
.pd5{ padding: 5px !important;}
.pd10{ padding: 10px !important;}
.padding0{ padding: 0 !important;}

/* float div 정의 */
.floatDiv{ *zoom: 1;}
.floatDiv:after{ content: ""; clear: both; display: block;}

.fl{ float: left;}
.fr{ float: right;}

/* ALIGN */
.lft{ text-align: left;}
.ce{ text-align: center !important;}
.rgt{ text-align: right !important;}
.clear{ clear: both;}
.block{ display:block !important; vertical-align:middle;}
.inBlock{ display: inline-block;}

/* FONT */
.p11 {font-size:11px !important;}
.p12 {font-size:12px !important;}
.p14 {font-size:14px !important;}
.batang{ font-family: batang, "바탕";}
.underline {text-decoration:underline;}
.fontNormal{ font-weight: normal !important;}
.fontSmall {font-size: 90% !important;}
.fontLarge {font: 120% 돋움; color:#000;}
.orange {color:#e47b25 !important;}
.blue {color:#109fd6 !important;}
.blue2 {color:#006f96 !important;}
.white{ color: #ffffff !important;}
.red{ color: #ff0000 !important;}
.green{ color: #21ae00 !important;}
.yellow{ color: #d5aa00;}
.gray{ color: #999; }
.gray2{ color: #2a2d31;}
.black{ color: #333  !important;}
.black2{ color: #666  !important;}
.black3{ color: #000  !important;}
.strong{ font-weight: bold;}
.thin{ font-weight: normal !important;}

.line11{ line-height: 1.1;}
.line13{ line-height: 1.3 !important;}
.line15{ line-height: 1.5;}
.line18{ line-height: 1.8 !important;}
.line22{ line-height: 22px;}


/* BACKGROUND COLOR */
.bgGray1{ background: #fafafa;}
.bgwhite{background: #fff !important;}
.bgNone{ background: none !important;}

/* png 투명화 처리 */
.png24 {tmp:expression(setPng24(this));}

/* WIDTH */
.w10 {width: 10%;}
.w15 {width: 15%;}
.w18 {width: 18%;}
.w20 {width: 20%;}
.w23 {width: 23%;}
.w24 {width: 24%;}
.w25 {width: 25%; *width: 24.5%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w48 {width: 48%;}
.w50 {width: 50% !important;}
.w57 {width: 57% !important;}
.w60 {width: 60% !important;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w80 {width: 80% !important;}
.w84 {width: 84% !important;}
.w88 {width: 88% !important;}
.w90 {width: 90%;}
.w96 {width: 96%;}
.w95 {width: 95%;}
.w98 {width: 98%;}
.w99 {width: 99%;}
.w100 {width: 100% !important;}

/* HEIGHT */
.h100{ height: 100px;}

/* BORDER */
.bord1{ border: 1px solid #e8e8e8;}
.bdrNone { border:0 !important ;}

/* ALIGN */
.vtop{ vertical-align: top;}
.vmid{ vertical-align: middle;}
.vbtm{ vertical-align: bottom;}

/* Position */
.relative{ position: relative;}

/*  테두리  */
a, area { behavior:expression(this.hideFocus=true); }
a:active, a:focus, area:active, area:focus { outline:none; }

.txtline { text-decoration : underline;}


/* loading ---------------------------------------------------------------------*/
.loading_area { border:2px solid #a5a5a5; background:url(/images/common/img_loading_bg.gif) no-repeat top left; width:316px; height:121px; position:absolute; z-index:999999; top:250px;}
.loading_area ul {float:left; padding:40px 0 0 60px;}
.loading_area ul li {float:left;}
.loading_area ul li.txt {padding:0 0 0 15px; }