@charset "utf-8";

html { overflow-y: scroll; }

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: dotum, "돋음", sans-serif;
	color: #888;
	word-spacing: -0.2em;
	line-height: 136%;
	font-size: 12px;
	text-align: left;
}
body.iframe { margin: 0; }

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-size: 12px; }
form, fieldset, p{
	margin: 0;
	padding: 0;
}
input, select, textarea {
	font-family: Dotum, "돋움", sans-serif;
	vertical-align: middle;
	font-size: 12px;
	color: #888;
	word-spacing: -0.2em;
	line-height: 136%;
}
label { cursor: pointer; }
:root input { margin-top: 2px; margin-bottom: 2px; }
input.txt1 { border: 1px solid #ccc; padding: 5px; margin: 0; line-height: 100%; height: 13px; }
input.txt2 { border: 1px solid #ddd; line-height: 100%; color: #7a7a7a; height: 14px; padding: 4px 3px 1px 3px; }
input.txt3 { border: 2px solid #ddd; line-height: 100%; color: #7a7a7a; height: 13px; padding: 3px 3px 0 3px; }
input.txt4 { border: 1px solid #ddd; line-height: 100%; color: #7a7a7a; height: 13px; padding: 4px 3px 1px 3px; }
input.txt5 { border: 1px solid #3a3a32; line-height: 100%; color: #7a7a7a; height: 21px; padding: 4px 3px 1px 3px; }
input.bdColorOn {border:1px solid #e51937 !important;}
textarea.bdColorOn {border:1px solid #e51937 !important;}
input.file1 { border: 1px solid #ddd; line-height: 100%;  color: #7a7a7a; height: 18px; padding: 2px 3px 1px 3px; }
input.file2 { border: 1px solid #ddd; background-color: #fff; line-height: 100%;  color: #7a7a7a; height: 18px; padding: 2px 3px 1px 3px; }

textarea.txt1 { border: 1px solid #ccc; padding: 5px; margin: 0; line-height: 140%; }
select { height: 21px; padding: 1px; border: 1px solid #ddd }
select.sel1 { border: 1px solid #ddd; line-height: 100%; color: #7a7a7a; height: 19px; padding: 2px 3px 2px 3px; }

textarea.txt3 { border: 1px solid #e1e2d5; padding: 5px; background-color: #fbfaf7;  }
input.file { height: 19px; border: 1px solid #cacaca; padding-left: 5px; }
input.radio { width: 12px; height: 12px;}
img, fieldset { border:0 none transparent;/*'transparent' for Opera7*/ }
ul, dl, dd {
	list-style: none;
	margin: 0;
	padding: 0;
}
table {
	border: 0;
	border-collapse: collapse;
}

a:link, a:visited {
	color: #3a3a3a;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:active {
	color: #444;
	text-decoration: none;
	cursor: pointer;
}

a.ul1:link, a.ul1:visited {
	color: #549809;
	text-decoration: underline;
	cursor: pointer;
}
a.ul1:hover, a.ul1:active {
	color: #65b60b;
	text-decoration: none;
	cursor: pointer;
}
strong.underline { text-decoration: underline; }
i, em { font-style: normal; }

.chand, .rollOverImages, .wardrobeViewBtn { cursor: pointer; }
.disblock { display: block; }
.disnone { display: none; }
.noborder { border: none !important; }
.nobimg { background: none !important; }
.nbold { font-weight: normal !important; }

.hspace1 { clear: both; height:1px; font-size: 0; line-height: 0; }

.lspace1 { letter-spacing: -1px; }

.ft11 { font-size: 11px !important; font-family: dotum; }
.ft12 { font-size: 12px !important; }
.ft13 { font-size: 13px !important; }
.ft14 { font-size: 14px !important; }
.ft16 { font-size: 16px !important; }
.ft18 { font-size: 18px !important; }
.ft20 { font-size: 20px !important; }
.ft24 { font-size: 24px !important; }


.pt_0 { color: #000 !important; }
.pt_1 { color: #ff5b40 !important; }
.pt_2 { color: #549809 !important; }
.pt_3 { color: #6cc30c !important; }
.pt_4 { color: #bcbcbc !important; }
.pt_5 { color: #ed1c24 !important; }
.pt_6 { color: #888 !important; }
.pt_7 { color: #7a7a7a !important; }
.pt_8 { color: #282828 !important; }
.pt_9 { color: #e51837 !important; }
.pt_10 { color: #ff4799 !important; }
.pt_11 { color: #00b1d3 !important; }
.pt_12 { color: #a9a9a9 !important; }


.tahoma {font-family:tahoma ;line-height:1em;}

.vtop { vertical-align: top; }
.vmid { vertical-align: middle; }
.vminus1 { vertical-align: -1px !important; }


.fleft { float: left !important; }
.fright { float: right !important; }
.cboth { clear: both !important; }
.cleft { clear: left !important; }
.tleft { text-align: left !important; }
.tcenter { text-align: center !important; }
.tright { text-align: right !important; }

.fx120 { width: 120px; display: inline-block; }
.fx130 { width: 160px; display: inline-block; }

.mg0 { margin: 0 !important; }

.mgt0 { margin-top: 0px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }

.mgl5 { margin-left: 5px !important; }
.mgl40 { margin-left: 40px !important; }

.mgr3 { margin-right: 3px !important; }
.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr40 { margin-right: 40px !important; }

.mgb0 { margin-bottom: 0px !important; }
.mgb7 { margin-bottom: 7px !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb25 { margin-bottom: 25px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb50 { margin-bottom: 50px !important; }

.pdt0 { padding-top: 0px !important; }
.pdt3 { padding-top: 3px !important; }
.pdt5 { padding-top: 5px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt15 { padding-top: 15px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt25 {padding-top:25px !important; }
.pdt30 { padding-top: 30px !important; }

.pdb0 { padding-bottom: 0px !important; }
.pdb5 { padding-bottom: 5px !important; }
.pdb7 { padding-bottom: 7px !important; }
.pdb8 { padding-bottom: 8px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdb13 { padding-bottom: 13px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdb30 { padding-bottom: 30px !important; }
.pdb35 { padding-bottom: 30px !important; }
.pdb40 { padding-bottom: 40px !important; }

.pdr0 { padding-right: 0px !important; }
.pdr5 { padding-right: 5px !important; }
.pdr10 { padding-right: 10px !important; }

.pdl0 { padding-left: 0px !important; }
.pdl3 { padding-left: 3px !important; }
.pdl5 { padding-left: 5px !important; }
.pdl10 { padding-left: 10px !important; }
.pdl28 { padding-left: 28px !important; }

.pd5 { padding: 5px !important; }

.container {height:1%;} /* IE6 및 하위 버전 브라우저 대응 Hack */
*:first-child+html .container {height:1%;} /* IE7 대응 Hack */
.container:after {display:block;clear:both;height:0;content:" ";visibility:hidden;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */