/*############################################################################*/
/* °³¿ä : ¹öÆ° ½ºÅ¸ÀÏ ¼±¾ð                                                    */
/* ÀÛ¼º : °³¹ß-ÀÌÇÐÁø-2013.11.20                                              */
/* Âü°í : csLightBlue,csNavy,csOrange,csGray,csOrange,csDarkBlue,csLightRed,csWhite,csBlueGreen */ 
/*############################################################################*/


	/******************************************************************************/
	/* ¶óÀÌÆ® ºí·ç */
    .csLightBlue {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
        -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
        box-shadow:inset 0px 1px 0px 0px #dcecfb;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
        background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
        background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
        background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
        background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
        background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
        
        background-color:#bddbfa;
        
		/*
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        */

        border:1px solid #84bbf3;
        
        display:inline-block;
        color:#000000;
        font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
        font-size:12px;
        /*font-weight:bold;*/
        padding:4px 10px 1px 10px;
        text-decoration:none;
		cursor:pointer;
        
        /*text-shadow:0px 1px 0px #528ecc; */
        
    }
    .csLightBlue:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
        background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
        background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
        background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
        background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
        background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
        
        background-color:#80b5ea;
    }
    .csLightBlue:active {
        position:relative;
        top:1px;
    }

	.csLightBlue.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}
    
	/******************************************************************************/
	/* ³×À̺ñ */
    .csNavy {
        
        -moz-box-shadow:inset 0px 0px 0px 1px #7a8eb9;
        -webkit-box-shadow:inset 0px 0px 0px 1px #7a8eb9;
        box-shadow:inset 0px 0px 0px 1px #7a8eb9;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
        background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
        background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
        background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
        background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
        background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
        
        background-color:#637aad;
        
		/*
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        */
        
        border:1px solid #314179;
        
        display:inline-block;
        color:#FFFFFF;
        font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
        font-size:12px;
        /*font-weight:bold;*/
        padding:4px 10px 1px 10px;
        text-decoration:none;
		cursor:pointer;
        
    }
    .csNavy:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
        background:-moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background:-webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background:-o-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background:-ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
        background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
        
        background-color:#5972a7;
    }
    .csNavy:active {
        position:relative;
        top:1px;
    }

	.csNavy.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}



	/******************************************************************************/
	/* ¿À·»Áö */
    .csOrange {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
        -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
        box-shadow:inset 0px 1px 0px 0px #fff6af;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
        background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
        background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
        
        background-color:#ffec64;
        
		/*
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        */

        border:1px solid #ffaa22;
        
        display:inline-block;
        color:#333333;
        font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
        font-size:12px;
        /*font-weight:bold;*/
        padding:4px 10px 1px 10px;
        text-decoration:none;
		cursor:pointer;
        
        /* text-shadow:0px 1px 0px #ffee66;*/
        
    }
    .csOrange:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
        background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
        background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
        
        background-color:#ffab23;
    }
    .csOrange:active {
        position:relative;
        top:1px;
    }

	.csOrange.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}
	

	/******************************************************************************/
	/* ¿¶Àº ¿À·»Áö */
    .csLightOrange {
    	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    	box-shadow:inset 0px 1px 0px 0px #fce2c1;
    	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
    	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
    	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
    	background-color:#ffc477;
    	-moz-border-radius:6px;
    	-webkit-border-radius:6px;
    	border:1px solid #eeb44f;
    	display:inline-block;
    	cursor:pointer;
    	color:#494949;
    	font-family:Arial;
    	font-size:11px;
    	font-weight:normal;
    	padding:2px 5px 1px 5px;
    	text-decoration:none;
    	text-shadow:0px 1px 0px #cc9f52;
    }
    .csLightOrange:hover {
    	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
    	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
    	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
    	background-color:#fb9e25;
    }
    .csLightOrange:active {
    	position:relative;
    	top:1px;
    }	
	.csLightOrange.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}

	/******************************************************************************/
	/* ±×·¹ÀÌ */
    .csGray {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
        background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
        
        background-color:#ededed;
        
		/*
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        */

        border:1px solid #c7c5c7;
        
        display:inline-block;
        color:#939393;
        font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
        font-size:12px;
        /*font-weight:bold;*/
        padding:4px 10px 1px 10px;
        text-decoration:none;
		cursor:pointer;
        
        /*text-shadow:0px 1px 0px #ffffff;*/
        
    }
    .csGray:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        
        background-color:#dfdfdf;
    }
    .csGray:active {
        position:relative;
        top:1px;
    }

	.csGray.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}


	/******************************************************************************/
	/* ¶óÀÌÆ® ·¹µå */
    .csLightRed {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
        -webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
        box-shadow:inset 0px 1px 0px 0px #f7c5c0;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
        background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
        
        background-color:#fc8d83;
        
		/*
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        */

        border:1px solid #d83526;
        
        display:inline-block;
        color:#FFFFFF;
        font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
        font-size:12px;
        /*font-weight:bold;*/
        padding:4px 10px 1px 10px;
        text-decoration:none;
		cursor:pointer;
        
        /*text-shadow:0px 1px 0px #b23e35;*/
        
    }
    .csLightRed:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
        background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
        background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
        
        background-color:#e4685d;
    }
    .csLightRed:active {
        position:relative;
        top:1px;
    }

	.csLightRed.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}

	/**************************************************************************/
	/* ´ÙÅ© ºí·ç */
    .csDarkBlue {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
        -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
        box-shadow:inset 0px 1px 0px 0px #bee2f9;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
        background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
        background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
        
        background-color:#63b8ee;
        
		/*
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        */

        border:1px solid #3866a3;
        
        display:inline-block;
        color:#FFFFFF;
        font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
        font-size:12px;
        /*font-weight:bold;*/
        padding:4px 10px 1px 10px;
        text-decoration:none;
		cursor:pointer;
        
        /*text-shadow:0px 1px 0px #7cacde;*/
        
    }
    .csDarkBlue:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
        background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
        
        background-color:#468ccf;
    }
    .csDarkBlue:active {
        position:relative;
        top:1px;
    }

	.csDarkBlue.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}

	
	/******************************************************************************/
	/* È­ÀÌÆ® */
    .csWhite {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
        background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
        
        background-color:#ffffff;
        
		/*
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        */

        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#003399;
        font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
        font-size:12px;
        /*font-weight:bold;*/
        padding:4px 10px 1px 10px;
        text-decoration:none;
		cursor:pointer;
        
        /*text-shadow:0px 1px 0px #ffffff;*/
        
    }
    .csWhite:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        
        background-color:#f6f6f6;
    }
    .csWhite:active {
        position:relative;
        top:1px;
    }

	.csWhite.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}

	.csWhite.Box {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}


	/******************************************************************************/
	/* ¿Ã È­ÀÌÆ® */

	.csWhiteBox {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff));
		background:-moz-linear-gradient(top, #ffffff 5%, #ffffff 100%);
		background:-webkit-linear-gradient(top, #ffffff 5%, #ffffff 100%);
		background:-o-linear-gradient(top, #ffffff 5%, #ffffff 100%);
		background:-ms-linear-gradient(top, #ffffff 5%, #ffffff 100%);
		background:linear-gradient(to bottom, #ffffff 5%, #ffffff 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
		background-color:#ffffff;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#666666;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;

		/*text-shadow:0px 1px 0px #ffffff;*/
	}
	.csWhiteBox:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff));
		background:-moz-linear-gradient(top, #ffffff 5%, #ffffff 100%);
		background:-webkit-linear-gradient(top, #ffffff 5%, #ffffff 100%);
		background:-o-linear-gradient(top, #ffffff 5%, #ffffff 100%);
		background:-ms-linear-gradient(top, #ffffff 5%, #ffffff 100%);
		background:linear-gradient(to bottom, #ffffff 5%, #ffffff 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
		background-color:#ffffff;
	}
	.csWhiteBox:active {
		position:relative;
		top:1px;
	}

	.csWhiteBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}


    

	/******************************************************************************/
	/* ±×¸° */
	.csGreen {
		-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
		-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
		box-shadow:inset 0px 1px 0px 0px #caefab;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
		background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
		background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
		background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
		background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
		background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
		background-color:#77d42a;
        
		/*
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        */

		border:1px solid #268a16;
		display:inline-block;
		color:#306108;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                 padding:4px 10px 1px 10px;
		text-decoration:none;
		cursor:pointer;

		/*text-shadow:0px 1px 0px #aade7c;*/
	}
	.csGreen:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
		background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
		background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
		background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
		background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
		background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
		background-color:#5cb811;
	}
	.csGreen:active {
		position:relative;
		top:1px;
	}

	.csGreen.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}

	/**************************************************************************/
	/* ¶óÀÌÆ® ±×¸° */
	.csLightGreen {
		-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
		-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
		box-shadow:inset 0px 1px 0px 0px #d9fbbe;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
		background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
		background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
		background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
		background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
		background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
		background-color:#b8e356;
        
		/*
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        */

		border:1px solid #83c41a;
		display:inline-block;
		color:#306108;
        font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
        font-size:12px;
        /*font-weight:bold;*/
        padding:4px 10px 1px 10px;
        text-decoration:none;
		cursor:pointer;

		/*text-shadow:0px 1px 0px #86ae47;*/
	}
	.csLightGreen:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
		background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
		background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
		background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
		background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
		background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
		background-color:#a5cc52;
	}
	.csLightGreen:active {
		position:relative;
		top:1px;
	}

	.csLightGreen.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}

	/**************************************************************************/
	/* ·¹µå */
	.csRed {
		-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
		box-shadow:inset 0px 1px 0px 0px #f5978e;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
		background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
		background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
		background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
		background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
		background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
		background-color:#f24537;
        
		/*
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        */

		border:1px solid #d02718;
		display:inline-block;
		color:#ffffff;
        font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
        font-size:12px;
        /*font-weight:bold;*/
        padding:4px 10px 1px 10px;
        text-decoration:none;
		cursor:pointer;

		/*text-shadow:0px 1px 0px #810e05;*/
	}
	.csRed:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
		background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
		background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
		background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
		background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
		background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
		background-color:#c62d1f;
	}
	.csRed:active {
		position:relative;
		top:1px;
	}

	.csRed.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}

	/**************************************************************************/
	/* ÇÎÅ© */
	.csPink {
		-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
		box-shadow:inset 0px 1px 0px 0px #fbafe3;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
		background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
		background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
		background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
		background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
		background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
		background-color:#ff5bb0;
			
		/*
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		*/

		border:1px solid #ee1eb5;
		display:inline-block;
		color:#ffffff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        padding:4px 10px 1px 10px;
		text-decoration:none;
		cursor:pointer;

		/*text-shadow:0px 1px 0px #c70067;*/
	}
	.csPink:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
		background:-moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
		background:-webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
		background:-o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
		background:-ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
		background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0',GradientType=0);
		background-color:#ef027d;
	}
	.csPink:active {
		position:relative;
		top:1px;
	}

	.csPink.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}



	/**************************************************************************/
	/* º¸¶ó */

	.csPurple {
		-moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
		-webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
		box-shadow:inset 0px 1px 0px 0px #e184f3;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a557b5), color-stop(1, #942eab));
		background:-moz-linear-gradient(top, #a557b5 5%, #942eab 100%);
		background:-webkit-linear-gradient(top, #a557b5 5%, #942eab 100%);
		background:-o-linear-gradient(top, #a557b5 5%, #942eab 100%);
		background:-ms-linear-gradient(top, #a557b5 5%, #942eab 100%);
		background:linear-gradient(to bottom, #a557b5 5%, #942eab 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a557b5', endColorstr='#942eab',GradientType=0);
		background-color:#a557b5;
		border:1px solid #a511c0;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        padding:4px 10px 1px 10px;
		text-decoration:none;
		cursor:pointer;

		/*text-shadow:0px 1px 0px #9b14b3;*/
	}
	.csPurple:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #942eab), color-stop(1, #a557b5));
		background:-moz-linear-gradient(top, #942eab 5%, #a557b5 100%);
		background:-webkit-linear-gradient(top, #942eab 5%, #a557b5 100%);
		background:-o-linear-gradient(top, #942eab 5%, #a557b5 100%);
		background:-ms-linear-gradient(top, #942eab 5%, #a557b5 100%);
		background:linear-gradient(to bottom, #942eab 5%, #a557b5 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#942eab', endColorstr='#a557b5',GradientType=0);
		background-color:#942eab;
	}
	.csPurple:active {
		position:relative;
		top:1px;
	}


	.csPurple.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}





	/**************************************************************************/
	/* ¶óÀÌÆ® º¸¶ó */


	.csLightPurple {
		-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
		-webkit-box-shadow:inset 0px 1px 0px 0px #efdcfb;
		box-shadow:inset 0px 1px 0px 0px #efdcfb;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e8d2fa), color-stop(1, #d7b5f2));
		background:-moz-linear-gradient(top, #e8d2fa 5%, #d7b5f2 100%);
		background:-webkit-linear-gradient(top, #e8d2fa 5%, #d7b5f2 100%);
		background:-o-linear-gradient(top, #e8d2fa 5%, #d7b5f2 100%);
		background:-ms-linear-gradient(top, #e8d2fa 5%, #d7b5f2 100%);
		background:linear-gradient(to bottom, #e8d2fa 5%, #d7b5f2 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8d2fa', endColorstr='#d7b5f2',GradientType=0);
		background-color:#e8d2fa;
		border:1px solid #d4adf0;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        padding:4px 10px 1px 10px;
		text-decoration:none;
		cursor:pointer;

		/*text-shadow:0px 1px 0px #9752cc;*/
	}
	.csLightPurple:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d7b5f2), color-stop(1, #e8d2fa));
		background:-moz-linear-gradient(top, #d7b5f2 5%, #e8d2fa 100%);
		background:-webkit-linear-gradient(top, #d7b5f2 5%, #e8d2fa 100%);
		background:-o-linear-gradient(top, #d7b5f2 5%, #e8d2fa 100%);
		background:-ms-linear-gradient(top, #d7b5f2 5%, #e8d2fa 100%);
		background:linear-gradient(to bottom, #d7b5f2 5%, #e8d2fa 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7b5f2', endColorstr='#e8d2fa',GradientType=0);
		background-color:#d7b5f2;
	}
	.csLightPurple:active {
		position:relative;
		top:1px;
	}


	.csLightPurple.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}


/**************************************************************************/
	/* û·Ï»ö */


	.csBlueGreen {
		-moz-box-shadow:inset 0px 1px 0px 0px #004C65;
		-webkit-box-shadow:inset 0px 1px 0px 0px #004C65;
		box-shadow:inset 0px 1px 0px 0px #004C65;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #004C65), color-stop(1, #004C65));
		background:-moz-linear-gradient(top, #004C65 5%, #004C65 100%);
		background:-webkit-linear-gradient(top, #004C65 5%, #004C65 100%);
		background:-o-linear-gradient(top, #004C65 5%, #004C65 100%);
		background:-ms-linear-gradient(top, #004C65 5%, #004C65 100%);
		background:linear-gradient(to bottom, #004C65 5%, #004C65 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004C65', endColorstr='#004C65',GradientType=0);
		background-color:#004C65;
		border:1px solid #004C65;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        padding:4px 10px 1px 10px;
		text-decoration:none;
		cursor:pointer;

		/*text-shadow:0px 1px 0px #9752cc;*/
	}
	.csBlueGreen:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #004C65), color-stop(1, #004C65));
		background:-moz-linear-gradient(top, #004C65 5%, #004C65 100%);
		background:-webkit-linear-gradient(top, #004C65 5%, #004C65 100%);
		background:-o-linear-gradient(top, #004C65 5%, #004C65 100%);
		background:-ms-linear-gradient(top, #004C65 5%, #004C65 100%);
		background:linear-gradient(to bottom, #004C65 5%, #004C65 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004C65', endColorstr='#004C65',GradientType=0);
		background-color:#004C65;
	}
	.csBlueGreen:active {
		position:relative;
		top:1px;
	}


	.csBlueGreen.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}

/*=====================================================================================================================================*/
/* ½ÉÇà ŸÀÔ ¹öÆ° */
        /******************************************************************************/
	/* ¿Ã ¹ÎÆ® ºÎ»ê */

	.csMintBox {		
		background-color:#00BFB3;
		cursor:pointer;
		color:#ffffff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
               padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csMintBox:hover {
            color:#ffffff
        }
        
        .csMintBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	}
    
        
	/******************************************************************************/
	/* ¿Ãºí·ç ¼­¿ï*/

	.csBlueBox {		
		background-color:#0071c2 ;
		cursor:pointer;
		color:#fff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                  padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		display:inline-block;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csBlueBox:hover {
            color:#fff;
            background-color:#0669b1 ;
        }
        
        .csBlueBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }
	/******************************************************************************/
	/* ¿Ã·¹µå Á¦ÁÖ*/

	.csRedBox {		
		background-color:#d5372d ;
		cursor:pointer;
		color:#fff;
		display:inline-block;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                  padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csRedBox:hover {
            color:#fff;
            background-color:#bd271e ;
        }                
        
        .csRedBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }
 	/******************************************************************************/
	/* ¿Ã¶óÀÌÆ®ºí·ç ¼­¿ï*/

	.csLightBlueBox {		
		background-color:#1289e4 ; 
		cursor:pointer;
		color:#fff;
		display:inline-block;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                  padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csLightBlueBox:hover {
            color:#fff;
            background-color:#1480d2 ;        }
        
        .csLightBlueBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }   
	   
/******************************************************************************/
	/* ½ºÄ«À̺í·ç ¼­¿ï*/

	.csSkyBlueBox {		
		background-color:#82CAFF ; 
		cursor:pointer;
		color:#fff;
		display:inline-block;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                  padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csSkyBlueBox:hover {
            color:#fff;
            background-color:#70b9ef ;        }
        
        .csSkyBlueBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }         
    /******************************************************************************/
	/* ½ÉÇÃºí·¢*/

	.csBlackBox {		
		background-color:#000 ; 
		cursor:pointer;
		color:#fff;
		display:inline-block;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                  padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csBlackBox:hover {
            color:#fff;
            background-color:#000 ;        } 
        
        .csBlackBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }     
    /******************************************************************************/
	/* ½ÉÇÃºí·¢*/

	.csGrayBox {		
		background-color:#e1e1e1 ; 
		cursor:pointer;
		color:#939393;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                  padding:3px 1px 0px 1px;
		text-decoration:none;
		display:inline-block;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csGrayBox:hover {
            color:#939393;
            background-color:#d9d9d9 ;        }            
        
        .csGrayBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }      
    /******************************************************************************/
	/* ½ÉÇÿÀ·»Áö*/

	.csOrangeBox { 	
		background-color:#ffd235; 
		cursor:pointer;
		color:#000;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		display:inline-block;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csOrangeBox:hover {
            color:#000;
            background-color:#ffc90e !important;        }            
                                   
        .csOrangeBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    } 
    /******************************************************************************/
	/* ½ÉÇôÙÅ©±×¸°*/

	.csDarkGreenBox {		
		background-color:#028c4e ; 
		cursor:pointer;
		display:inline-block;
		color:#fff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                  padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csDarkGreenBox:hover {
            color:#fff;
            background-color:#007f46 ;        }            
                                   
        .csDarkGreenBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }     
        
    /******************************************************************************/
	/* ½ÉÇñ׸°*/

	.csGreenBox {		
		background-color:#61bd16 ; 
		cursor:pointer;
		color:#fff;
		display:inline-block;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                  padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csGreenBox:hover {
            color:#fff;
            background-color:#5db615 ;        }            
                                   
        .csGreenBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }            

  /******************************************************************************/
	/* ½ÉÇöóÀÌÆ®±×¸°*/

	.csLightGreenBox {		
		background-color:#ADD654 ; 
		cursor:pointer;
		color:#fff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        border:none;
        padding:3px 1px 0px 1px;
        display:inline-block;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

   .csLightGreenBox:hover {
        color:#fff;
        background-color:#A3D143 ;        }            
                               
    .csLightGreenBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }            
	    
	       
    /******************************************************************************/
	/* ½ÉÇú¸¶ó*/

	.csPurpleBox {		
		background-color:#a557b5 ; 
		cursor:pointer;
		color:#fff;
		display:inline-block;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                  padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

       .csPurpleBox:hover {
            color:#fff;
            background-color:#942eab ;        }            
                                   
        .csPurpleBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }            

    /******************************************************************************/
	/* ½ÉÇöóÀÌÆ®º¸¶ó*/

	.csLightPurpleBox {		
		background-color:#e8d2fa ; 
		cursor:pointer;
		color:#fff;
		display:inline-block;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
                  padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

    .csLightPurpleBox:hover {
        color:#fff;
        background-color:#d7b5f2 ;        }            
                               
    .csLightPurpleBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        }            
           
    /******************************************************************************/
	/* ½ÉÇÃÇÎÅ©*/

	.csPinkBox {		
		background-color:#ff5bb0 ; 
		cursor:pointer;
		color:#fff;
		display:inline-block;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

    .csPinkBox:hover {
        color:#fff;
        background-color:#ef027d ;        }            
                               
    .csPinkBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        }            

    /******************************************************************************/
	/* ½ÉÇôÙÅ©±×·¹ÀÌ*/

	.csDarkGrayBox {		
		background-color:#545454 ; 
		cursor:pointer;
		display:inline-block;
		color:#fff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

    .csDarkGrayBox:hover {
        color:#fff;
        background-color:#474747 ;        }            
                               
    .csDarkGrayBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        }  
        
   /******************************************************************************/
	/* ½ÉÇÃÅ丶Åä*/

	.csTomatoBox {		
		background-color:#FF6347 !important; 
		cursor:pointer;
		display:inline-block;
		color:#fff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

    .csTomatoBox:hover {
        color:#fff;
        background-color:#ff5030 !important;        }            
                               
    .csTomatoBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        }   
        
   /******************************************************************************/
	/* ½ÉÇó×À̺ñ*/

	.csNavyBox {		
		background-color:#61749e ; 
		cursor:pointer;
		display:inline-block;
		color:#fff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
        padding:3px 1px 0px 1px;
		text-decoration:none;
		cursor:pointer;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

    .csNavyBox:hover {
        color:#fff;
        background-color:#546792 ;        }            
                               
    .csNavyBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        }   
        
        
        
        
/*=====================================================================================================================================*/
/* CheckBox & Radio ŸÀÔ ¹öÆ° */
	

	/* Radius */
	.csRadius{
		border-radius:10px;
	}
	/* // Radius*/


	/* Gray */
	.csCheckGray {
		color:#000;						/* ±âº» ÆùÆ®»ö */
		margin:4px;
		background-color:#EFEFEF;		/* ±âº» ¹öÆ° ¹è°æ»ö */
		border:1px solid #D0D0D0;		/* Å׵θ®»ö */
		overflow:auto;
		float:left;
	}

	.csCheckGray label:hover {
		background:#c0c0c0;				/* ¸¶¿ì½º ¿À¹ö½Ã ¹è°æ»ö */
		cursor:pointer;
	}

	.csCheckGray label {
		float:left;
		width:4.0em;
	}

	.csCheckGray label span {
	    font-size:12px;					/* ÆùÆ® Å©±â */
		text-align:center;
		padding:3px 0px;
		display:block;
	}

	.csCheckGray label input {
		position:absolute;
		top:-20px;
	}

	.csCheckGray input:checked + span {
		background-color:#808080;		/* üũ¿Â½Ã ¹è°æ»ö */
		color:#fff;						/* üũ¿Â½Ã ÆùÆ®»ö */
	}
	/* // Gray */


	/* White */
	.csCheckWhite {
		color:#000;						
		margin:4px;
		background-color:#fff;
		border:1px solid #D0D0D0;
		overflow:auto;
		float:left;
	}

	.csCheckWhite label:hover {
		background:#F3F3F3;
		cursor:pointer;
	}

	.csCheckWhite label {
		float:left;
		width:4.0em;
	}

	.csCheckWhite label span {
	    font-size:12px;
		text-align:center;
		padding:3px 0px;
		display:block;
	}

	.csCheckWhite label input {
		position:absolute;
		top:-20px;
	}

	.csCheckWhite input:checked + span {
		background-color:#F3F3F3;
		color:#FF0000;
	}
	/* // White */


	/* Green */
	.csCheckGreen {
		color:#000;						
		margin:4px;
		background-color:#33CC00;
		border:1px solid #009900;
		overflow:auto;
		float:left;
	}

	.csCheckGreen label:hover {
		background:#33FF00;
		cursor:pointer;
	}

	.csCheckGreen label {
		float:left;
		width:4.0em;
	}

	.csCheckGreen label span {
	    font-size:12px;
		text-align:center;
		padding:3px 0px;
		display:block;
	}

	.csCheckGreen label input {
		position:absolute;
		top:-20px;
	}

	.csCheckGreen input:checked + span {
		background-color:#006600;
		color:#FFF;
	}
	/* // Green */


	/* Blue */
	.csCheckBlue {
		color:#FFF;
		margin:4px;
		background-color:#0066CC;
		border:1px solid #3333CC;
		overflow:auto;
		float:left;
	}

	.csCheckBlue label:hover {
		background:#0099FF;
		cursor:pointer;
	}

	.csCheckBlue label {
		float:left;
		width:4.0em;
	}

	.csCheckBlue label span {
	    font-size:12px;
		text-align:center;
		padding:3px 0px;
		display:block;
	}

	.csCheckBlue label input {
		position:absolute;
		top:-20px;
	}

	.csCheckBlue input:checked + span {
		background-color:#3333CC;
		color:#FFF;
	}
	/* // Blue */


	/* Orange */
	.csCheckOrange {
		color:#FFF;
		margin:4px;
		background-color:#FF9966;
		border:1px solid #FF9900;
		overflow:auto;
		float:left;
	}

	.csCheckOrange label:hover {
		background:#FFCC00;
		cursor:pointer;
	}

	.csCheckOrange label {
		float:left;
		width:4.0em;
	}

	.csCheckOrange label span {
	    font-size:12px;
		text-align:center;
		padding:3px 0px;
		display:block;
	}

	.csCheckOrange label input {
		position:absolute;
		top:-20px;
	}

	.csCheckOrange input:checked + span {
		background-color:#FF6600;
		color:#FFF;
	}
	/* // Orange */