@charset "euc-kr";
@import "header.css";

/* RESET */
html,body{width:100%;height:100%}
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,input,textarea,select,option,button{font-family:'돋움',dotum,Helvetica,sans-serif;font-size:12px;color:#666666;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
input,select,button{vertical-align:middle;}
img{vertical-align:middle;}
em,address{font-style:normal;}
label,button{cursor:pointer;}
button{margin:0;padding:0;}
a{color:#666;text-decoration:none;}
a:hover{color:#a90547;text-decoration:none;}
button *{position:relative;}
html:first-child select{height:20px;padding-right:6px;}
option{padding-right:6px;}
hr{display:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea {border: 1px solid #d4d4d4; line-height:20px;}
select {height:20px;}
/* content:"";clear:both;display:block;height:0;visibility:hidden; */


#wrap {
	width:1024px;
	height:764px;
	margin:5px auto 0;
}
#wrap:after {
	content:"";clear:both;display:block;height:0;visibility:hidden;
}
#wrap .mainVisual {
	float:left;
	position:relative;
	width:749px;
	height:691px;
	background:url('../../Data/MainLogin/Main0/mainvisual.jpg?v=260205') no-repeat;
}
#wrap .mainVisual h1 {
	position:absolute;
	width:560px;
	height:140px;
	top:65px;
	left:66px;
	text-indent:-9999em;
	background:url('../../Data/MainLogin/Main0/logo.png?ver=251103') no-repeat;
}
#wrap .loginArea {
	float:right;
	position:relative;
	width:268px;
	height:208px;
	background:url('../../Data/MainLogin/Main0/loginbg.jpg') no-repeat;
}
#wrap .loginArea .inputArea {
	position:absolute;
	width:217px;
	height:60px;
	top:58px;
	left:25px;
}
#wrap .loginArea .inputArea input {
	padding:0 5px;
	margin-bottom:5px;
	vertical-align:top;
	border-top:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}
#wrap .loginArea .inputArea input.id {
	width:127px;
	height:20px;
	background:url('../../Data/MainLogin/Main0/input_text.jpg') 5px -3px no-repeat;
}
#wrap .loginArea .inputArea input.pw {
	width:127px;
	height:20px;
	background:url('../../Data/MainLogin/Main0/input_text.jpg') 5px -29px no-repeat;
}
#wrap .loginArea .inputArea a.login {
	position:absolute;
	display:block;
	width:73px;
	height:49px;
	top:0;
	right:0;
	text-indent:-9999em;
	background:url('../../Data/MainLogin/Main0/loginbtn.jpg') no-repeat;
}
#wrap .loginArea a.idpwsearch {
	position:absolute;
	display:block;
	width:139px;
	height:26px;
	top:160px;
	left:25px;
	text-indent:-9999em;
	background:url('../../Data/MainLogin/Main0/idpwsearchbtn.jpg') no-repeat;
}
#wrap .loginArea a.join {
	position:absolute;
	display:block;
	width:73px;
	height:26px;
	top:160px;
	left:169px;
	text-indent:-9999em;
	background:url('../../Data/MainLogin/Main0/joinbtn.jpg') no-repeat;
}
#wrap .loginArea .check {
	position:absolute;
	width:217px;
	top:67px;
	left:0px;
	text-align:center;
}
#wrap .loginArea .check input {
	border : 0;
}


