@charset utf-8;

/* CSS 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:12px;
color:#505050;
vertical-align:baseline;
background:transparent;
}

body{
font-family:NanumGothic,나눔고딕,'NanumGothic','맑은 고딕','dotum',Arial, Helvetica, sans-serif;
background:#eeeeee;
line-height:1;
overflow:auto;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ 
display:block;
}

nav ul, li{
list-style:none;
}

a{
margin:0;
padding:0;
text-decoration:none;
vertical-align:baseline;
color:#505050;
background:transparent;
}

img{
vertical-align:top;
}

table{
border-collapse:collapse;
border-spacing:0;
}

input{
margin:0;
padding:0;
box-sizing:content-box;
vertical-align:top;
appearance:none;
border-radius:0; 
font-family:NanumGothic,나눔고딕,'NanumGothic','맑은 고딕','돋움', Arial, Helvetica, sans-serif;
font-size:13px;
color:#707070;
}

input::-moz-input-placeholder{
color:#e65d5d;
}

input::-webkit-input-placeholder {
color:#e65d5d;
}

input.check {width:20px;height:13px;vertical-align:middle;}
input.radio {width:20px;height:13px;vertical-align:middle;}
label {vertical-align:-1px; margin-right:10px;}
label input {margin-top:-3px}

/* Select */
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1; }
.select *{ margin:0; padding:0; cursor:pointer;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #dddddd; color:#707070; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ }
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #dddddd;}
.select button.myValue{ height:24px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:19px; text-indent:8px;}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:22px;  background:#fff;}
.select .arrow{ position:absolute; background:url(../image/sel_arrow.png) 0 9px no-repeat; width:18px; height:20px;}
.select ul{ position:absolute; top:23px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; background:#fff; overflow:hidden;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.select li input.option{ position:absolute; width:100%; height:10px; line-height:10px;}
.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; height:22px; line-height:22px; color:#767676; background:#fff; text-decoration:none; font-size:12px;}
.select li.hover *{ background:#c7b2e7; color:#ffffff;}


/* 웹폰트 CSS */
@font-face{font-family:'NanumGothic'; src:url(../webfont/NanumGothic.eot)}
@font-face{font-family:'NanumGothic'; src:url(../webfont/NanumGothic.woff)}


/* Common */
.cboth { clear:both; height:0px;}
.blank5 { height:5px;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank25 {height:25px;}
.blank30 {height:30px;}

.fleft { float:left!important;}
.fright { float:right!important;}
.fboth { clear:both;}
.hand { cursor:pointer;}

.mauto { margin:0 auto;}

.mtop0 { margin-top:0px; }
.mright0{ margin-right:0px;}
.mleft0 { margin-left:0px;}
.mbottom0 { margin-bottom:0px;}

.mtop1 { margin-top:1px; }
.mright1{ margin-right:1px;}
.mleft1 { margin-left:1px;}
.mbottom1 { margin-bottom:1px;}

.mtop3 { margin-top:3px; }
.mright3{ margin-right:3px;}
.mleft3 { margin-left:3px;}
.mbottom3 { margin-bottom:3px;}

.mtop4 { margin-top:4px; }
.mright4{ margin-right:4px;}
.mleft4 { margin-left:4px;}
.mbottom4 { margin-bottom:4px;}

.mtop5 { margin-top:5px; }
.mright5{ margin-right:5px;}
.mleft5 { margin-left:5px;}
.mbottom5 { margin-bottom:5px;}

.mtop6 { margin-top:6px; }

.mtop10 { margin-top:10px; }
.mright10{ margin-right:10px;}
.mleft10 { margin-left:10px;}
.mbottom10 { margin-bottom:10px;}

.mbottom11 {margin-bottom:11px;}

.mtop15 { margin-top:15px; }
.mright15{ margin-right:15px;}
.mleft15 { margin-left:15px;}
.mbottom15 { margin-bottom:15px;}

.mtop20 { margin-top:20px; }
.mright20{ margin-right:20px;}
.mleft20 { margin-left:20px;}
.mbottom20 { margin-bottom:20px;}

.mtop25 { margin-top:25px; }
.mright25{ margin-right:25px;}
.mleft25 { margin-left:25px;}
.mbottom25 { margin-bottom:25px;}

.mtop30 { margin-top:30px; }
.mright30{ margin-right:30px;}
.mleft30 { margin-left:30px;}
.mbottom30 { margin-bottom:30px;}

.mtop40 { margin-top:40px; }
.mright40{ margin-right:40px;}
.mleft40 { margin-left:40px;}
.mbottom40 { margin-bottom:40px;}

.mtop50 { margin-top:50px; }
.mright50{ margin-right:50px;}
.mleft50 { margin-left:50px;}
.mbottom50 { margin-bottom:50px;}

.mtop_5{ margin-top:-5px;}
.mtop_8{ margin-top:-8px;}
.mtop_10{ margin-top:-10px;}

.mbottom_5 { margin-bottom:-5px;}
.mbottom_8 { margin-bottom:-8px;}
.mbottom_10 { margin-bottom:-10px;}