@charset "utf-8";

.vision p{font-family:Raleway;}
.text_1 {color:#ac287b;font-size:50px;font-weight:bold;letter-spacing:-2px;}
.text_2 {font-size:16px;font-weight:bold;}
.vi {height:500px;margin-top:100px;border:0px solid #dedede;}
.c_1 {z-index:0;background-color:rgba(29,130,0,.8);width:200px;height:200px;border:0px solid #dedede; left:50%; position: absolute;margin-left:-100px;padding:83px 0;}
.c_2 {width:350px;height:350px;border:1px solid #dedede; left:50%; position: absolute;margin-left:-175px;margin-top:105px;}
.c_3 {background-color:rgba(0,0,0,.3);width:240px;height:240px;border:0px solid #dedede; left:50%; position: relative;margin-left:-120px;margin-top:55px;padding:90px 0;}
.c_4 {background-color:rgba(29,130,0,.7);width:200px;height:200px;border:0px solid #dedede; left:50%; position: absolute;margin-left:-260px;margin-top:270px;padding:83px 0;}
.c_5 {background-color:rgba(29,130,0,.6);width:200px;height:200px;border:0px solid #dedede; left:50%; position: absolute;margin-left:60px;margin-top:270px;padding:83px 0;}
.c_6 {background-color:rgba(29,130,0,.3);width:20px;height:20px;border:0px solid #dedede; left:50%; position: absolute;margin-left:-160px;margin-top:180px;}
.c_7 {background-color:rgba(29,130,0,.3);width:20px;height:20px;border:0px solid #dedede; left:50%; position: absolute;margin-left:140px;margin-top:180px;}
.c_8 {background-color:rgba(29,130,0,.3);width:20px;height:20px;border:0px solid #dedede; left:50%; position: absolute;margin-left:-10px;margin-top:445px;}
.c_mini {font-size:25px;}
.c_big {font-size:40px;}

@media (min-width: 768px){

}

@media (max-width: 767px){
.vi {height:400px;margin-top:60px;border:0px solid #dedede;}
.c_1 {z-index:0;background-color:rgba(29,130,0,.8);width:140px;height:140px;border:0px solid #dedede; left:50%; position: absolute;margin-left:-70px;padding:54px 0;}
.c_2 {width:240px;height:240px;border:1px solid #dedede; left:50%; position: absolute;margin-left:-120px;margin-top:70px;}
.c_3 {background-color:rgba(0,0,0,.3);width:160px;height:160px;border:0px solid #dedede; left:50%; position: relative;margin-left:-80px;margin-top:40px;padding:65px 0;}
.c_4 {background-color:rgba(29,130,0,.7);width:140px;height:140px;border:0px solid #dedede; left:50%; position: absolute;margin-left:-180px;margin-top:170px;padding:54px 0;}
.c_5 {background-color:rgba(29,130,0,.6);width:140px;height:140px;border:0px solid #dedede; left:50%; position: absolute;margin-left:40px;margin-top:170px;padding:54px 0;}
.c_6 {background-color:rgba(29,130,0,.3);width:10px;height:10px;border:0px solid #dedede; left:50%; position: absolute;margin-left:-105px;margin-top:120px;}
.c_7 {background-color:rgba(29,130,0,.3);width:10px;height:10px;border:0px solid #dedede; left:50%; position: absolute;margin-left:95px;margin-top:120px;}
.c_8 {background-color:rgba(29,130,0,.3);width:10px;height:10px;border:0px solid #dedede; left:50%; position: absolute;margin-left:-5px;margin-top:305px;}
.c_mini {font-size:20px;}
.c_big {font-size:26px;}
}




.k_title {font-size:50px;margin:70px 0 20px 0;color:rgba(29,130,0,.7);font-family:"S-CoreDream-7"}
.k_sub {font-size:16px;margin:0px 0 30px 0px;}
.k_c_1 {background-color:rgba(29,130,0,.9);}
.k_c_2 {background-color:rgba(29,130,0,.7);}
.k_c_3 {background-color:rgba(29,130,0,.5);}
.k_bars {height:50px;margin:8px 0 5px;padding-top:13px;}
.colors{text-align:center;clear:both;color:#ffffff;}
.rgb{text-align:left;background-color:rgba(29,130,0,.2);}
@media (min-width: 768px) /*¸ð¹ÙÀϺ¸´Ù Å©¸é*/
{
.k_bar {width:33%;float:left;overflow:hidden;padding:0 10px;}
.rgb{font-size:14px;line-height:30px;padding:10px 20px;}
.colors{font-size:17px;}
}

@media (max-width: 767px)/*¸ð¹ÙÀÏ¿¡¼­*/
{
.k_bar{width:33%;float:left;overflow:hidden;padding:0 3px;}
.rgb{font-size:12px;line-height:13px;padding:15px 6px;color:#606060;}
.colors{font-size:15px;}
}