@charset "UTF-8";
@import url("base.css");
@import url("board.css");
@import url("Layout.css");
.npnm{
	padding:0;
	margin:0;
	font:0/0 Arial;
}
map{
	display:none;
}
.dispno{
	display:none;
}
.mt1{
	margin-top:1px  !important;
}
.mt2{
	margin-top:2px  !important;
}
.mt3{
	margin-top:3px  !important;
}
.mt4{
	margin-top:4px  !important;
}
.mt5{
	margin-top:5px  !important;
}
.mt6{
	margin-top:6px  !important;
}
.mt7{
	margin-top:7px  !important;
}
.mt8{
	margin-top:8px  !important;
}
.mt9{
	margin-top:9px  !important;
}
.mt10{
	margin-top:10px  !important;
}
.mt11{
	margin-top:11px  !important;
}
.mt12{
	margin-top:12px  !important;
}
.mt15{
	margin-top:15px  !important;
}
.mt20{
	margin-top:20px  !important;
}
.mr1{
	margin-right:1px  !important;
}
.mr2{
	margin-right:2px  !important;
}
.mr3{
	margin-right:3px  !important;
}
.mr4{
	margin-right:4px  !important;
}
.mr5{
	margin-right:5px  !important;
}
.mr6{
	margin-right:6px  !important;
}
.mr7{
	margin-right:7px  !important;
}
.mr8{
	margin-right:8px  !important;
}
.mr9{
	margin-right:9px  !important;
}
.mr10{
	margin-right:10px  !important;
}
.mr11{
	margin-right:11px  !important;
}
.mr12{
	margin-right:12px  !important;
}
.mr13{
	margin-right:13px  !important;
}
.mr14{
	margin-right:14px  !important;
}
.mr15{
	margin-right:15px  !important;
}
.mr16{
	margin-right:16px  !important;
}
.mL4{
	margin-left:4px  !important;
}
html,body {
	margin: 0;
	padding: 0;
}
form{
	margin: 0;
	padding: 0;
}
table{
	border-collapse:collapse;
}
#btnRig{
	width:768px;
	padding:15px 0 0 0;
	margin:0;
}
#btnRig img{
	float:right;
	margin-right:2px;
}
h1.footerLogo	{
	float:left;
	width:168px;
	padding:12px 0 0 12px;
	margin:0;
	font:0/0 Arial;
}
.titWarp{
	width:740px;
	margin:15px 0 0 0;
	padding:12px 0 0 0;
	overflow:hidden;
}
h3.shopTitle{
	float:left;
	padding:0;
	margin:0;
	font:0/0 Arial;
}
h3.shopTitleBg{
	float:left;
	padding:15px 0 7px 86px;
	margin:0;
	font:0/0 Arial;
	background:url('../../../images/front/common/stit_bgOrder.gif') no-repeat left top;
}
#ocxContent h3.shopTitle{
	float:left;
	padding:15px 0 15px 86px;
	margin:0;
	font:0/0 Arial;
	background:url('../../../images/front/common/stit_bgDetail.gif') no-repeat left top;
}
#ocxContainer h3.shopTitleBg{
	float:left;
	padding:15px 0 20px 86px;
	margin:0 0 0 12px;
	font:0/0 Arial;
	background:url('../../../images/front/common/stit_bgOrder.gif') no-repeat left top;
}
h3.shopTitleBg02{
	float:left;
	padding:0 0 0 23px;
	margin:0;
	font:0/0 Arial;
	background:url('../../../images/front/icon/icon_stit.gif') no-repeat left top;
}
h3.iconId{
	background:url('../../../web/images/front/common/icon_balloon.gif') no-repeat left top;
}
h3.stepGeneral{
	background:url('../../../../web/images/front/common/stit_bgId.gif') no-repeat left top;
}
h3.stepId{
	background:url('../../../../web/images/front/common/stit_bgId.gif') no-repeat left top;
}
h3.stepKeep{
	background:url('../../../web/images/front/common/stit_bgOrder.gif') no-repeat left top;
}
h3.setpRetouching{
	background:url('../../../images/front/common/stit_bgRetouching.gif') no-repeat left top;
}
h3.setpDesignP{
	background:url('../../../images/front/common/stit_bgDesignP.gif') no-repeat left top;
}
h3.setpDetail{
	background:url('../../../images/front/common/stit_bgDetail.gif') no-repeat left top;
}
h3.setpSelfOrder{
	background:url('../../../images/front/common/sstit_bgSelfOrder.gif') no-repeat left top;
}
.cont_gradation #ContentArea  .titWarp{
	padding:12px 0 0 22px;
}
.ptvisual{
	font:0/0 Arial;
	padding:0 0 0 22px;
}
.bdVisual{
	padding:0;
	margin:13px 0 0 0;
	font:0/0 Arial;
}
h3.noTictit{
	padding:12px 0 0 0;
	margin:15px 0 29px 0;
	font:0/0 Arial;
	overflow:hidden;
}
h4.orderTit{
	width:708px;
	padding:5px 0 18px 32px;
	margin:30px 0 0 0;
	font:0/0 Arial;
	overflow:hidden;
	background:url('../../../images/front/common/bg_OrderTot.gif') no-repeat left top;
}
h4.mt0{
	margin:0;
}
p.lineMap{
	float:right;
	width:365px;
	padding:0 8px 0 0;
	margin:2px 0 0 0;
	font:11px/14px Dotum;
	color:#8E8F8F;
	text-align:right;
}
p.lineMap span{
	color:#585858;
}
p.lineMap img { vertical-align:middle; }
img.allProduct{
	float:right;
}
/* paging */
#paging{
	clear:both;
	list-style:none;
	width:581px;
	padding:10px 0 0 0;
	margin:0;
	font:11px/12px Gulim;
	color:#8F8F8F;
	text-align:center;
}
#paging li{
	display:inline;
	font:11px/12px Gulim;
	color:#8F8F8F;
	padding:0 8px 0 0 ;
	margin:0;
}
#paging img{
	vertical-align:middle;
}
#paging li.on a{
	font-weight:bold;
	color:#EB7C22;
}
#paging strong { font-weight:bold; color:#FF6600; }
#paging li.imgFrist{padding:0; vertical-align:-3px;}
#paging li.imgPrev{padding:0 7px 0 0; vertical-align:-3px;}
#paging li.imgNext{padding:0; vertical-align:-3px; margin-left:-1px;}
#paging li.imgLast{padding:0; vertical-align:-3px;}
.boardList{
	width:740px !important;
	padding-top:15px !important;
}

