@charset "UTF-8";
/*////////////////////////////////////////////////////////////
UNIQLO - L4-popup.css

Copyright (C) UNIQLO Co., Ltd. All Rights Reserved.
------------------------------------------------------------

	1. Common Style
	2. Primary Content
		2-1.






	99. Others

////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	1. Common Style
   ------------------------------------------------------------ */

/*  1-1. Main Layout
   ------------------------------------------------- */
.layerPopup {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	z-index:10;
}
.layerPopup iframe {
	display:block;
	padding:0;
	border:0;
	margin:0;
}
.wrapPopup{
	border:solid 1px #333;
	text-align:left;
	position:relative;
}

.btnClose{
	position:absolute;
	top:25px;
	right:26px;
}

.popupList{
	margin:0 24px 18px;
	font:normal 12px/1.8 '돋움', Dotum, sans-serif;
}

.popupList li{
	/*background:transparent url(http://image.uniqlo.kr/uq/images/common/ico-bullet-01.gif) no-repeat scroll 2px 7px;*/
	/*font-size:77%;*/
	/*padding-left:15px;*/
	/*margin-bottom:10px;*/ /* 20100512 */
	padding-left:7px; /* 20100512 */
	background:url(http://image.uniqlo.kr/uq/images/common/ico-bullet-01.gif) no-repeat 0 7px; /* 20100512 */
}

.selectList li { float:left; padding-left:15px; width:215px;} /* 20100512 */
.selectList li input { vertical-align:middle;} /* 20100512 */
.selectList li.clear { clear:both; width:445px;} /* 20100512 */

.wrapPopup h1{
	margin-bottom:13px;
	height:14px;
}

.wrapPopup .popTit {
	padding:24px 24px 7px;
	margin-bottom:13px;
	height:14px;
	border-bottom:1px solid #dcdcdc;
	display:block
}/* 201303 통합테스트1차 수정 */

.wrapPopup .popupP{
	margin-bottom:13px;
	font-size:77%;
	line-height:1.8em;
}

.wrapPopup .popupP01{
	margin:0 0 13px 24px;
	/* font-size:77%; */
	font-size:11px;
	line-height:1.8em;
}


/* ------------------------------------------------------------
	2.
   ------------------------------------------------------------ */

/*--w01--*/
#w01{
	width:640px;
	padding-bottom:24px;
}

#w01 #Popup{
	/*margin:24px;*/
}

#w01 h1{
	border-bottom:solid 1px #DCDCDC;
	padding-bottom:5px;
}

#w01 h2{
	line-height:1.3em;
}

#w01 .itemTxt {
	line-height:1.3em;
	margin-left:24px;
}

#labBox{
	margin:20px 0 10px;
}

#labBox01 {
	margin:20px 0 10px 24px;
}

#w01Lab{
	margin-right:10px;
}

#w01St{
	margin-top:2px;
}

#leftB{
	float:left;
	width:317px;
	height:317px;
}

#leftB01{
	float:left;
	/*width:317px;
	height:317px;*/
	margin-left:24px;
	/* _margin-left:11px; 201303 삭제*/
}

#leftB01 #bigimg {
	width:317px;
	height:317px;
}

/*
#rightB{
	float:right;
	width:248px;
	position:relative;
}
*/
#rightB{
	float:right;
	width:248px;
	position:relative;
	margin-right:24px;
	/* _margin-right:11px; 201303 삭제*/
}


#rightB #imgR{
	position:absolute;
	right:0px;
	top:1px;
}

#rightB p{
	border-bottom:solid 1px #DCDCDC;
	padding-bottom:5px;
}

#rightB p img{
	text-align:right;
}

#rightB .imgP{
	margin:10px 0;
}

.rightPt{
	margin-top:30px;
}

.popupList01 li{
	background:transparent url(http://image.uniqlo.kr/uq/images/common/ico-bullet-01.gif) no-repeat scroll 2px 7px;
	font-size:77%;
	line-height:1.8em;
	padding-left:15px;
	margin-bottom:10px;
} /* 201303 수정 */
.pagerl4{/* 0px; 201303 삭제*/
	float:left;
}

.pagerl4 .pagerLeft{
	float:left;
	margin-right:10px;
}

.pagerl4 .pagerNum{
	float:left;
}

.pagerl4 .pagerNum a{
	margin-right:7px;
}

.pagerl4 .pagerRight{
	float:left;
	margin-left:10px;
}

.pagerl4_rightBtn{
	padding:20px 10px;
	float:right;
}














/*--w02--*/
#w02{
	width:542px;
}

