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


	/******************************************************************************/
	/* ¶óÀÌÆ® ºí·ç */
    .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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
        font-size:12px;
        /*font-weight:bold;*/
        padding:4 10 1 10;
        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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
        font-size:12px;
        /*font-weight:bold;*/
        padding:4 10 1 10;
        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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
        font-size:12px;
        /*font-weight:bold;*/
        padding:4 10 1 10;
        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;
	}

	/******************************************************************************/
	/* ±×·¹ÀÌ */
    .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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
        font-size:12px;
        /*font-weight:bold;*/
        padding:4 10 1 10;
        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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
        font-size:12px;
        /*font-weight:bold;*/
        padding:4 10 1 10;
        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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
        font-size:12px;
        /*font-weight:bold;*/
        padding:4 10 1 10;
        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:µ¸¿òü;
        font-size:12px;
        /*font-weight:bold;*/
        padding:4 10 1 10;
        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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
		font-size:12px;
		/*font-weight:bold;*/
        padding:4 10 1 10;
		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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
		font-size:12px;
		/*font-weight:bold;*/
        padding:4 10 1 10;
		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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
        font-size:12px;
        /*font-weight:bold;*/
        padding:4 10 1 10;
        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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
        font-size:12px;
        /*font-weight:bold;*/
        padding:4 10 1 10;
        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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
		font-size:12px;
		/*font-weight:bold;*/
        padding:4 10 1 10;
		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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
		font-size:12px;
		/*font-weight:bold;*/
        padding:4 10 1 10;
		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: "µ¸¿ò", "¸¼Àº °íµñ", "³ª´®°íµñ";
		font-size:12px;
		/*font-weight:bold;*/
        padding:4 10 1 10;
		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;
	}


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

	.csMintBox {		
		background-color:#00BFB3;
		cursor:pointer;
		color:#ffffff;
		font-family: 'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';
		font-size:12px;
		/*font-weight:bold;*/
		text-decoration:none;
		cursor:pointer;
		display:inline-block;
		/*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;*/
		text-decoration:none;
		cursor:pointer;
		display:inline-block;
		/*text-shadow:0px 1px 0px #ffffff;*/	}

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

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

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

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

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

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

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

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

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

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

       .csDarkGreenBox:hover {
            color:#fff;
            background-color:#028c4e ;        }            
                                   
        .csDarkGreenBox.radius {
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
	    }

    /******************************************************************************/
	/* ½ÉÇñ׸°*/

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

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