.footerCen	 {
	float:left;
	width:510px;
	padding:17px 0 0 0;
	margin:0;
	font:0/0 Arial;
}
.footerCen ul.footerList	{
	height:20px;
	list-style:none;
	padding:0;
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
}
.footerCen ul.footerList li	{
	float:left;
	padding:4px 0 0 21px;
	margin:0;
}
.footerCen ul.footerList li.last	{
	padding-top:0;
	_margin-bottom:7px;
}
.footerCen ul.footerList li.addBar	{
	background:url('../../../../web/images/front/icon/icon_verBar.gif') no-repeat 12px 4px;
}
.footerCen p.addressInfo{
	padding:0 0 0 21px;
	margin:7px 0 0 0;
	font:0/0 Arial;
}
ul.etcInfo	{
	float:left;
	list-style:none;
	width:190px;
	padding:22px 0 0 0;
	margin:0;
	overflow:hidden;
	font:0/0 Arial;
}
ul.etcInfo li	{
	float:left;
	padding:0 10px 0 0;
	margin:0;
}

/* 테이블 */
#crAlbum {
	width:740px;
	padding:0;
	margin:0;
}
.bdBoard{
	border-bottom:1px solid #DFDDDC  !important;
}
#crAlbum th {
	font:0/0 Arial;
	padding:11px 0 9px 0;
	border-right:1px solid #DFDDDC;
	background:url('../../../images/front/photoPrint/main/bg_Tline.gif') repeat-x top left;
}
#crAlbum td {
	padding:8px 0 8px 0;
	font:12px/16px Gulim;
	color:#696969;
	text-align:center;
	word-break:nowrap;
	border-right:1px solid #DFDDDC;
	background:url('../../../images/front/common/bg_BoardTddot.gif') repeat-x top left;
}
#crAlbum td.bdno,#crAlbum th.bdno{
	border:none;
}
#crAlbum tr.bgno td{
	background:none;
}
#crAlbum td.timg{
	padding-top:8px;
	padding-bottom:8px;
}
#bdList td a{
	color:#696969;
}
#crAlbum td.left{
	text-align:left;
	padding-left:10px;
}
#crAlbum td.right{
	text-align:right;
	padding-right:10px;
}
/* 테이블 */
#bdList {
	width:740px;
	padding:0;
	margin:0;
}
.bdBoard{
	border-bottom:1px solid #DFDDDC  !important;
}
#bdList th {
	font:0/0 Arial;
	padding:10px 0 8px 0;
	border-right:1px solid #DFDDDC;
	background:url('../../../images/front/common/bg_BoardList.gif') repeat-x top left;
}
#bdList td {
	padding:8px 0 8px 0;
	font:12px/16px Gulim;
	color:#696969;
	text-align:center;
	word-break:nowrap;
	border-right:1px solid #DFDDDC;
	background:url('../../../images/front/common/bg_BoardTddot.gif') repeat-x top left;
}
#bdList td.bdno,#bdList th.bdno{
	border:none;
}
#bdList tr.bgno td{
	background:none;
}
#bdList td.timg{
	padding-top:8px;
	padding-bottom:8px;
}
#bdList td a{
	color:#696969;
}
#bdList td.left{
	text-align:left;
	padding-left:10px;
	padding-right:5px;
}
#bdList td.left02{
	text-align:left;
	padding-left:66px;
}
#bdList td.right{
	text-align:right;
	padding-right:10px;
}
.tbline{
	width:740px;
	background:url('../../../images/front/common/bg_TfooterLine.gif') repeat-x bottom left;
	padding:0 0 3px 0;
	margin:0;
}
.tbline02{
	width:902px;
	background:url('../../../images/front/common/bg_TfooterLine.gif') repeat-x bottom left;
	padding:0 0 3px 0;
	margin:0;
}
.tbline03{
	width:902px;
	background:url('../../../images/front/common/bg_TfooterLine.gif') repeat-x bottom left;
	padding:0 0 5px 0;
	margin:0;
}
span.colorR{
	color:#CD5E3F;
	font-weight:bold;
}
span.colorG{
	color:#696969;
	font-weight:bold;
}
.epvisual{
	font:0/0 Arial;
	padding:0 0 22px 0;
	margin:0;
}
#contBoard {
	width:740px;
	padding:0;
	margin:0;
}