#wrap .loginArea .check label {
	vertical-align:-1px;
}
#wrap .customerArea {
	float:right;
	position:relative;
	width:153px;
	height:252px;
	padding-top:65px;
	padding-left:115px;
	margin-top:7px;
	background:url('../../Data/MainLogin/Main0/customercenterbg.jpg?ver=251112') no-repeat;
} 
#wrap .customerArea .clock {
	position:absolute;
	width:74px;
	height:74px;
	top:47px;
	left:25px;
	/*background:url('../../Data/MainLogin/Main0/clockbg.jpg') no-repeat;*/
}
#wrap .customerArea .clockFront {
	position:absolute;
	width:74px;
	height:74px;
	top:57px;
	left:25px;
	z-index:100;
	/*background:url('../../Data/MainLogin/Main0/clockbg.gif') no-repeat;*/
}
#wrap .customerArea .date1 {
	width:148px;
	height:15px;
	padding-bottom:9px;
}
#wrap .customerArea .date1:after {
	content:""; clear:both; display:both; height:0; visibility:hidden;
}
#wrap .customerArea .date1 span {
	float:left;
	height:15px;
	text-indent:-9999em;
}
#wrap .customerArea .date1 span.no1 {
	width:8px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') 0 -15px no-repeat;	
}
#wrap .customerArea .date1 span.no2 {
	width:10px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -12px -15px no-repeat;	
}
#wrap .customerArea .date1 span.no3 {
	width:11px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -25px -15px no-repeat;	
}
#wrap .customerArea .date1 span.no4 {
	width:10px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -37px -15px no-repeat;	
}
#wrap .customerArea .date1 span.no5 {
	width:9px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -51px -15px no-repeat;	
}
#wrap .customerArea .date1 span.no6 {
	width:10px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -63px -15px no-repeat;	
}
#wrap .customerArea .date1 span.no7 {
	width:10px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -76px -15px no-repeat;	
}
#wrap .customerArea .date1 span.no8 {
	width:10px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -88px -15px no-repeat;	
}
#wrap .customerArea .date1 span.no9 {
	width:10px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -101px -15px no-repeat;	
}
#wrap .customerArea .date1 span.no0 {
	width:10px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -113px -15px no-repeat;	
}
#wrap .customerArea .date1 span.year {
	width:13px;
	margin:0 5px 0 1px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') no-repeat;	
}
#wrap .customerArea .date1 span.month {
	width:12px;
	margin:0 5px 0 1px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -17px 0 no-repeat;	
}
#wrap .customerArea .date1 span.date {
	width:12px;
	margin:0 5px 0 1px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -35px 0 no-repeat;	
}
#wrap .customerArea .date2 {
	height:13px;
	padding-left:16px;
}
#wrap .customerArea .date2:after {
	content:""; clear:both; display:both; height:0; visibility:hidden;
}
#wrap .customerArea .date2 span {
	float:left;
	height:13px;
	text-indent:-9999em;
}
#wrap .customerArea .date2 span.no1 {
	width:7px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') 0 -43px no-repeat;	
}
#wrap .customerArea .date2 span.no2 {
	width:8px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -11px -43px no-repeat;	
}
#wrap .customerArea .date2 span.no3 {
	width:9px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -22px -43px no-repeat;	
}
#wrap .customerArea .date2 span.no4 {
	width:9px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -33px -43px no-repeat;	
}
#wrap .customerArea .date2 span.no5 {
	width:7px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -45px -43px no-repeat;	
}
#wrap .customerArea .date2 span.no6 {
	width:9px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -55px -43px no-repeat;	
}
#wrap .customerArea .date2 span.no7 {
	width:8px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -67px -43px no-repeat;	
}
#wrap .customerArea .date2 span.no8 {
	width:9px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -77px -43px no-repeat;	
}
#wrap .customerArea .date2 span.no9 {
	width:9px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -88px -43px no-repeat;	
}
#wrap .customerArea .date2 span.no0 {
	width:9px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -99px -43px no-repeat;	
}
#wrap .customerArea .date2 span.line {
	width:3px;
	margin:0 2px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -111px -43px no-repeat;
}
#wrap .customerArea .date2 span.pm {
	width:24px;
	margin-right:5px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') 0 -30px no-repeat;
}
#wrap .customerArea .date2 span.am {
	width:24px;
	margin-right:5px;
	background:url('../../Data/MainLogin/Main0/clockno.gif') -27px -30px no-repeat;
}
#wrap .adArea {
	float:right;
	width:268px;
	height:152px;
	margin-top:7px;
}
#wrap .footer {
	clear:both;
	width:100%;
	height:95px;
	background:url('../../Data/MainLogin/Main0/footer.jpg?ver=260622') center no-repeat;
}

/* 한국메딕스(order.koreamedix.com) */
#wrap .footer.order{
	height:127px;
}