@charset "UTF-8";
@import url("../../../../web/css/front/common/common.css");
.EventListR .Tmenu{
	list-style:none;
	width:740px;
	height:37px;
	padding:0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_Topmenu.gif') no-repeat top left;
}
.EventListR .Tmenu li{
	float:left;
	padding:0;
	margin:0;
	font:0/0 Arial;
}
.EventListR ul.eventList{
	width:740px;
	padding:0; 
	margin:0;
	border-bottom:1px solid #DFDDDC;
}
.EventListR ul.eventList li{
	width:720px;
	padding:0 0 15px 20px; 
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
	background:url('../../../images/front/etc/bg_EventList.gif') no-repeat top left;
}
.EventListR ul.eventList li.first{
	background:url('../../../images/front/etc/bg_EventList02.gif') no-repeat top left;
}
.EventListR ul.eventList li.noEvent{
	padding:15px 0 15px 20px; 
	text-align:center;
	font:12px/14px Gulim;
	color:#696969;
	font-weight:bold;
}
.EventListR ul.eventList li img.eventimg{
	float:left;
	width:180px;
	height:80px;
	margin-top:19px;
}
.EventListR ul.eventList li dl{
	float:right;
	width:461px;
	padding:0; 
	margin:0;
}
.EventListR ul.eventList li dt{
	width:461px;
	padding:0; 
	margin:18px 0 0 0;
	font:12px/14px Gulim;
	color:#696969;
	font-weight:bold;
}
.EventListR ul.eventList li dd{
	width:459px;
	padding:6px 0 0 1px; 
	margin:0;
	font:12px/14px Gulim;
	color:#8F8F8F;
}
.EventListR ul.eventList li img.Period{
	float:left;
	margin-right:5px;
}
.EventListR ul.eventList li dd span{
	float:left;
	margin-top:2px;
}
.EventListR ul.eventList li dd.eventBtn{
	width:460px;
	padding:24px 0 0 0; 
	margin:0;
	font:0/0 Arial;
}
dl.eventWinList{
	width:720px;
	padding:10px 0 0 20px; 
	margin:0;	
	overflow:hidden;
}
dl.eventWinList dt{
	width:720px;
	font:0/0 Arial;
	padding:0;
	margin:0;
}
dl.eventWinList dd{
	width:688px;
	min-height:88px;
	_height:88px;
	padding:10px 0 0 20px; 
	margin:10px 0 0 0;
	font:12px/16px Gulim;
	color:#333333;
	background:#F4F5F9;
	border:1px solid #E8E8E8;
	overflow:hidden;
} 
.eventView{
	padding-left:0 !important;	
	padding-right:0 !important;	
	padding-top:15px !important;	
}
.eventView .imgEvent{
	width:740px;
	height:882px;
	padding:0;
	margin:0;
	font:0/0 Arial;
}
.noMember{
	clear:both;
	padding:2px 0 0 22px;
	margin:0;
	font:0/0 Arial;
 }
 /* login */
 #ocxHeader H1 a { padding-top:0; padding-left:0; }