#contBoard th {
	font:0/0 Arial;
	padding:10px 0 8px 0;
	background:url('../../../images/front/common/bg_contDatath.gif') no-repeat top right;
}
#contBoard td {
	padding:8px 0 8px 0;
	font:12px/16px Gulim;
	color:#696969;
	text-align:center;
	word-break:nowrap;
	background:url('../../../images/front/common/bg_contDatatop.gif') no-repeat top right;
}
#contBoard td.t_off{
	border-right:1px solid #DFDDDC;
	background:url('../../../images/front/common/bg_contDot.gif') repeat-x top right #fff;
}
#contBoard td.t_on{
	background:url('../../../images/front/common/bg_contDatatop_on.gif') no-repeat top right;
}
#contBoard td.t_off_on{
	border-right:1px solid #DFDDDC;
	background:url('../../../images/front/common/bg_contDot.gif') repeat-x top right #FAFAFA;
}
#contBoard td.t_off_r{
	background:url('../../../images/front/common/bg_contDot.gif') repeat-x top right ;
}
#contBoard td.t_off_on_r{
	background:url('../../../images/front/common/bg_contDot.gif') repeat-x top right #FAFAFA;
}
#contBoard td.right{
	text-align:right;
	padding-right:29px;
}
#contBoard th.bg_off{
	background:url('../../../images/front/common/bg_contDatathl.gif') repeat-x top right #FAFAFA;
	border-right:1px solid #DFDDDC;
}
#contBoard th.bg_off_r{
	background:url('../../../images/front/common/bg_contDatathl.gif') repeat-x top right #FAFAFA;
}
.tdnoBg td{
	background:none !important
	border-right:1px solid #DFDDDC !important;
}
.tdnoBg td.bdno{
	border:none !important;
}
/* ocx 테이블 */
#obdList {
	width:902px;
	padding:0;
	margin:0;
	/*border-bottom:1px solid #DFDDDC;*/
}
#obdList th {
	font:bold 12px/12px "gulim, Arial";
	color:#636363;
	padding:9px 0;
	background:url('/web/images/front/common/bg_BoardList04.gif') repeat-x top right;
}
#obdList th.last {
	background:url('/web/images/front/common/bg_BoardList04.gif') repeat-x top left;
}
#obdList td {
	padding:10px 0 8px 0;
	font:12px/16px Gulim;
	color:#696969;
	text-align:center;
	background:url('/web/images/front/common/bg_BoardTddot.gif') repeat-x bottom left;
}
#obdList tr td.bdno,
#obdList tr th.bdno {
	background-position:left;
}
#obdList tr.bgno td{
	background:none;
}
#obdList td.timg{
	padding-top:8px;
	padding-bottom:7px;
}
#obdList td .edit{
	padding:0 0 0 8px;
	vertical-align:0;
}
#obdList td a{
	color:#696969;
}
#obdList td.left{
	text-align:left;
	padding-left:10px;
}
#obdList tr.line td{
	background:none !important;
}
#obdList input.checkbox{
	display:block;
	border:none;
	height:11px;
	width:11px;
	border:none;
	margin:-2px auto 0 auto !important;
	padding:0;
}
#obdList td.ele{
	padding-top:6px;
	padding-bottom:5px;
}
#obdList tr.total td{
	padding:11px 0 13px 0;
	text-align:right;
	/*border-top:1px solid #DFDDDC;*/
	background:url('/web/images/front/common/bg_TotalLine.gif') repeat-x bottom left;
}
#obdList tr.total td strong{
	
}
#obdList tr.total td span.premium{
	float:right;
	color:#E65101;
	margin-left:15px;
}
#obdList tr td span.event{
	display:inline;
	font:11px dotum;
	color:#E65101;
	margin-left:3px;
}
#obdList tr td img{
	vertical-align:middle;
}
.tbLineNo {
	border:none !important;
}
#obdList tr td.saleArea { background:#F8F8F8; }
/* ocx table end  */
p.total{
 	width:740px;
	padding:0;
	margin:0 0 12px 0;
	font:12px/14px Gulim;
	color:#696969;
	overflow:hidden;
}
p.total img{
	vertical-align:-2px;
	margin-right:6px;
}
p.total span{
	float:left;
	padding:0;
	margin:0;
}
p.total span.quantity{
	float:left;
	padding:0 0 0 20px;
	margin:0;
}
p.total span.Money{
	float:left;
	padding:0 41px 0 40px;
	margin:0;
}
p.total span.totalPrice{
	float:right;
	padding:0 20px 0 0;
	margin:0;
}

