/****** COMMON ******/
html { .overflow:scroll; .overflow-x:auto; }
html,body { margin:0; padding:0; color:#5A5A5A; }
body { color:#666; font-size:15px; font-family:"Malgun Gothic", ����, Dotum, ����, Gulim, Apple-Gothic, sans-serif; letter-spacing:-1px; line-height:1.2em; background-color:#f3f3f3;  -webkit-text-size-adjust:none; }
body.AppleWebkit {  }
body.omnia {  }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }

fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
strong { font-weight:bold; }
button { margin:0; padding:0; border:none; font-family:"Malgun Gothic", ����, Dotum, ����, Gulim, Apple-Gothic, sans-serif; cursor:pointer; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
hr { display:none; }

/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }

input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; }
textarea, input { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; }
textarea { resize:none; }
form, fieldset { margin:0; padding:0; }
input[type="button"], input[type="text"] { -webkit-appearance:none; -webkit-border-radius:0; }
input:checked[type="checkbox"] { background-color:#fff;-webkit-appearance:checkbox; }

/* to enable resizing for IE */
input,textarea,select { *font-size:100%; }

/* because legend doesn't inherit in IE */
legend { display:none; color:#000; }
label { cursor:pointer; }

a, a:link { color:#666; text-decoration:none; font-family:"Malgun Gothic", ����, Dotum, ����, Gulim, Apple-Gothic, sans-serif; }
a:visited { color:#666; }
a:hover, a:active { color:#666; text-decoration:none; }

/* float ���� */
.f_clear:after { content:""; height:0; display:block; visibility:hidden; clear:both; }
* html .f_clear { height:1px; }
.f_clear { display:block; min-height:1px; }


#wrapper { width:100%; background-color:#FFFFFF; }

/****** HEADER ******/
#header { height:31px; border-bottom:3px solid #fe0000; background-color:#FFFFFF; }
#header h1 { float:left; display:inline; width:58px; height:15px; margin:8px 3px 0 10px; background-color:#ffffff; no-repeat; }
#header h1 a { display:block; width:58px; height:15px; text-indent:-3000em; }

/****** FOOTER ******/
#footer { width:100%; border-top:1px solid #bfbfbf; background-color:#f3f3f3; text-align:center; }
#footer p.copyright { width:100%; height:8px; padding:12px 0 25px 0; border-top:1px solid #e2e2e2; font-size:9px; letter-spacing:0; }

/****** CONTENTS ******/
#contents { padding:16px 15px; }
#contents h2 { margin-bottom:10px; font-size:120%; color:#111111; }
#contents .common_btn { height:32px; padding:2px 8px 0 8px; border:1px solid #aaaaaa; left bottom; font-size:105%; letter-spacing:-1px; text-align:center; box-shadow:1px 1px 0 #d3d3d3; -moz-box-shadow:1px 1px 0 #d3d3d; -webkit-box-shadow:1px 1px 0 #d3d3d3; }
#contents .login { position:relative; border:1px solid #bcbcbc; background:#f4f4f4; }
#contents .login button#apt, #contents .login button#phone,
#contents .login button#visited_box, #contents .login button#myInfo { position:absolute; top:0; width:50%; height:30px; font-size:14px; z-index:2; white-space:nowrap; }
#contents .login button#apt, #contents .login button#phone { left:0; }
#contents .login button#visited_box, #contents .login button#myInfo { right:0; }
#contents .login button.tab_on { background:#f4f4f4; }
#contents .login button#apt.tab_off,
#contents .login button#phone.tab_off { border:1px solid #dadada; border-bottom:1px solid #bcbcbc; border-right:1px solid #bcbcbc; background:#dadada; -webkit-box-shadow:0 1px 0 #FFF; }
#contents .login button#apt.tab_on,
#contents .login button#phone.tab_on { border:1px solid #ffffff; border-bottom:1px solid #f4f4f4; }
#contents .login button#visited_box.tab_off,
#contents .login button#myInfo.tab_off { border:1px solid #bcbcbc; border-top:1px solid #dadada; border-right:1px solid #dadada; background:#dadada; -webkit-box-shadow:0 1px 0 #FFF;}
#contents .login button#visited_box.tab_on,
#contents .login button#myInfo.tab_on { border:1px solid #ffffff; border-bottom:1px solid #f4f4f4; }


#contents .login form { margin-top:30px; padding:12px 10px 13px 10px; border:1px solid #FFFFFF; border-top:none; }
#contents .login .inputBox { position:relative; clear:both; margin-bottom:6px; padding-right:122px; text-align:left; }
#contents .login .inputBox .input { display:block; margin-bottom:6px; border:1px solid #bcbcbc; background:#FFFFFF; overflow:hidden; }
#contents .login .inputBox select { float:right; width:118px; height:32px; margin:-38px -122px 0;}
#contents .login .inputBox button.common_btn { position:absolute; top:0; right:0; width:118px; padding:0; }
#contents .login .check { margin:10px 0 0; }
#contents .login .check label { margin-right:20px; font-size:95%; color:#767676; }
#contents .login input[type=text],
#contents .login input[type=password] { width:100%; height:30px; color:#333333; -webkit-border-radius:0; border:none; background:#FFFFFF no-repeat; }
#contents .login input#ID { ime-mode:disabled; background-position:0 0; }
#contents .login input#PASSWD { background-position:0 -30px; }
#contents .login input#id { ime-mode:disabled; background-position:0 0; }
#contents .login input#email { ime-mode:disabled; background-position:0 0; }
#contents .login input#passwd { background-position:0 -30px; }
#contents .login input#capcha { ime-mode:disabled; }

#contents .login input.focus { ime-mode:disabled; background-image:none; background-color:#FFFFFF; }
#contents .login .logon { padding-right:0; }
#contents .warnring { margin-top:16px; font-size:95%; color:#FF0000;}
#contents .youtube { margin-top:16px; font-size:95%; color:#0080c0;}
#contents .info { margin-top:16px; font-size:95%; }
#contents .info .url { font-family:Arial; color:#5A8DAF; letter-spacing:0; }
#contents .info .noti { display:block; margin-top:12px; font-size:95%; color:#0080c0; }

/****** WEB ******/
*:first-child+html #contents .login .inputBox select { position:absolute; right:0; margin-right:0; }
*html #contents .login .inputBox select { position:absolute; right:0; margin-right:0; }
*html input { width:100%; height:30px; color:#333333; border:none;}
*html .check input { width:auto; height:auto; background:none; }
*html #contents .login { width:100%; margin-right:-2px; }



/****** IPHONE ******/
body.webkit #contents select { height:32px; padding:3px 25px 0 0; text-align:left; background:#FFFFFF 101% 0; border:1px solid #c0c3c8; -webkit-border-radius:0; -webkit-appearance:none; }