@charset "euc-kr";
@import "font.css";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,select{margin:0;padding:0;}
img,fieldset {border:0;}

ul,ol,li,dl {list-style:none;}
input,select {vertical-align:middle;}
table caption {display:none;}

body {
	font-family: dotum,sans-serif;
	font-size: 12px;
	background-color: #fff;
}

.wrap {width:750px;margin:90px auto;}

.wrap h1 {width:100%;height:104px;border-bottom:4px solid #FA4B4B;margin-bottom:20px;}
.wrap h1 img {width:100%;height:104px;vertical-align:top;}

.wrap .login-msg {width:100%;height:320px;background:url('/img/sub/login-bg.gif') no-repeat 0 0;overflow:hidden;}
.login-msg .left {float:left;width:342px;overflow:hidden;}
.login-msg .right {float:left;width:408px;overflow:hidden;}

.login-msg .left ul.typegbn {margin:20px 0 30px 0;overflow:hidden;}
.login-msg .left li.typm {float:left;margin-left:20px;}
.login-msg .left li.typn {float:right;margin-right:20px;}

.login-msg .left ul.logfm {z-index:1;position:relative;width:300px;height:74px;margin:20px auto;}
.login-msg .left ul.logfm li {z-index:3;position:absolute;}
ul.logfm li.logid {top:0;left:0;width:219px;height:34px;background:url('/img/sub/log-err-bg.gif') no-repeat 0 0;}
ul.logfm li.logpwd {top:40px;left:0;width:219px;height:34px;background:url('/img/sub/log-err-bg.gif') no-repeat 0 0;}
ul.logfm li.logbtn {top:0;right:0;width:75px;height:74px;}
.login-msg .left p {width:259px;height:66px;border:1px solid #EAE7D9;margin:0 auto;padding:7px 0 0 39px;line-height:1.6;background:url('/img/sub/warning_16.png') no-repeat 10px 10px;background-color:#FFFADC;}
.login-msg .input-box {width:190px;height:20px;border-width:0;margin:5px 10px;}
#usrid {background:url('/img/sub/idbg.gif') no-repeat -100px 0;}
#pwd {background:url('/img/sub/pwdbg.gif') no-repeat 0 0;}

.login-msg .left .ul {width:300px;height:20px;margin:100px auto 0 auto;overflow:hidden;}
.login-msg .ul li {width:50%;height:100%;}
.ul .leftli {float:left;}
.ul .rightli {float:right;text-align:right;}

.login-msg .left .ul a,
.login-msg .left .ul a:link,
.login-msg .left .ul a:hover,
.login-msg .left .ul a:visited {color:#555;text-decoration:none;}

.login-msg .right #mplay {width:368px;height:300px;margin-left:20px;overflow:hidden;}

.wrap p.copy {width:100%;margin-top:20px;text-align:center;}

/* 공통 */
.clear_both {clear:both;}
.hand {cursor:pointer;}


/* 높이 */
.h10p {height:10px;}
.h12p {height:12px;}
.h15p {height:15px;}
.h17p {height:17px;}
.h20p {height:20px;}
.h22p {height:22px;}
.h25p {height:25px;}
.h27p {height:27px;}
.h30p {height:30px;}

/* 길이 */
.w50p {width:50px;}
.w100p {width:100px;}
.w150p {width:150px;}
.w200p {width:200px;}
.w250p {width:250px;}
.w300p {width:300px;}
.w350p {width:350px;}
.w400p {width:400px;}
.w450p {width:450px;}
.w500p {width:500px;}