.PrderData,.tdall_R{
	border:none !important;
}
.PrderData th,.tdall_R th{
	padding:11px 0 9px 0 !important;
	background:url('../../../images/front/common/bg_ProDuctData.gif') repeat-x bottom left !important;
}
.PrderData td,.tdall_R td{
	text-align:right !important;
	padding:8px 20px 8px 0 !important;
	border-right:1px solid #E3E1E1 ;
	background:url('../../../images/front/common/bg_BoardTddot.gif') repeat-x top left ;
}
.PrderData td.cbdrno,
.tdall_R td.cbdrno{
	border-right:none;
	text-align:center !important;
	padding-right:0 !important;

}
.PrderData td.left,.tdall_R td.left{
	text-align:left !important;
	padding-right:0 !important;
	padding-left:20px !important;
}
.PrderData tr.line td,
.tdall_R tr.line td{
	border-top:1px solid #E3E1E1 !important;
	background:none !important;
}
.tdatawarp{
	width:740px;
	padding:0 0 4px 0;
	margin:0;
	background:url('../../../images/front/common/bg_Tdataline.gif') repeat-x bottom left;
}
/*

/* search box */
.searchForm{
	width:740px;
	padding:24px 0 0 0;
	margin:8px 0 0 0;
	font:0/0 Arial;
	background:url('../../../images/front/common/bg_SearchLineBa.gif') repeat-x left top;

}
.searchForm select,.searchForm img,.searchForm input{
	float:left;
}
.searchForm select{
	width:72px;
	margin-right:5px;
}
.searchForm  input{
	width:127px;
	margin-right:7px;
}
img.btnsearch{
	margin-right:4px;
}
img.btnfirst{

}

/* 게시판 뷰화면 */
/*-------boardView------------*/

dl.boardView {
	width:722px;
	overflow:hidden;
	padding:6px 0 12px 18px;
	margin:0 0 0 0;
	background:url('../../../images/front/common/bg_BoardList02.gif') repeat-x top left;
}
dl.boardView dt{
	float:left;
	width:400px;
	padding:0;
	margin:10px 0 0 0;
	font:12px/14px Gulim;
	color:#333333;
}
dl.boardView dd{
	float:right;
	width:300px;
	font:12px/14px Dotum;
	color:#8F8F8F;
	padding:0;
	margin:9px 0 0 0;
	text-align:right;
}
dl.boardView dd img{
	vertical-align:-4px;
}
dl.boardView dd span{
	margin-left:10px;
	margin-right:10px;
}
dl.boardView02 {
	width:720px;
	overflow:hidden;
	padding:0 0 0 20px;
	margin:10px 0 0 0;
}
dl.boardView02 dt{
	float:left;
	width:51px;
	padding:0;
	margin:0;
	font:12px/14px Gulim;
	color:#333333;
}
dl.boardView02 dd{
	float:left;
	width:155px;
	font:12px/14px Dotum;
	color:#8F8F8F;
	padding:1px 0 0 0;
	margin:0;
}