.login .loginLineMap{
	margin-top:26px;
}
.login h2{
	width:900px;
	height:210px
	padding:161px 0 23px 342px; 
	margin:0;
	font:0/0 Arial;
}
.login h3{
	width:200px;
	padding:0; 
	margin:0;
	overflow:hidden;
}
.login h3 input{
	float:left;	
	margin:1px 6px 0 0;
}
.login h3 img{
	float:left;	
}
.login  .loginForm {
	width:920px;
	height:141px;
	padding:20px 0 45px 61px; 
	margin:0 0 0 0;
	overflow:hidden;
	background:url('../../../images/front/etc/bg_loginFooter.gif') no-repeat left top;	
}
.login  .loginFormCoop {
	width:920px;
	height:141px;
	padding:20px 0 45px 61px; 
	margin:0 0 0 0;
	overflow:hidden;
	background:url('../../../images/front/etc/bg_loginFooter2.gif') no-repeat left top;	
}
.login  .loginRight{
	float:left;
	width:358px;
	padding:0; 
	margin:0;	
}
.login  .loginRight dl{
	width:358px;
	padding:15px 0 0 0; 
	margin:0;
}
.login  .loginRight dl dt{
	float:left;
	width:63px;
	padding:6px 0 3px 19px; 
	margin:8px 0 0 0;
	font:0/0 Arial;
}
.login  .loginRight dl dd{
	float:left;
	width:208px;
	padding:0; 
	margin:8px 0 0 0;
	font:0/0 Arial;
}
.login  .loginRight dl dd input{
	width:194px;
	height:16px;
	padding:2px 3px 0 9px;
	font:11px/14px Dotum;
	color:#C1C1C1;
	border:1px solid #BAB0A8;
}
.login  .loginRight dl dd span{
	padding:0 5px;
	margin:0;
}
.login  .loginRight dl dd span img{
	vertical-align:2px;
	#vertical-align:6px;
}
.login  .loginRight .ocxlogin{
	float:right;
	width:53px;
	margin:-21px 0px 0 0;
}
.login  .loginRight .order{
	padding:0 0 0 17px;
	margin:15px 0 0 0;
}
.login  img.nomimg{
	float:left;
	margin:12px 0 0 0;
}
.login  dl.skopipremium{
	width:902px; 
	padding:0 0 0 0; 
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
}
.login  dl.skopipremium dt,dl.skopipremium dd{
	float:left;
	padding:0; 
	margin:0;
	font:0/0 Arial;
}
.login  .btnRight {
	width:902px; 
	height:47px;
	padding:0; 
	margin:-10px 0 0 0;
	font:0/0 Arial;
	overflow:hidden;	
}
.login  .btnRight  img{
	float:right;
	margin-right:4px;
}
.login .btnRight  img.first{
	margin-right:0;
}
.login  .loginleft{
	float:left;
	width:424px;
 	padding:0; 
	margin:0;	
}
.login  .loginleft dl,
.loginMode  .loginRight dl{
	width:323px;
	padding:15px 0 0 0; 
	margin:0;	
	overflow:hidden;
}
.loginMode  .loginRight dl{
	padding:0; 
}
 .login  .loginleft dl dt,
 .loginMode  .loginRight dl dt{
	float:left;
	width:74px;
	padding:6px 0 3px 19px; 
	margin:8px 0 0 0;
	font:0/0 Arial;
}
.login  .loginleft dl dd,
.loginMode  .loginRight dl dd{
	float:left;
	width:159px;
	padding:0; 
	margin:8px 0 0 0;
	font:0/0 Arial;
}
.login  .loginleft dl dd input,
.loginMode  .loginRight dl dd input{
	width:135px;
	height:16px;
	padding:2px 3px 0 9px;
	font:11px/14px Dotum;
	color:#9296A3;
	border:1px solid #BAB0A8;
}
.login  .loginleft .ocxlogin,
.loginMode  .loginRight .ocxlogin{
	float:right;
	width:53px;
	margin:-21px 18px 0 0;
}
.login  .loginMode{
	width:777px;
	height:104px;
	padding:36px 0 0 69px;
	margin:180px 0 0 33px;
	overflow:hidden;
	font:0/0 Arial;
	background:url('../../../images/front/etc/bg_loginMode.gif') no-repeat left top;
}
.loginMode h2.loginleft{
	width:323px;
	padding:33px 0 23px 80px; 
	margin:0;
	font:0/0 Arial;
	background:url('../../../images/front/etc/bg_login.gif') no-repeat left top;
}
.loginMode .loginRight{
	float:left;
	width:320px;
	padding:0; 
	margin:0;	
}
/* BabySkopi */
.BabySkopi .titleBaby{
	width:740px;
	height:350px;
	padding:0;
	margin:0;
	font:0/0 Arial;
	background:url('../../../../web/images/front/etc/bg_babySkopi.gif') no-repeat left bottom;
}
.BabySkopi .titleBaby h4.floatL{
	float:left;
	width:168px;
	padding:0 0 0 33px;
	margin:61px 0 0 0;
}
.BabySkopi .titleBaby div.floatR{
	float:right;
	width:355px;
	padding:0 102px 0 0;
	margin:53px 0 0 0;
}
.BabySkopi .titleBaby div.floatR img{
	margin:0 0 15px 0;
	font:0/0 Arial;
}
.BabySkopi .titleBaby div.floatR img.txtBabySkopi{
	margin:13px 0 0 0;
	font:0/0 Arial;
}
div.btnFloatR{
	position:relative;
	top:265px;
 	left:402px;
 	width:50px;
	height:60px;
	float:right;
}
.serviceProcess{
	padding:0 0 0 10px;
	margin:16px 0 0 0;
	overflow:hidden;
	background:url('../../../../web/images/front/etc/bg_paperBottom02.gif') no-repeat left bottom;
 }
 .serviceProcess h4{
	padding:0 0 0 35px;
	margin:0;
	font:0/0 Arial;
}
.serviceProcess h4 img{
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	font:0/0 Arial;
	background:url('../../../../web/images/front/icon/icon_verBar03.gif') no-repeat right top;
 }
 .serviceProcess h4 img.bgNone{
	vertical-align:top;
	margin-top:3px;
	background:none;
 }
