@charset "utf-8";

/*¸ÞÀÎ »ö»óÁöÁ¤ */
.main_but_bg {background-color:#22a7ff;}
.bg_de {background-color:#dedede;}

/*¹ÌµéÁöÁ¤*/
.middles {width:1028px; margin:0 auto 0 auto;}
@media (max-width:1028px;){

.middles {width:100%;}

}

/*¸ð¹ÙÀÏ*/
.cl_mobile {display:none;}

/*ÄÁÅÙÃ÷ ¹è°æ*/


/*À̹ÌÁö-½ºÆ¼Ä¡¹è°æ*/
.cl_back_1 {border:0px solid #000000;background-color:#ffffff;padding:10px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;margin-top:10px;}
.cl_back_2_in{border:1px dashed #dfe1e6;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:10px;}

/*À̹ÌÁö-ºí·¯È¿°ú*/
.cl_blur_3 {-webkit-filter: blur(3px);-moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter:blur(3px); filter: blur(3px);}

/*À̹ÌÁö-º¸´õ¸ð¾ç*/
.cl_border {border:1px solid #dedede;}
.circle {border-radius: 50%; -moz-border-radius:50%;-webkit-border-radius: 50%;}

/*À̹ÌÁö-¹Ú½º µÕ±Ù Å׵θ®*/
.cl_radius_10 {border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.cl_radius_20 {border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}



/*À̹ÌÁö-±×¸²ÀÚÈ¿°ú*/
.cl_shadows {text-shadow: 0px 0px 10px #ffffff;font-size:20px;font-weight:bold;margin-top:20px;}
.cl_box_shadow {box-shadow: 0px 0px 20px 1px rgba(0,0,0,.3);}
.cl_box_shadow_2 {box-shadow: 0px 0px 5px 2px rgba(0,0,0,.2);}
.cl_box_shadow_3 {box-shadow: 0px 0px 10px 1px rgba(0,0,0,.1);}
.cl_box_shadow_4 {box-shadow: 0px 0px 20px 1px rgba(0,0,0,.8);}

/*±ÛÀÚÈ¿°ú*/
.cl_aleft {text-align:left;}
.cl_center {text-align:center;}
.cl_b {font-weight:bold;}
.cl_fw {color:#ffffff;}
.cl_fb {color:#000000;}
.cl_fb_1{color:#6a6a6a;}

/*Ç¥ÁØ ±ÛÀÚ»çÀÌÁî*/
.cl_font_title_1{font-size:36px;}
.cl_font_title_2{font-size:26px;}
.cl_font_title_3{font-size:23px;}
.cl_font_sub_1{font-size:20px;}
.cl_font_sub_2{font-size:14px;}
.cl_font_con_1{font-size:13px;}

.cl_font_16{font-size:16px;}

/*¸¶¿ì½º Æ÷ÀÎÅÍ*/
.cl_pointer {cursor:pointer;}


/*¹ØÁÙ¸ð¾ç*/
.cl_dot u{border-bottom: 1px dashed; padding-bottom: 1px; text-decoration:none;}

/*·Î°í°¡´ÉÆùÆ®*/
.cl_font_round_1 {font-family:"NanumSquareRound";font-weight:300;}
.cl_font_round_2 {font-family:"NanumSquareRound";font-weight:400;}
.cl_font_round_3 {font-family:"NanumSquareRound";font-weight:700;}
.cl_font_round_4 {font-family:"NanumSquareRound";font-weight:800;}

/*float¹ö±× clearfix*/
.cl_fix {*zoom:1;} 
.cl_fix:before, .cl_fix:after {display: block; content: ''; line-height: 0;} 
.cl_fix:after {clear: both;}


/*Âü°í¼Ò½º
¹è°æ ³Ö±â {background:linear-gradient(to right top,rgba(0,0,0,0),rgba(0,0,0,.5)),url('../img/end_bg.jpg');background-size:cover;background-position:center;}
µµÆ® ¶ó¿îµå ¹Ú½º {border:3px dashed #746665;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;}
±ÛÀÚÅ׵θ® {text-shadow: -1px 0 #4d8867, 1px 0 #4d8867, 0 -1px #4d8867, 0 1px #4d8867;}
»ï°¢Çü {position: absolute;width:0; height:0px;border-top:200px solid rgba(255,255,255,.6);border-right:200px solid transparent;}

*/

.cl_butts {
	border-radius:3px;
	background-color:#ff766a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	text-align:center;
	padding:10px 20px;
	text-decoration:none;
}
.cl_butts:hover {
	background-color:rgba(0,0,0,.7);color:#ffffff;
}
.cl_butts:active {
	position:relative;
	top:1px;
}




@media (max-width: 767px){
.cl_font_title_1{font-size:25px;}
.cl_font_title_2{font-size:17px;}
.cl_font_title_3{font-size:20px;}
.cl_font_sub_1{font-size:13px;}
.cl_font_sub_2{font-size:15px;}
.cl_font_con_1{font-size:14px;}
.cl_mo_100{width:100%;}
}

@media all and (max-width:480px)
{
.cl_pc{display:none;}
.cl_mo_100{width:100%;margin-top:10px;}
}