/* 덧글 */
ul.ripple{
	list-style:none;
	width:689px;
	padding:2px 0 9px 9px;
	margin:10px 0 0 20px;
	border:1px solid #E8E8E8;
	background:#F4F5F9;
}
ul.ripple li{
	width:680px;
	padding:0;
	margin:0;
	vertical-align:top;
	overflow:hidden;
	background:url('../../../images/front/common/bg_Rippleba.gif') repeat-x top left;
}
ul.ripple li.first{
	background:none;
}
ul.ripple li h4 {
	float:left;
	width:86px;
	padding:11px 0 8px 10px;
	margin:0;
	font:12px/14px Gulim;
	color:#545450;
}
ul.ripple li p{
	float:left;
	width:568px;
	padding:11px 0 8px 0;
	margin:0;
	font:12px/14px Gulim;
	color:#727272;
}
ul.ripple li p span{
	font:11px/12px Gulim;
	color:#AAAAAA;
	margin-left:6px;
}
ul.ripple li p img{
	margin-left:7px;
	vertical-align:-2px;
}
ul.ripple li.writeForm{
	background:none;
	padding-top:15px;
	padding-left:0;
	padding-right:0;
	margin:0;
	font-size:1px;
}
ul.ripple li.writeForm textarea{
	float:left;
	width:620px;
	height:28px;
	padding:5px;
	font:11px/12px Gulim;
	color:#727272;
	margin:0;
	border:1px solid #C7C7C7;
}
ul.ripple li.writeForm img{
	float:right;
	font-size:1px;
	margin:0;
	padding:0;
}
p.ripplenum{
	width:702px;
	height:;
	padding:0 0 0 18px;
	margin:9px 0 0 20px;
	font:12px/14px Dotum;
	color:#FD8739;
	background:url('../../../images/front/icon/icon_Ripplenum.gif') no-repeat 0 1px;
}
p.ripplenum strong{
	border-bottom:1px solid #FEC39C;
}
div.userTxt{
	width:701px;
	min-height:100px;
	_heihgt:100px;
	padding:36px 20px 36px 19px;
	margin:0;
	font:12px/20px Gulim;
	color:#8F8F8F;
	background:url('../../../images/front/common/bg_BoardTddot.gif') repeat-x bottom left;
}
div.alignCenter{
	text-align:center;
	background:none;
}
/* 버튼 정렬 */
.btn_Rig{
	width:740px;
	padding:24px 0 0 0;
	margin:7px 0 0 0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_btnBa.gif') repeat-x top left;
}
.btn_Rig02{
	width:740px;
	padding:6px 0 0 0;
	margin:7px 0 0 0;
}
.btn_R{
	width:902px;
	padding:13px 0 0 0;
	margin:7px 0 0 0;
}
.btn_R02{
	width:740px;
	text-align:right;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.btn_Rig02 img,
.btn_Rig img,
.btn_R img,
.btn_R_bg img{
	float:right;
	margin-right:4px;
}
.btn_Rig02 img.last,
.btn_Rig img.last,
.btn_R img.last,
.btn_R_bg img.last{
	margin-right:0;
}
.btn_LR{
	width:740px;
	padding:24px 0 0 0;
	margin:7px 0 0 0;
}
.btn_LR img.imgleft{
	float:left;
}
.btn_LR img.imgRight{
	float:right;
}
.btn_R_bg{
	width:902px;
	padding:25px 0 0 0;
	margin:7px 0 0 0;
	font:0/0 Arial;
	background:url('../../../images/front/common/bg_btnBa.gif') repeat-x top left;
}

.datawarp{
	width:740px;
	overflow:hidden;
	padding:0;
	margin:0;
}
.datawarp h4{
	width:319px;
}
.datawarp .left,
.datawarp .Right{
	width:350px;
	background:url('../../../images/front/common/bg_DataFooterline.gif') repeat-x bottom left;
	padding:0 0 4px 0;
}
.datawarp .left{float:left;}
.datawarp .Right{float:right;}


.datawarp ul{
	list-style:none;
	width:350px;
	padding:0;
	margin:0;
	background:url('../../../images/front/common/bg_Dataline02.gif') no-repeat top left;
}
.datawarp ul li{
	width:350px;
	padding:0;
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
	background:url('../../../images/front/common/bg_Dataline.gif') repeat-x top left;

}
.datawarp ul li.line{
	border-top:1px solid #DFDDDC;
	background:none;
}
.datawarp ul li.adress{
	padding:10px 0 10px 0;
}
.datawarp ul li.first{
	background:none;
}

.datawarp ul li h5{
	float:left;
	width:94px;
	font:0/0 Arial;
	padding:13px 0 9px 6px;
	margin:0;
}
.datawarp ul li p{
	float:left;
	width:230px;
	padding:10px 0 6px 19px;
	margin:0;
	font:12px/16px Gulim;
	color:#696969;
}
.datawarp ul li span.days{
	float:left;
	font:12px/16px Gulim;
	color:#696969;
	margin:8px 0 0 0;
	padding:0 13px 0 20px;
}
.datawarp ul li .receipts{
	float:left;
	margin:6px 0 0 20px;
}

/* ocx 결제완료 */
.completion{
	width:902px;
	padding:0 0 31px 0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_CompFooter.gif') no-repeat bottom left;
 }
.completion .topimg{
	width:872px;
	padding:0 30px 0 0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_CompTop.gif') no-repeat top left;
}
.completion h3.ok{
	float:left;
	width:243px;
	height:60px;
	padding:15px 0 0 155px;
	margin:37px 0 0 0;
	font:0/0 Arial;
	background:url('../../../images/front/common/bg_Ok.gif') no-repeat 88px 0;
}
.completion ul.compdata{
	float:right;
	list-style:none;
	width:420px;
	padding:0;
	margin:25px 0 0 0;
	background:url('../../../images/front/common/bg_oDataline02.gif') no-repeat top left;
}
.completion ul.compdata li{
	width:420px;
	padding:0;
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
	background:url('../../../images/front/common/bg_Dataline.gif') repeat-x bottom left;
}
.completion ul.compdata li.first{
	padding-top:1px;
}
.completion ul.compdata li.last{
	background:url('../../../images/front/common/bg_Datalinelast.gif') no-repeat bottom left;
}
.completion ul.compdata li h4{
	float:left;
	width:79px;
	font:0/0 Arial;
	padding:11px 0 9px 14px;
	margin:0;
}
.completion ul.compdata li div{
	float:left;
	width:328px;
	padding:0;
	margin:0;
	overflow:hidden;
}
.completion ul.compdata li p{
	float:left;
	width:300px;
	padding:8px 0 6px 19px;
	margin:0;
	font:12px/16px Gulim;
	color:#696969;
}
/* 주문완료 */
.completion02{
	width:902px;
	padding:0 0 31px 0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_CompFooter02.gif') no-repeat bottom left;
}
.completion02 .topimg{
	width:872px;
	padding:0 30px 0 0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_CompTop02.gif') no-repeat top left;
}
.completion02 h3.ok{
	float:left;
	width:215px;
	height:60px;
	padding:96px 0 0 74px;
	margin:69px 0 0 0;
	font:0/0 Arial;
	background:url('../../../images/front/common/bg_Ok.gif') no-repeat 155px 0;
}
.completion02 ul.compdata{
	float:right;
	list-style:none;
	width:483px;
	padding:0;
	margin:25px 0 0 0;
	background:url('../../../images/front/common/bg_oDataline02.gif') no-repeat top left;
}
.completion02 ul.compdata li{
	width:483px;
	padding:0;
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
	background:url('../../../images/front/common/bg_Dataline.gif') repeat-x bottom left;
}
.completion02 ul.compdata li.first{
	padding-top:1px;
}
.completion02 ul.compdata li.last{
	background:url('../../../images/front/common/bg_Datalinelast.gif') no-repeat bottom left;
}
.completion02 ul.compdata li h4{
	float:left;
	width:79px;
	font:0/0 Arial;
	padding:11px 0 9px 14px;
	margin:0;

}
.completion02 ul.compdata li.line{
	background:none;
	border-bottom:1px solid #dddddd;
}
.completion02 ul.compdata li div.rwarp{
	float:left;
	width:369px;
	padding:8px 0 11px 19px;
	margin:0;
	overflow:hidden;
}
.completion02 ul.compdata li div.rwarp p{
	margin:0;
	padding:0 0 7px 0;
}
.completion02 ul.compdata li p{
	float:left;
	width:369px;
	padding:8px 0 6px 19px;
	margin:0;
	font:12px/16px Gulim;
	color:#696969;
}
/* 결제완료 */
.completion03{
	width:740px;
	padding:0 0 31px 0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_CompFooter03.gif') no-repeat bottom left;
 }
.completion03 .topimg{
	width:727px;
	padding:0 30px 0 0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_CompTop03.gif') no-repeat top left;
}
.completion03 h3.ok{
	float:left;
	width:223px;
	height:60px;
	padding:15px 0 0 103px;
	margin:37px 0 0 0;
	font:0/0 Arial;
	background:url('../../../images/front/common/bg_Ok.gif') no-repeat 35px 0;
}

.completion03 ul.compdata{
	float:right;
	list-style:none;
	width:320px;
	padding:0 0 0 0;
	margin:25px 35px 0 0;
	_margin:25px 18px 0 0;
	background:url('../../../images/front/common/bg_oDataline02.gif') no-repeat top left;
 }
.completion03 ul.compdata li{
	width:320px;
	padding:0;
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
	background:url('../../../images/front/common/bg_Dataline.gif') repeat-x bottom left;
}
.completion03 ul.compdata li.first{
	padding-top:1px;
}
.completion03 ul.compdata li.last{
	background:url('../../../images/front/common/bg_Datalinelast.gif') no-repeat bottom left;
}
.completion03 ul.compdata li h4{
	float:left;
	width:79px;
	font:0/0 Arial;
	padding:11px 0 9px 14px;
	margin:0;
}
.completion03 ul.compdata li p{
	float:left;
	width:204px;
	padding:8px 0 6px 19px;
	margin:0;
	font:12px/16px Gulim;
	color:#696969;
}
/* 주문완료 */
.completion04{
	width:740px;
	padding:0 0 31px 0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_CompFooter04.gif') no-repeat bottom left;
}
.completion04 .topimg{
	width:710px;
	padding:0 30px 0 0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_CompTop04.gif') no-repeat top left;
}
.completion04 h3.ok{
	float:left;
	width:178px;
	height:60px;
	padding:96px 0 0 27px;
	margin:69px 0 0 0;
	font:0/0 Arial;
	background:url('../../../images/front/common/bg_Ok.gif') no-repeat 102px 0;
}
.completion04 ul.compdata{
	float:right;
	list-style:none;
	width:435px;
	padding:0;
	margin:25px 0 0 0;
	background:url('../../../images/front/common/bg_oDataline02.gif') no-repeat top left;
}
.completion04 ul.compdata li{
	width:435px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font:0/0 Arial;
	overflow:hidden;
	background:url('../../../images/front/common/bg_Dataline.gif') repeat-x bottom left;
}
.completion04 ul.compdata li.first{
	padding-top:1px;
}
.completion04 ul.compdata li.last{
	background:url('../../../images/front/common/bg_Datalinelast.gif') no-repeat bottom left;
}
.completion04 ul.compdata li h4{
	float:left;
	width:79px;
	font:0/0 Arial;
	padding:11px 0 9px 14px;
	margin:0;
}
.completion04 ul.compdata li.line{
	background:none;
	border-bottom:1px solid #dddddd;
}
.completion04 ul.compdata li div.rwarp{
	float:left;
	width:302px;
	padding:8px 0 11px 19px;
	margin:0;
	overflow:hidden;
}
.completion04 ul.compdata li div.rwarp p{
	margin:0;
	padding:0 0 7px 0;
}
.completion04 ul.compdata li p{
	float:left;
	width:302px;
	padding:8px 0 6px 19px;
	margin:0;
	font:12px/16px Gulim;
	color:#696969;
}



.datawarp ul li.first h5{padding-top:12px;padding-bottom:8px;}
.datawarp ul li.first p{padding-top:9px;padding-bottom:5px;}
dl.productorder{
	width:740px;
	height:40px;
	padding:0;
	margin:19px 0 30px 0 ;
	overflow:hidden;
	background:url('../../../images/front/common/bg_condition.gif') no-repeat left top;
}
dl.productorder02{
	width:740px;
	height:61px;
	padding:0;
	margin:19px 0 30px 0 ;
	overflow:hidden;
	background:url('../../../images/front/common/bg_condition02.gif') no-repeat left top;
}
dl.productorder dt{
	float:left;
	font:0/0 Arial;
	padding:0 0 0 20px;
	margin:14px 0 0 0;
}
dl.productorder dd{
	float:left;
	font:0/0 Arial;
	padding:0;
	margin:13px 0 0 0;
	font:12px/14px Gulim;
	color:#777778;
}
dl.productorder dt.size01{width:39px}
dl.productorder dd.size02{width:217px}
dl.productorder dt.size03{width:51px}
dl.productorder dd.size04{width:211px}
dl.productorder dt.size05{width:29px}
dl.productorder dd.size06{width:113px}
dl.productorder dd.size06 span{
	float:left;
	margin:0 6px 0 0;
}
dl.productorder dd.size06 img{
	float:left;
	margin:-1px 0 0 0;
}
dl.productorder dt.size07{width:57px;margin-top:12px;}
dl.productorder dd.size08{width:350px}

ul.orderGuide{
	list-style:none;
	width:740px;
	padding:3px 0 30px 0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_ShoppingBag.gif') no-repeat left top;
}
ul.orderGuide li{
	float:right;
	width:583px;
	padding:4px 0 0 0;
	font:0/0 Arial;
}
ul.noOrder{
	padding:10px 0 35px 0;
	margin:5px 0 0 0;
}
.noOrder02{
	paddin0;
	margin:0 0 10px 0;
	font:0/0 Arial;
}
.noOrder02 .img01{
	padding:0 312px 0 0 ;
}
/** OCX **/
.oTwarp{
	width:902px;
	padding:0;
	margin:0;
	overflow:hidden;
}
#stitOcx{
	width:600px;
	height:50px;
	padding:15px 0 0 86px;
	margin:0;
	font:0/0 Arial;
	overflow:hidden;
}

h2.setp1,
h2.setp2,
h2.setp3,h2.setp4{
	float:left;
	width:330px !important;
}
h2.setp1{
	background:url('../../../images/front/common/stit_setp.gif') no-repeat left top;
}
h2.setp2{
	background:url('../../../images/front/common/stit_setp02.gif') no-repeat left top;
}
h2.setp3{
	background:url('../../../images/front/common/stit_setp03.gif') no-repeat left top;
}
h2.setp4{
	background:url('../../../images/front/common/stit_setp04.gif') no-repeat left top;
}

h2.stepKeep{
	background:url('../../../images/front/common/stit_bgOrder.gif') no-repeat left top;
}
h2.stepId{
	background:url('../../../images/front/common/stit_stepId.gif') no-repeat left top;
}
h2.setpRetouching{
	background:url('../../../images/front/common/stit_bgRetouching.gif') no-repeat left top;
}
h2.setpDesignP{
	background:url('../../../images/front/common/stit_bgDesignP.gif') no-repeat left top;
}
h2.setpDetail{
	background:url('../../../images/front/common/stit_bgDetail.gif') no-repeat left top;
}
h2.setpSelfOrder{
	background:url('../../../images/front/common/sstit_bgSelfOrder.gif') no-repeat left top;
}



h3.ocxstit{
	clear:both;
	width:870px;
	padding:6px 0 17px 32px;
	margin:30px 0 0 0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_OrderTot02.gif') no-repeat left top;
}
h3.first{
	margin-top:0;
}
#orderguide{
	width:902px;
	padding:0;
	margin:29px 0 0 0;
}
#orderguide ul{
	list-style:none;
	float:right;
	width:893px;
	margin:9px 0 0 0;
	padding:0 0 0 0;
}
#orderguide ul li{
	float:right;
	width:716px;
	margin:0;
	padding:5px 0 6px 26px;
	list-style:none;
	font:0/0 Arial;
	background:url('../../../images/front/common/bg_GuideList.gif') no-repeat left top;
}
#orderguide02{
	width:902px;
	padding:0;
	margin:29px 0 0 0;
	overflow:hidden;
}
#orderguide02 dl{
	float:right;
	width:893px;
	margin:9px 0 0 0;
	padding:0 0 10px 0;
}
#orderguide02 dl dt{
	float:right;
	width:771px;
	padding:15px 0 0 0;
	margin:0;
	font:0/0 Arial;
}
#orderguide02 dl dt{
	margin-top:-6px;
}
#orderguide02 dl dd{
	float:right;
	width:771px;
	padding:7px 0 0 0;
	margin:0;
	font:0/0 Arial;
}
#orderguide dl{
	float:right;
	width:880px;
	margin:9px 0 0  0;
	padding:2px 0 8px 0;
	background:url('../../../images/front/common/img_visual02.gif') no-repeat left top;
}
#orderguide dl dt{
	float:right;
	width:758px;
	padding:7px 0 0 0;
	margin:0;
	font:0/0 Arial;
}
#orderguide dl dd{
	float:right;
	width:778px;
	padding:5px 0 0 0;
	margin:0;
	font:0/0 Arial;
}
#orderguide ul.vimg01{
	background:url('../../../images/front/common/bg_Visual01.gif') no-repeat left top;
}
#orderguide ul.vimg02{
	background:url('../../../images/front/common/bg_Visual10.gif') no-repeat left top;
}
#orderguide ul.vimg03{
	float:left;
	width:803px;
	padding:0 0 0 17px;

}
#orderguide ul.vimg03 li{
	float:left;
}
.bg_visual01{
	height:81px;
	background:url('../../../images/front/common/bg_Visual.gif') no-repeat left top;
}
.bg_visual02{
	height:81px;
	margin-top:0 !important;
	background:url('../../../images/front/common/bg_Visual02.gif') no-repeat left top;
}
.bg_visua03{
	height:81px;
	margin-top:0 !important;
	background:url('../../../images/front/common/bg_Visual09.gif') no-repeat left top;
}
.bg_visua03 dl{
	background:url('../../../images/front/common/img_visual01.gif') no-repeat left top !important;
}
.bg_visual04{
	height:39px;
	background:url('../../../images/front/common/bg_Visual10.gif') no-repeat left top;
}
#bdList th.left01{
	width:127px;
	padding:0px 0 0 8px;
	margin:0;
	text-align:left;
	border-right:1px solid #DFDDDC;
	background:url('../../../images/front/icon/icon_circle.gif') no-repeat left 50%;
}
#bdList th.left02{
 	padding:6px 0 6px 8px;
	margin:0 0 0 0;
	text-align:left;
	border:none;
	background:url('../../../images/front/icon/icon_circle.gif') no-repeat left 50%;
}
#bdList td.rightBgNone{
	text-align:left;
	padding:8px 0 8px 10px;
	margin:0;
	color:#797975;
	border:none;
	background:none;
}
#bdList td.rightBrd{
 	padding:0px 0 0px 8px;
	margin:0 0 0 0;
	text-align:left;
	border:none;
	border-right:1px solid #D8DDE2;
	background:none;
}
#bdList td.mgnR{
 	padding:6px 0 6px 8px;
	margin:0 0 0 0;
	text-align:left;
	border:none;
	background:none;
}
#bdList td.footLine{
	width:100%;
	height:34px;
	padding:0;
	margin:0;
	border:none;
	background:url('../../../images/front/common/bg_DataFooterline.gif') repeat-x bottom left;
}
.filewarp{
	float:left;
	width:404px;
	overflow:hidden;
	padding:0;
	margin:0;
}
span.filehidden{
	display:block;
	overflow:hidden;
	width:69px;
	height:19px;
	background:url('../../../images/front/btn/btn_FileSearch.gif') no-repeat top left;
}
.file{
	width:0;
	height:20;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	cursor:pointer;
}
.noticeVisualtxt{
	list-style:none;
	width:740px;
	padding:7px 0 0 0;
	margin:0;
	overflow:hidden;
	background:url('../../../images/front/common/bg_visual05.gif') no-repeat top left;
}
.noticeVisualtxt li{
	float:right;
	width:610px;
	font:0/0 Arial;
	padding:0 0 26px 13px;
	margin:15px 0 0 0;
}
.flashTotalView{
	position:absolute;
 	top:180px;
	width:919px;
	height:392px;
	z-index:98;
	margin:0 auto;
}
.btnTotalView{
	vertical-align:middle;
}

