/***************************************************************************************************
//
// Style for Common
//
//*************************************************************************************************/

body
{
	color:black; 
	font-family: 'Gothic A1', '나눔고딕', sans-serif, arial;
	font-size:0.9em; 
	letter-spacing:0px;
	background-color:white;
}

a, a:link, a:visited 
{ 
	outline:none; 
	text-decoration:none; 
	color:black; 
}

a:hover 
{
	outline:none; 
	text-decoration:underline; 
	color:#4d5053; 
}

.affffff:link, .affffff:visited 
{ 
	outline:none; 
	text-decoration:underline; 
	color:#ffffff; 
}

affffff:hover 
{
	outline:none; 
	text-decoration:underline; 
	color:#ffffff; 
}

#blackBack
{
	display:none;
	position:absolute; 
	background:black; 
	top:0px; 
	left:0px; 
	width:0px; 
	height:0px; 
	z-index:100;
	opacity: 0.7; 
	-moz-opacity: 0.70; 
	filter:Alpha(opacity=70);
}
#progressBox
{
	display:none;
	position:absolute; 
	top:0px; 
	left:0px; 
	width:0px; 
	height:0px; 
	z-index:200; 
	text-align:center;
}

.logo {
	font-family: 'Comfortaa', sans-serif;
	letter-spacing:0em;
}
.subject {
	font-family: 'Jua', 'Nanum Gothic', '나눔고딕', sans-serif;
	letter-spacing:0em;
	line-height:125%;
}
.copy {
	font-family: 'Gothic A1', 'Nanum Gothic', '나눔고딕', sans-serif;
	font-weight:500;
	letter-spacing:0em;
	line-height:160%;
}
.context {
	font-family: 'Gothic A1', 'Nanum Gothic', '나눔고딕', sans-serif;
	font-weight:300;
	letter-spacing:-0.1em;
	line-height:160%;
}
.normalOl 
{
	list-style:disc inside none; 
	color:#ffffff;
}
.normalOl > li
{
	margin:4px 0;
}
.normalO2 
{
	list-style:square outside none; 
	color:#7c7c7c;
}
.normalO2 > li
{
	margin:6px 0;
}



/***************************************************************************************************
//
// Style for Layout
//
//*************************************************************************************************/

.Container {
	width:100%;
}
.BoxContents {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.BoxInContents {
	width:98%;
	margin:0 auto;
}

.ThreeBox {
	width:100%;
	display: table;
	margin-left: auto;
	margin-right: auto;	
}
.ThreeBox > li {
	width:33.3%;
	float:left;
}
.ThreeBox > li:nth-child(2) {
	width:33.4%;
}
.ThreeBox > li > div {
	width:90%;
	border:1px solid #dfdfdf;
	margin:0 auto;
	min-height:10em;
	box-shadow:inset 0 0 5px rgba(0,0,0,0.4);
	background-color:#ffffff;
	/* box-shadow:[inset] (오른쪽위치) (아래위치) (블러) (색상); */
}



/***************************************************************************************************
//
// Style for Input
//
//*************************************************************************************************/

.mustFlag 
{
	color:red;
	font-size:0.8em;
}
.inputText1
{
	height:28px;
	border:1px solid #c5c5c5;
	color:#515151;
	width:150px;
	vertical-align:middle;
}
.inputText2
{
	height:46px;
	border:1px solid #c5c5c5;
	color:#515151;
	width:100%;
	vertical-align:middle;
}
.select1
{
	height:30px;
	border:1px solid #c5c5c5;
	color:#515151;
	width:150px;
	vertical-align:middle;
	cursor:pointer;
}
.button1
{
	height:30px;
	border:1px solid #c5c5c5;
	width:80px;
	background-color:white;
	color:#515151;
	cursor:pointer;
	vertical-align:middle;
}
.radio1 
{
	width:1.5em;
	height:1em;
	vertical-align:middle;
}

.buttonRound
{
	width:2.0em;
	height:2.0em;
	border-radius:1.0em;
	border:0;
	background-color:#a7a7a7;
	color:white;
	font-weight:bold;
	font-size:0.7em;
	cursor:pointer;
}

/*
input[type=checkbox] { display:none; }

input[type=checkbox] + label { 
	display: inline-block; 
	cursor: pointer; 
	line-height: 20px; 
	padding-left: 34px; 
	background: url('./Image/checkOff3.png') left/30px no-repeat; 
}
input[type=checkbox]:checked + label { 
	background: url('./Image/checkOn3.png') left/30px no-repeat; 
}
*/

.swapCheck { display:none; }

.swapCheck + label { 
	display: inline-block; 
	cursor: pointer; 
	line-height: 20px; 
	padding-left: 34px; 
	background: url('./Image/checkOff3.png') left/30px no-repeat; 
}
.swapCheck:checked + label { 
	background: url('./Image/checkOn3.png') left/30px no-repeat; 
}

.bigCheck { display:none; }

.bigCheck + label { 
	display: inline-block; 
	cursor: pointer; 
	line-height: 36px; 
	padding-left: 40px; 
	background: url('./Image/checkOff.png') left/36px no-repeat; 
}
.bigCheck:checked + label { 
	background: url('./Image/checkOn.png') left/36px no-repeat; 
}



/***************************************************************************************************
//
// Style for List
//
//*************************************************************************************************/

.listGood {
	width:100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.listGood > li {
	float:left;
	margin-bottom:0px;
	text-align:right;
	width:32%;
	height:500px;
	overflow:hidden;
}
.listGood > li:nth-child(3n+1) {

}
.listGood > li:nth-child(3n+2) {
	margin:0 2%;
}
.listGood > li:nth-child(3n+3) {

}
.listGood > li:nth-child(3n+1) > div:nth-of-type(1) {
	width:100%;
	border:0px solid blue;
}
.listGood > li:nth-child(3n+2) > div:nth-of-type(1) {
	width:100%;
	border:0px solid red;
}
.listGood > li:nth-child(3n+3) > div:nth-of-type(1) {
	width:100%;
	border:0px solid yellow;
}