@charset "utf-8";
@import "global.css";
@import "layout.css";

/* Membership only */

.join_step01_btn{margin:20px 12px 0;}

/* membership > join step#1 */
.join_step{height:72px;margin-bottom:40px;}
.join_step li{float:left;}
.join_step .icon{padding-top:35px;}

.check_agree{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #ececec;color:#9fa3a6;font-size:70%;line-height:130%;}
.first_letter{padding:8px 0 15px;margin:0 4px 0 -10px;}
.check_agree h5{margin-top:7px;}
.check_agree h6{margin:7px 0 3px;}
.check_agree h5,h6{font-size:100%;font-weight:normal;}
.agree{
	height:127px;
	margin-bottom:12px;
	padding:10px 15px;
	border:1px solid #ececec;
	background:#fcfcfc;
	overflow-x:hidden;
	overflow-y:scroll;
	scrollbar-face-color:#eeeeee;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#b9b9ad;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#dbdbdb;
	scrollbar-track-color:#f5f5f5;
	scrollbar-darkshadow-color:#ffffff;
}
.check_agree label{color:#919497;letter-spacing:-1px;cursor:pointer;}
.check_agree input{vertical-align:middle;}

.check_name{padding-bottom:15px;border-bottom:1px solid #ececec;/* 기업회원때 활성화 할 것 background:url(/user/images/member/join_step01_img05.gif) bottom right no-repeat; */}
.check_name h5{margin-bottom:10px;}

.check_name01 dl,
.check_name02 dl{width:286px;}
.check_name01 dt,
.check_name02 dt{float:right;}
.check_name01 dd,
.check_name02 dd{margin-bottom:10px;*margin-bottom:9px;}
.check_name01 dd img,
.check_name02 dd img{*margin-right:-4px;}
.check_name01 span,
.check_name02 span{margin-right:-1px;}
.check_name01 .input_txt,
.check_name02 .input_txt{*margin-top:-1px;font-size:100%;}
.check_name01 .input_name,
.check_name02 .input_name{width:168px;}
.check_name01 .input_jumin{width:72px;}

.check_name01{float:left;width:326px;color:#cccccc;font-size:70%;}

.check_name02{width:326px;margin-top:15px;padding-top:15px;border-top:1px solid #ececec;color:#cccccc;font-size:70%;}
.check_name02 .com_reg{width:40px;}

.check_name03{float:right;width:296px;color:#cccccc;font-size:70%;}

/* membership > join step#2 */
.input_info{}
.write_form .input_name{width:168px;}
.write_form .input_phone{width:64px;}
.write_form .input_email01{width:141px;}
.write_form .input_email02{width:114px;}
.write_form .input_zipcode{width:34px;margin-bottom:9px;vertical-align:top;}
.write_form .input_zip01{width:192px;}
.write_form .input_zip02{width:215px;}
.write_form .input_blogurl{width:300px;}
.write_form dt.member_img{float:left;width:90px;height:67px;margin:0 10px 10px 0;background:url(/user/images/member/member_img_bg.gif) no-repeat;}
.sample_list{clear:both;}
.sample_list dd label{cursor:pointer;}
.sample_list dd{float:left;margin-right:5px;text-align:center;}

/* membership > join step#3 */
.join_ok{}
.join_info{padding:20px 0 132px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;background:url(/user/images/member/join_step03_img02.gif) bottom center no-repeat #fbfbfb;color:#707273;font-size:70%;letter-spacing:-1px;text-align:center;}
.join_info p{line-height:150%;}
.join_info strong{color:#ff8a40;}
.join_info dl{width:350px;margin:20px auto 0 auto;}
.join_info dt.member_img{float:left;width:90px;height:67px;margin:0 10px 10px 0;background:url(/user/images/member/member_img_bg.gif) no-repeat;}
.join_info dd{padding:4px 8px 1px;text-align:left;}
.join_info dd strong{letter-spacing:0;}
.join_info dd .name{letter-spacing:8px;}

/* membership > join step#4 */
.input_blog{padding-top:19px;border-top:1px solid #ececec;}
.input_blog h5{margin-bottom:15px;}
.blog_list{clear:both;width:100%;margin-bottom:30px;}
.blog_list th{padding:5px 0;background:url(/user/images/icon/line_ver02.gif) right 50% no-repeat #9e9e97;border-top:1px solid #ececec;border-bottom:1px solid #ececec;}
.blog_list th img{vertical-align:top;}
.blog_list th.end{background:#9e9e97}
.blog_list td{padding:8px 10px;border-bottom:1px solid #ececec;background:url(/user/images/icon/line_ver03.gif) right 50% no-repeat;white-space:nowrap;}
.blog_list td.end{background:none;}
.blog_list .blog_url{width:100%;color:#ff8a40;letter-spacing:0;white-space:normal;}
.blog_list .discription{width:40%;white-space:normal;}
.blog_list .vb_title{width:40%;white-space:normal;}
.blog_list .date{letter-spacing:0;}
.blog_list .no_list{padding:11px 0 13px;*padding:12px 0 14px;text-align:center;font-weight:bold;}

.blog_info{margin-bottom:40px;}
.blog_info .add_type label{display:inline;width:auto;}
.blog_info label{display:inline-block;width:140px;cursor:pointer;}
.blog_info .blog_id{width:166px;}
.blog_info .blog_rss{width:465px;}
.blog_info select{padding:2px 5px 3px 5px;font-size:100%;vertical-align:middle;}

.inclination h5{margin-bottom:16px;}
.inclination label{display:inline-block;width:80px;cursor:pointer;}
.inclination input{*margin-top:-1px;}

/* membership > find_id&pw */
.find_id_copy{margin-bottom:28px;}
.find_id_pw .tab{float:left;width:100%;margin-bottom:20px;background:url(/user/images/member/find_id_tab_bg.gif) bottom left repeat-x;}
.find_id_pw .tab li{float:left;margin-right:2px;}
.find_id_pw .input_name{width:116px;}
.find_id_pw .btns_right{margin:20px 10px 0;}
.find_id{clear:both;padding-top:5px;border-top:1px solid #ececec;}
.find_id_pw h4{position:relative;_top:78px;padding-bottom:8px;}
.find_id span.notice{position:absolute;top:8px;_top:7px;left:181px;padding-left:8px;background:url(/user/images/icon/icon02.gif) left 50% no-repeat;color:#707273;font-size:70%;font-weight:normal;letter-spacing:-1px;}
.find_pw span.notice{position:absolute;top:8px;_top:7px;left:194px;padding-left:8px;background:url(/user/images/icon/icon02.gif) left 50% no-repeat;color:#707273;font-size:70%;font-weight:normal;letter-spacing:-1px;}

/* membership > login */
.login{float:left;width:328px;height:135px;margin-right:11px;padding:24px 0 0 24px;background:#fbfbfb;border:1px solid #ececec;}
.login dl{width:294px;margin-top:31px;}
.login dt{float:right;}
.login dd{margin-bottom:10px;*margin-top:-2px;}
.login dd img{margin-right:-5px;}
.login .input_id{width:166px;}
.login .notice{padding-left:8px;background:url(/user/images/icon/icon02.gif) left 50% no-repeat;color:#707273;font-size:70%;}
.login .notice a,
.login .notice span{color:#ff8a40;}

.join{float:right;width:153px;height:129px;padding:30px 0 0 135px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;background:url(/user/images/member/login_img04.gif) top left no-repeat #fff;}

.join .btns_left{margin:20px 0 0 3px;}