/* 2008. 11. 10 default Font 추가 */
.f_B 			{ font-weight:bold }
.f_Orange 		{ color:#FF6600; }
.f_Red 			{ color:#FF3300; }
.f_Blue 		{ color:#0072BC; }


/* 2009. 1. 7 RoundBox 추가 */
.rndBox15 {
	position:relative;
	padding:16px;
	margin:1px;
	border:1px solid #D2D2D2;
	}
	.rndBox15 .lt { position:absolute; width:15px; height:15px; top:-1px; left:-1px; background:url('/web/images/front/common/rnd_15px.gif') no-repeat left top; }
	.rndBox15 .rt { position:absolute; width:15px; height:15px; top:-1px; right:-1px; background:url('/web/images/front/common/rnd_15px.gif') no-repeat right top; }
	.rndBox15 .lb { position:absolute; width:15px; height:15px; bottom:-1px; left:-1px; background:url('/web/images/front/common/rnd_15px.gif') no-repeat left bottom; }
	.rndBox15 .rb { position:absolute; width:15px; height:15px; bottom:-1px; right:-1px; background:url('/web/images/front/common/rnd_15px.gif') no-repeat right bottom; }

/* 2010. 4. 16 추가 */
.fr { float:right; }
.fl { float:left; }

/* 2010. 5. 24 추가 */
.disabled { filter:alpha(opacity=30); }

.smallFont { font-size:11px; letter-spacing:-1px; }