ul.processList{
	width:683px;
	overflow:hidden;
	padding:0 0 44px 28px;
	margin:24px 0 0 0;
}
ul.processList li{
	float:left;
	width:150px;
	list-style:none;
	padding:0 0 0 0;
	margin:0 13px 0 0;
	background:url('../../../../web/images/front/icon/icon_arrow04.gif') no-repeat right 40%;
}
ul.processList li.bgLeft{
	float:left;
	width:130px;
	list-style:none;
	padding:0 0 0 20px;
	margin:3px 0 0 13px;
	background:url('../../../../web/images/front/icon/icon_arrow04.gif') no-repeat left 40%;
}
ul.processList li.mgnL30{
	margin-left:31px;
	_margin-left:16px;
}
ul.processList li.bgNone{
	background:none;
}

/* SkopiShopPrint */
.shopView{
	width:713px;
	height:250px;
	padding:0 0 0 27px;
	margin:0;
	background:url('../../../../web/images/front/etc/bg_shopPrintTop.gif') no-repeat left top;
}
.shopView h4{
	padding:52px 0 9px 0;
	margin:0;
	font:0/0 Arial;
}
.shopView ul{
	padding:0;
	margin:14px 0 0 0;
	font:0/0 Arial;
}
.shopView li{
	list-style:none;
	padding:0 0 0 5px;
	margin:0 0 4px 0;
	font:0/0 Arial;
	background:url('../../../../web/images/front/icon/icon_arrow03.gif') no-repeat left 40%;
}
.shopView .floatL{
	float:left;
	width:420px;
	padding:0;
	margin:0;
}
.shopView .floatR{
	float:right;
	width:130px;
	padding:0 37px 0 0;
	margin:80px 0 0 0;
	text-align:center;
}
.shopView .floatR img{
	margin-bottom:6px
}
.shopViewInfo{
	width:740px;
	padding:17px 0 30px 0;
	margin:0;
	overflow:hidden;
	background:url('../../../../web/images/front/etc/bg_shopPrintBottom.gif') repeat-y left bottom;
}
.shopViewInfo ul{
	width:710px;
	padding:0;
	margin:0 0 0 25px;
	font:0/0 Arial;
}
.shopViewInfo li{
	float:left;
	width:122px;
	list-style:none;
	padding:0 20px 0 0;
	margin:0 0 22px 0;
	font:12px/14px Gulim;
	color:#696969;
}
.shopViewInfo li img{
	border:1px solid #C1C7CE;
	font:0/0 Arial;
}
.shopViewInfo li p{
	padding:0x;
	margin:4px 0 0 0;
	text-align:center;
}

/*  bdList  - common.css Add  */
div.total{
 	padding:0; 
	margin:43px 0 13px 0;
	font:12px/14px Gulim;
	color:#655656;
	overflow:hidden;
}
div.total span{
	float:left;
}
div.total img{
	float:left;
	vertical-align:-2px;
	margin-right:6px;
	font:0/0 Arial;
}
div.total img.imgMgn{
	padding:0; 
	margin:0 0 0 154px
}
ul.zoneName{
	float:right;
 	padding:0;
	margin:0 5px 0 0;
}
ul.zoneName li{
	float:left;
	list-style:none;
	padding:0 7px 0 5px;
	margin:0;
	font:12px/14px Gulim;
	color:#696969 ;
	background:url('../../../../web/images/front/icon/icon_verBar02.gif') no-repeat right top;
}
ul.zoneName li.last{
	background:none;
}
.SkopiShopPrint #bdList{
 	width:740px;
	padding:0;
	margin:0;
}
.SkopiShopPrint #bdList td {	
	padding:10px 0 6px 0;
	font:12px/14px Gulim;
	color:#696969 ;
}
.SkopiShopPrint #bdList tr.padT td{
	padding:9px 0 8px 0;
}
.SkopiShopPrint #bdList td img{
	vertical-align:middle;
	padding:0 0 0 3px;
	font:0/0 Arial;
}
.event{
	width:180px;
	padding:0;
	margin:0;
	font:0/0 Arial;
}