#w02 #Popup{
	/*margin:24px;*/
	
}

#w02 .wrapPopup {padding-bottom:24px;}

#w02Rdbox{
	width:492px;
	background:#f5f5f5;
	padding:15px 0;
	font:normal 12px dotum;
	margin-left:24px;
	overflow:hidden;
}

#w02 .btnLink{
	text-align:right;
	margin:13px 24px 0 0;
}

#w02 .btnLink a{
	margin-left:13px;
}

#w02 .btn_l{
	float:left;
	width:230px;
	padding-left:30px;
	margin-bottom:5px;
}

#w02 .btn_r{
	float:right;
	width:210px;
	margin-bottom:5px;
}

/*--w03--*/
#w03{
	width:472px;
	padding-bottom:24px;
}

#w03 #Popup{
	/*margin:24px;*/
}

#w03Rdbox{
	width:420px;
	background:#f5f5f5;
	text-align:center;
	padding:10px 0;
}

#w03Rdbox01{
	width:420px;
	background:#f5f5f5;
	text-align:center;
	padding:10px 0;
	margin-left:24px;
}

/*--w04--*/
#w04{
	width:611px;
}

#w04 #Popup{
	margin:24px 24px 0;
}


#w04 table{
	width:561px;
	border-top:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	margin-bottom:13px;
}

#w04 table td{
	border-right:solid 1px #dcdcdc;
	padding:4px 0;
}

#w04 table td span{
	padding-left:10px;
}

#w04 table td.btL{
	border-right:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
}



#w04 table .lefT{
	border-right:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
	width:150px;
	background:#f5f5f5;
	font-size:95%;
	font-weight:bold;

}


#w04 table .lefT02{
	width:150px;
	/* background: 201303 삭제*/
	/* padding:20px 1#f5f5f5; 201303 삭제*/
	border-bottom:none;
	font-size:95%;
	font-weight:bold;
}

#w04 table .righT{
	padding:6px 0 10px 10px;
	font-size:80%;
	line-height:1.7em;
}

#w04 table td.lab01{
	padding-top:14px;
}

#w04 .w01{
	width:385px;
	height: 21px;
}

#w04 .w02{
	width:385px;
	height: 100px;
}

#w04 p.popupList{
	margin-bottom:6px;
}

#w04 .LRbox{
	height:40px;
}

#w04 .Llbox{
	float:left;
	width:200px;
}

#w04 .Rrbox{
	float:left;
	width:340px;
}

#w04 .btnLink{
	text-align:right;
	margin:13px 0 13px 0;
}

#w04 .btnLink a{
	text-align:right;
	margin:0 0 0 20px;
}

#w04 .popup04Bt{
	height:47px;
	background:#f5f5f5 url("http://image.uniqlo.kr/uq/l4/popup/bg-popup04.gif") left no-repeat;
}

#w04 .popup04Bt_w{
}

#w04 .popup04Bt p{
	float:left;
	width:400px;
	font-size:70%;
	margin-top:12px;
	padding-left:70px;
}

#w04 .popup04Bt a{
	float:right;
	width:103px;
	margin-top:18px;
	margin-right:24px;
}

/*--w05--*/
#w05{
	width:546px;
	/* 201303 통합테스트1차 추가 ID_340 */
	position:absolute !important;
	left:4px !important;
	top:0 !important;
	display: !important;
	background:#fff !important;
	z-index:20;
	/* 201303 통합테스트1차 추가 ID_340 */	
}

#w05 #Popup{
	/*margin:24px;*/
}

#w05Rdbox{
	width:388px;
	text-align:center;
	margin-top:20px;
	margin-bottom:5px;
}

#w05 table.comment {
	width:496px;
	border-top:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	margin:0 24px;
	font:normal 12px dotum;
}

#w05 table.comment td.rig{
	border-right:solid 1px #dcdcdc;
	padding:4px 0;
}

#w05 table.comment td span{
	padding-left:4px;
}

#w05 table.comment td.btL{
	border-right:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
}

#w05 table.comment .lefT{
	border-right:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
	width:80px;
	background:#f5f5f5;
}

#w05 table.comment .lefT img{
	margin:10px;
}

#w05 table.comment .lefT02{
	width:80px;
	background:#f5f5f5;
	font-size:95%;
	font-weight:bold;
	border-bottom:1px solid #dcdcdc;
	text-align:center;
}

#w05 table.comment .righT{
	padding:6px 0 10px 10px;
	line-height:1.7em;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}

#w05 table.comment .righTLe01 {
	padding:6px 0 10px 10px;
	line-height:1.7em;
	border-right:1px solid #dcdcdc;
}

