@charset "utf-8";
/* Baroplay.com CSY 090304 */ 
/* Type Selector */
*{ margin:0; padding:0; font-size:12px; font-family:"돋움", Dotum, "", Gulim, AppleGothic, Sans-serif;}
img,
fieldset{ border:none;}
legend{ display:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
li{ list-style:none;}
em,
address{ font-style:normal;}
button{ cursor:pointer; _cursor /**/:hand;}
select{ height :21px; font:12px 돋움; color:#666;}
.box03 {height:14px; padding:3px 0 0 3px; color:#595959; border:1px solid #c3c3c3;}

.imgmid img{vertical-align:middle;}
.imgtop img{vertical-align:top;}
.inpmid input{vertical-align:middle;}


/* Layout */
#wrap{ text-align:center;}
#header{ background: url(http://image.nolkong.com/images/member/top_bg.gif) repeat-x;padding:30px 0 0 0; margin:0 auto; width:760px; height:50px; _height /**/:100px; position:relative; text-align:left;}
#header h1 *{ overflow:hidden; position:absolute; top:60px; left:0; padding:0 6px 0 7px; float:left;}
#header h1 a{ font-weight:normal; color:#2d406a; font-size:11px; letter-spacing:-1px;}
#gnb{ overflow:hidden; position:absolute; top:60px; right:0;}
#gnb li{ background:url(http://image.nolkong.com/images/member/line.gif) no-repeat 0 1px; padding:0 6px 0 7px; float:left; position:relative; left:-1px;}
#gnb a{ color:#656565; font-size:11px; letter-spacing:-1px;}
#path{ background:url(http://image.nolkong.com/images/member/bg_path.gif) repeat-x; overflow:hidden; width:100%; height:55px;}
#path ol{ width:760px; margin:0 auto;}
#path li{ text-align:center; float:left;}
#path li.tit{padding:17px 0 0 10px;}
#path li.right{padding:15px 12px 0 0;float:right;}
#content{ width:760px; padding:0 0; margin:0 auto; text-align:left;}

/* Footer */
#footer{width:760px; margin:50px auto; clear:both; text-align:center; border-top:1px solid #e1e1e1;}
#footer img {display:block;}
#footer address {float:left;}
#footer address a {}
#footer ul {float:left; margin:11px 0 13px 10px;}
#footer ul li {display:inline; float:left; list-style:none;}
#footer .desc {float:right; margin:10px 15px 0 0;}
#footer .desc a {font-weight:bold; color:#50a814; text-decoration:underline;}

/* 20100907 추가 */
ul.footer_txt {width:100%; letter-spacing:-1px; font:11px 돋움;color:#888; padding-bottom:10px;}
ul.footer_txt li{display:inline;padding:0 3px 0 6px;background:url(http://cdn.utiltop.com/images/common/bg_footer_line.gif) 0 1px no-repeat;letter-spacing:-1px;font:11px 돋움;color:#888;}
ul.footer_txt li span{letter-spacing:0px;font:11px 돋움;}
ul.footer_txt a{letter-spacing:-1px;font:11px 돋움;color:#888;}
ul.footer_txt .first{padding-left:0;background:none;}
ul.footer_txt .last{padding-right:0;}

/* Common */
.cnt_header{ border-bottom:2px solid #e5e5e5; clear:both; height:21px; position:relative; _top:-2px; margin:30px 0 0 0;}
.cnt_header h2{ height:21px; float:left; clear:both; border-bottom:2px solid #4d4d4d; padding:0 1px; position:relative; _top:2px;}
.cnt_header h2 img{ display:inline;}
.cnt_header .hts{ padding:1px 0 0 30px;}
.cnt_desc{ padding:9px 0 20px 1px;}
.cnt_desc *{ vertical-align:top;}
.btn_area{ text-align:center;}
.btn_area * { vertical-align:top;}
.btn_area input{ margin:0 1px 0 0;}

/* Content */
#member legend{ display:block; padding:0 0 8px 1px; _margin:0 0 0 -7px;}
#member .field1{ margin:0 0 10px 0;}
#member .field1 legend,
#member .field2 legend{ display:block;}
#member .bx{ height:111px; padding:20px 18px 0 20px; margin:0 0 8px 0; border:1px solid #e5e5e5; overflow:auto; font-size:11px; color:#737373; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;}
#member .bx h3,
#member .bx h4{ font-weight:normal;}
#member .bx h3{ height:31px;}
#member .bx h4,
#member .bx p,
#member .bx li{ line-height:16px;}
#member .bx p,
#member .bx ol,
#member .bx ul{ margin:0 0 16px 0;}
#member .bx ul ul{margin-top:10px;}
#member .bx ul ul ul{margin-top:0;}
#member .check{ margin:0 0 20px 0;}
#member .check input{ _margin:-4px; vertical-align:middle;}
*:first-child+html #member .check input{ margin:-4px;}
#member .check label{ position:relative; top:1px; _top:2px; padding:0 0 0 3px; font-size:11px;}

#personal .cnt_desc .first-child{ margin:0 0 6px 0;}
#personal .cnt_desc a{ color:#004790; font-size:11px; letter-spacing:-1px; text-decoration:underline; margin:0 0 0 3px;}
#personal .notice{text-align:right; color:#939292; font-size:11px; margin:-15px 3px 5px 0;}
#personal table{ clear:both; border:1px solid #e5e5e5; margin:0 0 20px 0; border-left:none; border-right:none; width:100%;}
#personal table th,
#personal table td{ border:none; color:#4f4f4f;}
#personal table th{ background:#f9f9f9; border-top:1px solid #ededed; padding:11px 0 10px 20px; vertical-align:top; width:147px; text-align:left; letter-spacing:-1px; line-height:18px;}
#personal table th img{ left:0; _left:-11px; margin-right:3px;}
#personal table th label,
#personal table th span{ padding:0 0 0 11px; display:block; position:relative;}
#personal table td{ border-left:1px solid #ededed; border-top:1px solid #ededed; padding:8px 0 7px 20px; vertical-align:top;}
#personal table td.select td {padding:0;margin:0;border:none;}
#personal table tr.first-child th,
#personal table tr.first-child td{ border-top:none;}
#personal table .txt1{ font-weight:normal; display:block; padding:7px 0 0 0;}
#personal table .txt2{ padding:5px 0 0 0; _padding:3px 0 0 0;}
#personal table .txt3{ padding:7px 0 6px 0;}
#personal table .txt3 *{ vertical-align:bottom;}
#personal table .txt3 img{ margin:0 10px 0 0;}
#personal table .txt3 input{ position:relative; _top:1px;}
#personal table .input_text{ border:1px solid #cccccc; margin:-1px 0 0 0; padding:3px 0 3px 5px; _height /**/:25px; height :14px;}
#personal table .selete{ border:1px solid #cccccc; margin:-1px 0 0 0; padding:3px 0 3px 5px; _height /**/:25px; height :14px;}
#personal table .w110{ width:103px;}
#personal table .w154{ width:147px;}
#personal table .w157{ width:150px;}
#personal table .w286{ width:279px;}
#personal table .w88{ width:81px;}
#personal table .w40{ width:35px;}
#personal table .w138{ width:131px;}
#personal table .input_radio{ margin:0 -1px 0 -4px; position:relative; top:-1px;}
#personal table .input_check{ margin:0 -1px 0 -4px; position:relative; top:-1px;}
#personal table td label{ position:relative; top:-1px; _top:-2px;}
*:first-child+html #personal table td label{ top:-2px;}
#personal table .mr14{ margin-right:14px;}
#personal table td .link{ font-size:11px; margin:0 0 0 1px; _margin /**/:0; color:#004790; text-decoration:underline; position:relative; top:-3px; letter-spacing:-1px;}
#personal table .mail1{ margin:0 0 5px 0;}
#personal table .optin{ border-top:1px solid #ededed; padding:3px 0 2px 0; width:100%; color:#515151; font-size:11px; line-height:16px;}
#personal table .optin em{ color:#ff6c00; font-size:11px; letter-spacing:-1px;}
#personal table .help_wrap{ display:block; position:relative; overflow:visible; z-index:99; }
#personal table .help_wrap p{ color:#939292; font-size:11px; line-height:16px; padding:4px 0 9px 0px; }
#personal table .help_wrap dl {_display:inline; float:left; width:500px;}
#personal table .help_wrap dt {clear:both; float:left; width:90px; padding:5px 0 0 0px; color:#666;}
#personal table .help_wrap dd {}
#personal table .default_view{margin-top:7px;}
*:first-child+html #personal table .help_wrap{ z-index:99;}
#personal table .help_wrap.upw{ z-index:100;}
*:first-child+html #personal table .help_wrap.upw{ z-index:100;}
#personal table .help{ position:absolute; display:block; display:none;}
#personal table .help.on{ display:block;}
#personal table .help .txt{ position:relative; z-index:3; border:1px solid #919191; color:#333333; letter-spacing:-1px; background:#ffffff;}
#personal table .help .txt p{ padding:8px 14px 6px 14px; line-height:16px; font-size:11px; white-space:nowrap;}
#personal table .help .txt p *{line-height:16px; font-size:11px;}
#personal table .help .txt p strong{ color:#ff6c00;}
#personal table .help .txt p strong.black{ color:#333;}
#personal table .help .txt p .ex{ color:#808080;}
#personal table .help .txt em{ display:inline; padding:0;}
#personal table .overlap{ display:inline; top:1px; left:1px;}
#personal table .overlap img{ vertical-align:top;}
#personal table br{ clear:both;}


#personal table .noti input {vertical-align:top;}
#personal table .noti .txt {margin:5px 0 5px 0; padding:7px 0 7px 0;}
#personal table .noti .txt li {margin-top:1px; background:url() no-repeat left 5px; color:#999; font-size:11px; letter-spacing:-1px; line-height:1.4;}

#join_mail table .input_text{ border:1px solid #cccccc; margin:-1px 0 0 0; padding:3px 0 3px 5px; _height /**/:25px; height :14px; width:155px;}

/* 로그인 */
#login { width:650px; margin:0px auto;   padding-bottom:80px;}
#login .login_form { position:relative;  float:right;width:320px; padding:35px 0 0 15px; overflow:hidden;  }
#login .login_form fieldset { margin:0; padding:0; border:none; }
#login .login_form legend { display:none; }
#login .login_form fieldset dl dt { height:45px; background:url('http://image.nolkong.com/images/member/tit_login.gif') no-repeat left top; }
#login .login_form fieldset dl dd { text-align:left;height:28px; }
#login .login_form fieldset dl dd.btn { position:absolute; right:24px; margin-top:-72px; }
#login .login_form fieldset dl dd.capcha { margin-top:-2px; }
#login .login_form fieldset dl dd.capcha img { position:absolute; margin:-5px 0 0 13px; }
#login .login_form fieldset input { width:178px; height:16px; margin-right:-3px; padding:7px 0 0 7px; background:url('http://image.nolkong.com/images/member/bg_input.gif') no-repeat left top; border:0; color:#9BAEBA; font-size:8pt; }
#login .login_form fieldset input.bg_id { background-position:0 0; }
#login .login_form fieldset input.bg_passwd { background-position:0 -30px; }
#login .login_form fieldset input.bg_capcha { background-position:0 -90px; }
#login .login_form fieldset input.bg { background-position:0 -60px; }
#login .login_form fieldset dd.check { height:47px; margin-top:10px; }
#login .login_form fieldset dd.check input { width:auto; height:auto; margin:0 -3px 0 0; vertical-align:middle; background:none; }
* html #login .login_form fieldset dd.check input { margin:3px -6px 1px -4px; }
*:first-child+html #login .login_form fieldset dd.check input { margin:3px -6px 1px -4px; }
#login .login_form fieldset dd.check label { margin-right:13px; color:#838383; font-size:8pt; letter-spacing:-1px; }
#login .login_form fieldset dd.btn input { margin-top:17px;width:111px; height:51px; background:url('http://image.nolkong.com/images/member/btn_login.gif') no-repeat left top; }
#login .login_form fieldset select { width:10px; background-color:#F1F1F1; }
#login .login_form .loginbtn { width:100%; margin-top:-25px; text-align:left; }
#login .adarea { position:relative;  float:left; width:300px; height:240px; background:#ededed; }
	
#searvice { clear:both; width:650px; height:56px; overflow:hidden; }
#searvice dl { width:650px; height:56px; background:url('http://image.nolkong.com/images/member/img_footer.gif') no-repeat left top;  }
#searvice dl dt { float:left;  width:185px; }
#searvice dl dd { float:left; padding:18px 0 0 21px; }
#searvice dl dd a { float:left; display:block;	margin:0 0 0 0;  }
#searvice dl dd a.01 { width:93px; }
#searvice dl dd a.02 { width:75px; }
#searvice dl dd a.03 { width:74px; }
#searvice dl dd a.04 { width:87px; }
#searvice dl dd a.05 { width:87px; }

/* 회원가입 인트로 - 20090901추가 */
.loginStep1 { margin:30px auto; padding-top:260px; width:681px; height:150px; background:url('../images/member/bg_login_op.jpg') no-repeat left top;}
.loginStep1 img { margin-right:10px;}