@charset "utf-8";





body { background:url(/static/images/member/landingpages/bg_top_main.gif) repeat-x 0 0; }

/* New Signin */
/*
#signinWrapper { margin:100px auto 50px auto; width:720px; height:310px; }
#signinWrapper h1 { margin-bottom:20px; text-align:center; font-size:24px; color:#000; }
#signinWrapper_body { width:720px; height:253px;
	background:url(/static/images/member/signin_bg.png) no-repeat 0 0;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/member/signin_bg.png', sizingMethod='crop');
}
#signinWrapper_body h2 { height:27px; line-height:27px; text-align:center; color:#fff; font-size:12px; }

.signIn { position:relative; }
.signIn .contentWrapper { background:url(/static/images/member/landingpages/section_bg_signIn.gif) no-repeat 0 30px; }
.signIn fieldset { margin:10px 20px 0 20px; }
.signIn fieldset label { display:block; float:left; width:70px; }
.signIn fieldset div { clear:both; margin-bottom:6px; *margin-bottom:4px; }
.signIn fieldset .dijitButtonNode { position:absolute; right:20px; top:0; width:98px; height:41px; padding:0; border:1px solid #f8b40b; background:url(/static/images/member/landingpages/btn_signIn_bg.gif) repeat-x 0 0 #ffe199; }
.signIn fieldset .dijitButtonHover .dijitButtonNode { border:1px solid #f8b40b; background:url(/static/images/member/landingpages/btn_signIn_bg_hover.gif) repeat-x 0 0 #fff0a3; }
.signIn fieldset .dijitButtonActive .dijitButtonNode { border:1px solid #f8b40b; background:url(/static/images/member/landingpages/btn_signIn_bg_active.gif) repeat-x 0 0 #fffee1; }
.signIn fieldset .dijitButtonText { color:#000; font-weight:bold; font-size:12px; line-height:41px; }
.signIn .input_check { margin:5px 0 0 20px; }
.signIn .notMember { margin:10px 20px 5px 20px; padding-top:10px; border-top:1px dotted #ced5da; }
.signIn .forgot { margin:0 20px; }
.signIn .notMember a,
.signIn .forgot a { color:#0eb2ea; }
.signIn .comment { margin-top:20px; padding:10px; color:#0eb2ea; background:#fff8e7; }
*+html .signIn .comment { margin-bottom:20px; }
.signIn dl { margin:5px 20px; }
.signIn dl:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
.signIn dt { clear:both; float:left; font-weight:bold; *line-height:14px; }
.signIn dd { float:left; padding-left:10px; *line-height:14px; }
.signIn .buttonWrapper { clear:both; margin:20px 20px 0 20px; }
.signIn .question { margin:20px 20px 10px 20px; color:#0eb2ea; }
*/




.signin_box_wrapper:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
* html .signin_box_wrapper { height:1%; }
*+html .signin_box_wrapper { height:1%; }
.signIn#signin_box { float:left; padding:40px 0 40px 50px; width:390px; }
.page_forgot #signin_box { margin:0 auto; padding:30px 0 40px 0; width:600px; }
.google #signin_box { padding:30px 50px 40px 50px; }
.page_forgot .guide { clear:both; }
.signin_banner { float:right; padding:61px 50px 0 0; width:200px; }