#w05 table.comment .righT img.st01{
	border:1px solid #dedede;
}

#w05 table.comment .righT01 {
	padding:6px 0 10px 10px;
	line-height:1.7em;
	border-bottom:1px solid #dcdcdc;
	border-right:none;
}

#w05 table.comment .righT02{
	padding:6px 0 10px 10px;
	line-height:1.7em;
	border-right:none;
}

#w05 table.comment .lab01 label{
	margin-left:10px;
}

#w05 table.comment .lab01 label.lab00{
	margin:0;
}

#w05 table.comment .lab02 label{
	margin-right:10px;
}

.wd1{
	width:300px;
	height:18px;
}

.wd101{
	width:387px;
	height:14px;
	border:1px solid #dedede;
	padding:2px;
}

.wd2{
	width:300px;
	height:50px;
}

.wd201{
	width:387px;
	height:50px;
	border:1px solid #dedede;
	padding:2px;
}

.wd3{
	width:300px;
}


#w05 .btnLink{
	text-align:right;
	margin:13px 0 0 0;
}

#w05 .btnLink01 {
	text-align:right;
	/* margin:13px 24px 24px 24px; */
	padding:13px 24px 24px 24px;
}

#w05 .btnLink a{
	text-align:right;
	margin:0 0 0 20px;
}

#w05 .btnBR{
	text-align:right;
}

#w05 .btnBR a{
	display:block;
	margin-bottom:3px;
	margin-right:10px;
}

/*--w06--*/
#w06{
	width:607px;
}

#w06 #Popup{
	margin:24px;
}

#w06Rdbox{
	width:388px;
	text-align:center;
	margin-top:20px;
	margin-bottom:5px;
}


#w06 .lastChild{
	margin-bottom:0;
}


/*--w07--*/
#w07{
	width:442px;
}

#w07 #Popup{
	margin:24px 24px 34px 24px;
}

#w07Rdbox{
	width:388px;
	text-align:center;
	margin-top:20px;
	margin-bottom:5px;
}

#w07 .btnLink{
	text-align:center;
	margin:13px 0 0 0;
}

#w07 .btnLink a{
	margin-left:6px;
	margin-right:7px;
}

#btnLogo{
	position:absolute;
	bottom:10px;
	right:10px;

}



table.sizeLayTd {
	width:360px;
	border:0;
}/* 201303 수정 */

table.sizeLayTd td.txt01 {
	width:100px;
	border:0;
	padding-top:8px;
}

table.sizeLayTd td.txt02 {
	width:70px;
	border:0;
}

table.sizeLayTd td.txt03 {
	width:120px;
	border:0;
}

/*2009-08-18 譴 품 ul  */

dl.imgComment {
	width:235px;
	margin-bottom:25px;
	overflow:hidden;
}

dl.imgComment dt {
	font:bold 12px dotum;
	color:#333;
	border-bottom:1px solid #dcdcdc
}

dl.imgComment dd.star {
	height:22px;
	background:url(http://image.uniqlo.kr/uq/l4/popup/bg_dotline.gif) repeat-x 0 100%;
}

dl.imgComment dd.star div.ico {
	float:left;
	padding-top:4px;
}

dl.imgComment dd.star div.btn1 {
	float:right;
	padding-top:4px;
}

dl.imgComment dd.star div.id {
	float:right;
	padding:6px 5px 0 0;
	font:bold 12px dotum;
	color:#333;
}

dl.imgComment dd.txt {
	padding-top:5px;
}

dl.imgComment dd.txt div.itemImg {
	float:left;
	position:relative;
}

dl.imgComment dd.txt div.comment {
	float:left;
	padding-left:10px;
	width:164px;
	overflow-x:hidden;
	overflow-y:auto;
	height:60px;
	font:normal 12px dotum;
	color:#646464;
	line-height:1.5em;
}

/*캤 潔 2009-08-24  煞*/
dl.imgComment dd.txt div.itemImg div.plus {
	position:absolute;
	bottom:0;
	right:0;
	width:21px;
	height:21px;
}

div.plLayer {
	display:none;
	position: relative;
}

div.plusLay {
	position:absolute;
	right:-120px;
	top:-60px;
	width:121px;
}

/* ----------------- ie6 layter버그 iframe적용 ------------- */
/*상품평 쓰기*/
#critWriteLayer {
	overflow:hidden;
}
#critWriteLayer iframe {
	position:absolute;
	left:0;
	top:0;
	width:950px;
	height:900px;
}
/*이미지 업로드*/
#critImageUploadLayer {
	overflow:hidden;
}