@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,나눔고딕,'Nanum Gothic','맑은 고딕','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;
border-radius:0; 
font-family:NanumGothic,나눔고딕,'Nanum Gothic','맑은 고딕','돋움', Arial, Helvetica, sans-serif;
font-size:13px;
color:#707070;
}

select{
	margin:0;
	padding:0;
	vertical-align:center;
	appearance:none;
	border-radius:0; 
	border:1px solid #ccc;	
	font-family:NanumGothic,나눔고딕,'Nanum Gothic','맑은 고딕','돋움', 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; 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)}
 */
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../webfont/NanumGothic-Regular.eot);
  src: url(../webfont/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../webfont/NanumGothic-Regular.woff2) format('woff2'),
       url(../webfont/NanumGothic-Regular.woff) format('woff'),
       url(../webfont/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(../webfont/NanumGothic-Bold.eot);
  src: url(../webfont/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../webfont/NanumGothic-Bold.woff2) format('woff2'),
       url(../webfont/NanumGothic-Bold.woff) format('woff'),
       url(../webfont/NanumGothic-Bold.ttf) format('truetype');
}

/* 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;}

.mauto { margin:0 auto;}

.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;}


/* 로그인 팝업윈도우 */
.pop_win { border-radius:8px; border:1px solid #9276bc; background:#ffffff;}
.pop_top { height:35px; background:#9276bc; border-top-left-radius:6px; border-top-right-radius:6px;}
.pop_tit { color:#ffffff; font-size:16px; float:left; padding:10px 10px 7px 15px;}
.pop_stit { margin-top:20px; margin-bottom:10px; font-size:14px; color:#404040;}
.pop_close { display:block; float:right; width:15px; height:15px; margin-right:15px; margin-top:10px; cursor:pointer; text-indent:-100000px; background:url(../image/pop_close.png) no-repeat; }
.pop_contents { padding:20px;}
.pop_contents p { line-height:16px;}

.tbl_data { border-top:1px solid #9b9b9b; }
.tbl_data th { text-align:left; background:#fafafa; border-top:1px solid #ffffff; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;  padding:3px 15px; color:#606060; vertical-align:middle;}
.tbl_data .noline_right { border-right:1px solid #fafafa; padding:8px;}
.tbl_data .alg_center { text-align:center;}
.tbl_data td { border-bottom:1px solid #e4e4e4; padding:3px 5px; height:25px; vertical-align:middle;}
.basic_input { height:12px; padding:5px; border:1px solid #e4e4e4;}
.decr { display:block; margin-top:5px; margin-left:5px; margin-right:5px; float:left;}
.form_right {border:1px solid #e4e4e4; background:#fcfcfc; padding:15px; height:220px; overflow-y:scroll; line-height:16px; }
.btn_a1 { height:10px; padding:5px 20px 11px 20px; border-radius:5px; background:#9276bc; color:#ffffff; font-weight:bold; font-size:12px; margin-left: 3px; cursor:pointer; vertical-align:-40%;}
.btn_b { height:10px; padding:5px 20px 11px 20px; border-radius:5px; background:#eeeeee; color:#9276bc; font-weight:bold; font-size:12px; margin-left: 3px; cursor:pointer; vertical-align:-40%;}
.btn_b1 { height:10px; padding:5px 20px 11px 20px; border-radius:5px; background:#eeeeee; color:#9276bc; font-weight:bold; font-size:12px; margin-left: 3px; cursor:pointer; vertical-align:-40%;}
.tbl_data { clear:both; content:''; display:block;}
.form_right1 {border:1px solid #e4e4e4; background:#fcfcfc; padding:15px; height:40px; overflow-y:scroll; line-height:16px; }

.edit_pw { clear:both; margin-top:50px; line-height:16px; padding:10px; background:#fafafa;}
.edit_pw2 { clear:both; margin-top:10px; line-height:16px; padding:10px; background:#fafafa;}
.tx_yellowbg { background:#fff600;}

/* 스킨버튼 */
.skinbtn_area{ width:180px; margin:20px auto;}
.skinbtn_area span { cursor:pointer; display:block; float:left; width:30px; height:30px; text-indent:-100000px; border-radius:3px; margin-right:5px;}

.btn_purple { background:#9176bb;}
.btn_mazenta { background:#d586d2;}
.btn_blue { background:#5585c6;}
.btn_green { background:#4ead3c;}
.btn_orange { background:#cf9a3d;}

.poll_bn { width:111px; height:55px; border:10px solid #ededed; background:url(../image/banner_bg.jpg) no-repeat; font-weight:bold; font-size:14px; cursor:pointer; padding-left:70px; padding-top:20px; }


/*광고제휴 팝업*/
.bodyBoxTable01 
{
border-collapse: collapse;
border : 5px solid #edeff0;
font-size:12px; color:#666666;
height:60px;
padding:10px; 10px; 10px; 10px;
} 

.Txt_Orangebold{color:#fe6600; font-family:dotum,Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.TitleTable01 
{
background:#007dc5;
}