.signin_msg_box { background:#FFFFFF; border:1px dotted #f86f00; padding:5px; margin:10px 0; line-height:18px; text-align:left; color:#f86f00; }
.signin_msg_box ul li{ text-align:left; list-style:none; }
.signin_msg_box .b,
.signin_msg_box .errorMessage,
#message_area { color:#f86f00; }
.signin_msg { margin:10px 0; line-height:18px; text-align:left; color:#f86f00; }

#signin_type { float:left; margin:2px 0 0 10px; width:290px; }
#signin_box #signin_type { float:none; width:*; }
/*body.withTf #signin_type { width:250px; }*/
body.withTf #signin_type {}
body.withTf #signin_box { padding:30px 50px 40px 50px; }
#signin_type p { line-height:20px; }
/*#signin_id {padding:2px 0px 2px 114px; height:20px; background:#FFFFFF url(/static/images/member/signin_userid.gif) no-repeat left 50%;_width:114px;}
#signin_pw {padding:2px 0px 2px 114px; height:20px; background:#FFFFFF url(/static/images/member/signin_pw.gif) no-repeat left 50%;_width:114px;}*/
.sign_label { display:block; margin-bottom:5px; }
.member_input { display:block; width:386px; height:16px; _position:relative; left:-8px; border:1px solid #C4DEE1; background:none; color:#666666; padding:2px; }
#signin_id .signed_id { padding-left:0; margin-left:110px; margin-top:0px; padding-top:2px; }
#signin_btn { float:right; }
#signin_pw { margin:10px 0; }
.signin_button { background:#FFFFFF url(/static/images/member/btn_submit.gif) no-repeat; width:100px; height:30px; border:0px; font-weight:bold;}
.submit_btn {margin-top:15px; text-align:center;}
.google_account { margin:15px 8px 0 8px; font-size:12px; color:#666; }
.google_account:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
.google_account dt { float:left; margin-right:5px; display:inline; font-weight:bold; }
.google_account dt img { vertical-align:middle; }
.google_account dd { float:left; color:#F86F00; line-height:17px; font-weight:bold; }
.google #message_area { color:#333; line-height:18px; }
.agree { clear:both; margin:8px 0 15px 8px; color:#666; }
* html .agree { margin:8px 0 15px 4px; }
*+html .agree { margin:8px 0 15px 4px; }
.zh_cn .agree { letter-spacing:1px; }
.btn_goToThinkfree { margin:15px 0 0 0; text-align:center; }
#signin_opt { *margin-top:-10px; padding:2px 0px 2px 110px; *position:relative; top:-15px; }
body.withTf #signin_opt { *margin-top:5px; }
#signin_opt .optCheck { float:left; margin-bottom:10px; }
#signin_opt label { display:block; margin-bottom:5px; }
#signin_opt .secure {padding:2px; margin:0px; color:#666;}
#signin_opt .keep {padding:2px; margin:0px; color:#666;}
#signin_opt  .line_dot {border-bottom:dotted 1px #ccc; padding:5px 5px 5px 0px;}
#signin_opt .forgot { clear:both; padding:10px 3px 5px; color:#666; }
#signin_opt input { vertical-align:middle; }
#signin_opt .signup {padding:3px; color:#666;}
#signin_opt .link {color:#0eb2ea; text-decoration:underline;font-size:1em;}
a.signin_google { margin-top:10px; line-height:27px; }
a.signin_google strong { font-weight:bold; }
#signin_opt img { position:relative; left:2px; top:4px; margin-right:7px; text-align:none; }
#signin_opt a:link,
#signin_opt a:visited,
#signin_opt a:active,
#signin_opt a:hover { color:#0eb2ea; }
.signin_subtitle { padding:15px 0 10px 0; background:#fff; }
.signin_subtitle h3 { font-size:12px; color:#435563; }




#forgot_pw_opt {padding:0px;}

#forgot_pw_opt .guide {padding:10px 0px 0px; color:#f86f00;}
#forgot_pw_opt .captcha { padding:5px 0; }
#forgot_pw_opt .text {padding:5px 0; color:#666;}
#forgot_pw_btn { float:left; margin:20px 7px 5px 0; background:#FFFFFF url(/static/images/member/btn_submit.gif) no-repeat; width: 100px; height: 50px;}
.forgot_pw_input { padding:2px; width:294px; background:#F5F5F5; border:1px solid #f86f00;color:#f86f00;}

.trouble_page { background:#f5f5f5; }
#trouble_wrapper { position:absolute; left:50%; top:50%; margin:-155px 0 0 -255px; width:500px; height:300px; border:5px solid #d7dbe7; background:#fff; }
#trouble_wrapper .content { padding:20px; }
#trouble_wrapper p { margin:30px; text-align:center; line-height:1.6em; font-size:12px; }
#trouble_wrapper .email { font-weight:bold; font-size:12px; }
.continue { text-align:center; }
.continue .input_button { width:200px; }

.account_thinkfree,
.account_google { width:300px; }
.account_thinkfree { margin:20px 0 40px 40px; }
.account_google { margin:20px 40px 40px 0; }
.account_thinkfree { float:left; _display:inline; }
.account_google { float:right; _display:inline; }
.account_thinkfree h2,
.account_google h2 { position:relative; left:25px; top:10px; text-align:center; font-size:15px; color:#3399cc; background:#fff; }
.account_thinkfree h2,
.account_google h2 { width:250px; text-align:center; }
.account_content { border:1px solid #d7dbe7; height:60px; padding:40px 20px 30px 20px; text-align:center; }
.account_google .account_content { _height:79px; }
.account_content p { margin-top:15px; text-align:left; }
.error_box { background:#FFFFFF; border:1px dotted #f86f00; padding:10px 20px; margin-top:20px; text-align:left; color:#f86f00; font-weight:bold;}
* html .error_box { margin-top:40px; }
*+html .error_box { margin-top:40px; }

.account_thinkfree .input_button,
.account_google .input_button { display:block; color:#000 !important; text-decoration:none; }

.account_thinkfree .input_button span { padding:2px 0 2px 20px; background:url(/static/images/member/icon_thinkfree2.gif) no-repeat 0 center; }
.account_google .input_button span { padding:2px 0 2px 20px; background:url(/member/images/icon_google.gif) no-repeat 0 center; }
.account_google .input_button span strong { font-weight:normal; }

.line_title {width:100%; height:4px; text-align:right; background:#c5e0a8 url(/static/images/member/line_title.gif) no-repeat right top; margin:0px; padding:0px;}


/* sign in */
.contentSignin #signin_type { margin-left:0; }
.contentSignin #signin_opt { margin:10px 0 20px 0; padding:0; *zoom:1; }
.contentSignin #signin_opt:after {content:" "; display:block; clear:both;}

.contentSignin .warning { background: #FFF9D3 none repeat scroll 0 0; color:#F86F00; border: 1px dotted #F86F00; margin: 0 0 10px 0; padding: 2px 10px; }
.contentSignin .forgot,
.contentSignin .notMember { font-weight:bold; margin-top:6px; }
.contentSignin .forgot a,
.contentSignin .notMember a { font-weight:normal; }
.contentSignin #signin_opt .forgot { padding:0; color:#333; }
.contentSignin .signinGoogle { border-top:1px dotted #ced5da; margin-top:20px; padding-top:20px; }
.contentSignin .signinGoogle a { font-weight:bold; margin:0; }
.contentSignin .signinGoogle div {background:url(/static/images/member/icon_google.gif) no-repeat 0 0; padding:2px 0 2px 20px; }
.contentSignin .signinGoogle div.signupTF { background:url(/static/images/member/icon_thinkfree.gif) no-repeat 0 0; margin-top:4px; }
.contentSignin .signinGoogle a.signin_google { margin:0; line-height:0; }

/* google 정회원 로그인 */
.signinTF #signin_box #signin_type { width:390px; }
.signinTF #signin_box .sign_label  { display:inline; margin-right:10px; }
.signinTF #signin_box #signin_id .signed_id { display:inline; width:*; margin-left:0; color:#f86f00; font-weight:bold; }
.signinTF #signin_box #signin_opt { *padding-top:22px; }
.signinTF #signin_box .member_input { margin-top:4px; }




