@charset "utf-8";

/**** 공통소스 ****/
@-ms-viewport {
  width: device-width;
}


/**** pc ****/
@media only all and (min-width:769px) {
.pc_view { display:block}
.mobile_view { display:none}
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
.pc_view { display:none }
.mobile_view {display:block}
}


/**** 컨텐츠 사이즈 ****/
.contents_in{ width:1250px; margin:0px auto; position:relative}
@media all and (min-width:1271px) {
.contents_in{width:1250px; margin:0px auto; position:relative}
}
@media all and (max-width:1270px) and (min-width:1251px) {
.contents_in{width:95%; margin:0px auto; position:relative}
}
@media all and (max-width:1250px) and (min-width:1025px) {
.contents_in{width:95%;  margin:0px auto; position:relative}}
@media all and (max-width:1024px) and (min-width:769px) {
.contents_in{ width:95%;  margin:0px auto; position:relative}}
@media all and (max-width:768px) and (min-width:100px) {
.contents_in{ width:95%;  margin:0px auto; position:relative}}



a{text-decoration:none}
a:hover{text-decoration:none}

.t_center{text-align:center}
.t_right{text-align:right}
.text-center{text-align:center}
.div_img{ width:100%; float:left}
.div_img img{ }
@media all and (max-width:1024px) and (min-width:769px) {
.div_img{ width:100%; float:left}
.div_img img{ width:70% }}
@media all and (max-width:768px) and (min-width:100px) {
.div_img{ width:100%; float:left}
.div_img img{ width:100% !important }}

/**** 가로기본 ****/
.comf{ width:100%; float:left}
.img_m{ display:none}
.img_pc{ width:100%; float:left}
@media all and (max-width:1024px) and (min-width:769px) {
.comf{ width:100%; float:left}
.comf img{ width:100%; }
}
@media all and (max-width:768px) and (min-width:100px) {
.comf{ width:100%; float:left}
.comf img{ width:100%; }
.img_m{width:100%; float:left; display:block }
.img_m img{width:100%;  }
.img_pc{ display:none}
}

.fl{float:left}
.fr{float:right}

/**** 중간라인 ****/
.w_50p_line_r{float:left; width:calc(50% - 1px); box-sizing:border-box; border-right:1px solid #ccc;  padding-right:40px}
.w_50p_line_l{float:right; width:calc(50% - 1px); box-sizing:border-box ; padding-left:40px}

.w_100p{float:left; width:100% ; box-sizing:border-box; }

@media all and (max-width:768px) and (min-width:100px) {
.w_50p_line_r{float:left; width:100%; box-sizing:border-box; border-right:none;   padding:0px 0px; margin-bottom:0px}
.w_50p_line_l{float:left; width:100%; box-sizing:border-box ; padding:0px 0px; margin-bottom:0px}}

/**** 컨텐츠 사이 ****/
.sp_div{ width:100%; float:left; height:100px}
.sp_div2{ width:100%; float:left; height:50px}
.sp_div3{ width:100%; float:left; height:80px}
@media all and (max-width:1024px) and (min-width:769px) {
.sp_div{ width:100%; float:left; height:50px}
.sp_div2{ width:100%; float:left; height:25px}
.sp_div3{ width:100%; float:left; height:40px}
}
@media all and (max-width:768px) and (min-width:100px) {
.sp_div{ width:100%; float:left; height:25px}
.sp_div2{ width:100%; float:left; height:10px}
.sp_div3{ width:100%; float:left; height:20px}
.sp_moble_20{ width:100%; float:left; height:20px}
.sp_moble_30{ width:100%; float:left; height:30px}
.sp_moble_40{ width:100%; float:left; height:40px}}


/**** 기본타이틀 ****/
.title_st1{ width:100%; float:left; font-size:34px; font-weight:600; color:#333; letter-spacing:-2px; margin-bottom:30px; line-height:40px}
.title_st1 em{ font-weight:400;}

.title_st2{ width:100%; float:left; font-size:36px; font-weight:400; color:#333; letter-spacing:-2px; line-height:40px; text-align:center}
.title_st2 em{ font-weight:400;}

.title_st3{ width:100%; float:left; font-size:20px; font-weight:400; color:#333; letter-spacing:-2px; line-height:20px; margin-bottom:10px;}
.title_st3 em{ font-weight:400;}

.title_st4{ width:100%; float:left; font-size:25px; font-weight:400; color:#666; letter-spacing:-2px; margin-bottom:30px; line-height:30px}
.title_st4 em{ font-weight:400; font-size:30px;color:#000;}


.title_st5{ width:100%; float: left;  font-size: 30px;  color: #000; margin-bottom: 30px ; letter-spacing: -1.5px ; font-weight: 400; line-height: 130%}
.title_st5 em{font-weight: 600}




@media all and (min-width:1251px) {
.title_st1{ width:100%; float:left; font-size:34px; font-weight:500; color:#333; letter-spacing:-2px; margin-bottom:30px; line-height:40px}
.title_st1 em{ font-weight:700;}

.title_st2{ width:100%; float:left; font-size:36px; font-weight:400; color:#333; letter-spacing:-2px; line-height:40px; text-align:center}
.title_st2 em{ font-weight:400;}

.title_st3{ width:100%; float:left; font-size:20px; font-weight:400; color:#333; letter-spacing:-2px; line-height:20px; margin-bottom:10px;}
.title_st3 em{ font-weight:400;}

.title_st4{ width:100%; float:left; font-size:25px; font-weight:400; color:#666; letter-spacing:-2px; margin-bottom:30px; line-height:30px}
.title_st4 em{ font-weight:400; font-size:30px;color:#000;}
	
.title_st5{ width:100%; float: left;  font-size: 30px;  color: #000; margin-bottom: 30px ; letter-spacing: -1.5px ; font-weight: 400; line-height: 130%}
.title_st5 em{font-weight: 600}	
	
	
}

@media all and (max-width:1250px) and (min-width:1025px) {
.title_st1{ width:100%; float:left; font-size:34px; font-weight:400; color:#333; letter-spacing:-2px; margin-bottom:30px; line-height:40px}
.title_st1 em{ font-weight:400;}

.title_st2{ width:100%; float:left; font-size:36px; font-weight:400; color:#333; letter-spacing:-2px; line-height:40px; text-align:center}
.title_st2 em{ font-weight:400;}

.title_st3{ width:100%; float:left; font-size:20px; font-weight:400; color:#333; letter-spacing:-2px; line-height:20px; margin-bottom:10px;}
.title_st3 em{ font-weight:400;}

.title_st4{ width:100%; float:left; font-size:25px; font-weight:400; color:#666; letter-spacing:-2px; margin-bottom:30px; line-height:30px}
.title_st4 em{ font-weight:400; font-size:30px;color:#000;}

.title_st5{ width:100%; float: left;  font-size: 30px;  color: #000; margin-bottom: 30px ; letter-spacing: -1.5px ; font-weight: 400; line-height: 130%}
.title_st5 em{font-weight: 600}	
}

@media all and (max-width:1024px) and (min-width:769px) {
.title_st1{ width:100%; float:left; font-size:34px; font-weight:400; color:#333; letter-spacing:-2px; margin-bottom:30px; line-height:40px}
.title_st1 em{ font-weight:400;}

.title_st2{ width:100%; float:left; font-size:36px; font-weight:400; color:#333; letter-spacing:-2px; line-height:40px; text-align:center}
.title_st2 em{ font-weight:400;}

.title_st3{ width:100%; float:left; font-size:20px; font-weight:400; color:#333; letter-spacing:-2px; line-height:20px; margin-bottom:10px;}
.title_st3 em{ font-weight:400;}

.title_st4{ width:100%; float:left; font-size:25px; font-weight:400; color:#666; letter-spacing:-2px; margin-bottom:30px; line-height:30px}
.title_st4 em{ font-weight:400; font-size:30px;color:#000;}
	
.title_st5{ width:100%; float: left;  font-size: 30px;  color: #000; margin-bottom: 30px ; letter-spacing: -1.5px ; font-weight: 400; line-height: 130%}
.title_st5 em{font-weight: 600}	
}

@media all and (max-width:768px) and (min-width:100px) {
.title_st1{ width:100%; float:left; font-size:20px; font-weight:400; color:#333; letter-spacing:-2px; margin-bottom:20px; line-height:28px}
.title_st1 em{ font-weight:600;}

.title_st2{ width:100%; float:left; font-size:23px; font-weight:400; color:#333; letter-spacing:-2px; line-height:30px; text-align:left}
.title_st2 em{ font-weight:400;}

.title_st3{ width:100%; float:left; font-size:20px!important; font-weight:400; color:#333; letter-spacing:-2px; line-height:20px; margin-bottom:10px;}
.title_st3 em{ font-weight:400;}


.title_st4{ display:block; width:100%; float:left; font-size:18px; font-weight:400; color:#666; letter-spacing:0px; margin-bottom:15px; line-height:20px}
.title_st4 em{ font-weight:400; font-size:18px;color:#000;}
	
.title_st5{ width:100%; float: left;  font-size: 24px;  color: #000; margin-bottom:10px ; letter-spacing: -1.5px ; font-weight: 400; line-height: 130%; }
.title_st5 em{font-weight: 600}	
	
}


/**** 기본컨텐츠 ****/
.text_st1{ width:100%; float:left; font-size:17px; font-weight:500; color:#666; letter-spacing:-1px; margin-bottom:20px; line-height:28px}
.text_st2{ width:100%; float:left; font-size:14px; font-weight:400; color:#666; letter-spacing:-0.5px; margin-bottom:20px; line-height:28px}
.text_st2 em{ font-size:18px; font-weight:400; color:#333; }
.text_st3{ width:100%; float:left; font-size:15px; font-weight:400; color:#666; letter-spacing:-0.5px; margin-bottom:20px; line-height:28px}
.text_st3 em{ font-size:18px; font-weight:400; color:#333; }
.text_st5{ width:100%; float:left; font-size:17px; font-weight:500; color:#666; letter-spacing:-1px; margin-bottom:20px; line-height:28px; word-wrap: break-word;
word-break: keep-all;}

@media all and (max-width:768px) and (min-width:100px) {
.text_st1{ width:100%; float:left; font-size:12px; font-weight:400; color:#666; letter-spacing:-0.5px; margin-bottom:10px; line-height:18px}
.text_st2{ width:100%; float:left; font-size:14px; font-weight:400; color:#666; letter-spacing:-0.5px; margin-bottom:0px; line-height:25px}
.text_st2 em{ font-size:18px; font-weight:400; color:#333; }
.text_st3{ width:100%; float:left; font-size:15px; font-weight:400; color:#666; letter-spacing:-0.5px; margin-bottom:10px; line-height:23px}
.text_st3 em{ font-size:18px; font-weight:400; color:#333; }
.text_st5{ width:100%; float:left; font-size:15px; font-weight:500; color:#666; letter-spacing:-1px; margin-bottom:20px; line-height:24px; word-wrap: break-word;
word-break: keep-all;}
}

/**** 이미지 왼쪽 ****/
.text_img_left{ width:100%; float:left;}
.text_img_left img{ width:40%; float:left;}
.text_img_left .text{ width:60%; float:right;  font-size:14px; font-weight:400; color:#666; letter-spacing:-0.5px; box-sizing:border-box; padding-left:20px}
@media all and (max-width:768px) and (min-width:100px) {
.text_img_left{ width:100%; float:left;}
.text_img_left img{ width:40%; float:left;}
.text_img_left .text{ width:60%; float:right;  font-size:12px; font-weight:400; color:#666; letter-spacing:-0.5px; box-sizing:border-box; padding-left:20px; line-height:18px}}

/**** 라인 ****/
.line_b{ width:100%; float:left; border-bottom:1px solid #ccc; height:1px; margin:50px 0px}
.line_b2{ width:100%; float:left; border-bottom:1px solid #ccc; height:1px; margin:5px 0px}
.line_b3{ width:100%; float:left; border-bottom:1px solid #ccc; height:1px; margin:50px 0px}
@media all and (max-width:1024px) and (min-width:769px) {
.line_b{ width:100%; float:left; border-bottom:1px solid #ccc; height:1px; margin:30px 0px}}
@media all and (max-width:768px) and (min-width:100px) {
.line_b{ width:100%; float:left; border-bottom:none; height:1px; margin:10px 0px}
.line_b3{ width:100%; float:left; border-bottom:1px solid #ccc; height:1px; margin:20px 0px}

}


.title_b_line{ width:100%; float:left; margin:10px 0px 30px 0px; height:1px; border-left:90px solid #666; box-sizing:border-box; display: none}
@media all and (max-width:768px) and (min-width:100px) {
.title_b_line{ width:100%; float:left; margin:0px 0px 10px 0px; height:1px; border-left:50px solid #666; box-sizing:border-box}}


/**** 리스트-아이콘 ****/
.list_st1{ width:100%; float:left; }
.list_st1 ul li{
	width:100%;
	float:left;
	background-image: url(../_img/common/list_icon.gif);
	background-repeat: no-repeat;
	background-position: left 0px; margin-bottom:15px; box-sizing:border-box; padding-left:25px; font-size:17px
}
@media all and (max-width:768px) and (min-width:100px) {
.list_st1{ width:100%; float:left; }
.list_st1 ul li{
	width:100%;
	float:left;
	background-image: url(../_img/common/list_icon.gif);
	background-repeat: no-repeat; background-size: 15px;
	background-position: left 5px; margin-bottom:5px; box-sizing:border-box; padding-left:20px; font-size:15px; line-height:24px; word-wrap: break-word;
word-break: keep-all;
}

}


/**** 영역 ****/
.w_100p{  width:100% ;box-sizing:border-box}
.w_90p{ width:90% ;box-sizing:border-box }
.w_80p{  width:80% ;box-sizing:border-box }
.w_70p{ width:70% ;box-sizing:border-box }
.w_60p{  width:60% ;box-sizing:border-box }
.w_50p{ width:50% ;box-sizing:border-box }
.w_48p{  width:48% ;box-sizing:border-box }
.w_45p{  width:45% ;box-sizing:border-box }
.w_40p{  width:40% ;box-sizing:border-box }
.w_33p{ width:33% ;box-sizing:border-box }
.w_30p{ width:30% ;box-sizing:border-box }
.w_20p{  width:20% ;box-sizing:border-box }
.w_19p{ width:18% ;box-sizing:border-box }
.w_18p{ width:18% ;box-sizing:border-box }
.w_16p{ width:16% ;box-sizing:border-box }
.w_15p{ width:15% ;box-sizing:border-box }
.w_10p{ width:10% ;box-sizing:border-box }
.w_14p{ width:14% ;box-sizing:border-box }

/**** 영역 ****/
.w_90p_center{width:90% ;box-sizing:border-box; margin:0px auto }
.w_80p_center{ width:80% ;box-sizing:border-box ; margin:0px auto}
.w_70p_center{ width:70% ;box-sizing:border-box ; margin:0px auto}
.w_60p_center{ width:60% ;box-sizing:border-box ; margin:0px auto}
.w_50p_center{ width:50% ;box-sizing:border-box; margin:0px auto }
.w_40p_center{ width:40% ;box-sizing:border-box; margin:0px auto }
.w_30p_center{  width:30% ;box-sizing:border-box; margin:0px auto }
.w_20p_center{  width:20% ;box-sizing:border-box ; margin:0px auto}
.w_10p_center{  width:10% ;box-sizing:border-box; margin:0px auto }




/**** 공백 ****/
.sp_100{ width:100%; height:100px; float:left}
.sp_90{ width:100%; height:90px; float:left}
.sp_80{ width:100%; height:80px; float:left}
.sp_70{ width:100%; height:70px; float:left}
.sp_60{ width:100%; height:60px; float:left}
.sp_55{ width:100%; height:55px; float:left}
.sp_50{ width:100%; height:50px; float:left}
.sp_40{ width:100%; height:40px; float:left}
.sp_30{ width:100%; height:30px; float:left}
.sp_20{ width:100%; height:20px; float:left}
.sp_10{ width:100%; height:10px; float:left}

/**** 마진값: 하단 ****/
.mb_100{ margin-bottom:100px !important}
.mb_90{ margin-bottom:90px !important}
.mb_80{ margin-bottom:80px !important}
.mb_70{ margin-bottom:70px !important}
.mb_60{ margin-bottom:60px !important}
.mb_50{ margin-bottom:50px !important}
.mb_40{ margin-bottom:40px !important}
.mb_30{ margin-bottom:30px !important}
.mb_20{ margin-bottom:20px !important}
.mb_10{ margin-bottom:10px !important}
@media all and (max-width:1024px) and (min-width:769px) {
.mb_30{ margin-bottom:20px !important}
.mb_20{ margin-bottom:10px !important}}
@media all and (max-width:768px) and (min-width:100px) {
.mb_50{ margin-bottom:20px !important}
.mb_40{ margin-bottom:15px !important}
.mb_30{ margin-bottom:10px !important}
.mb_20{ margin-bottom:5px !important}}


/**** 마진값: 상단 ****/
.mt_100{ margin-top:100px}
.mt_90{ margin-top:90px}
.mt_80{ margin-top:80px}
.mt_70{ margin-top:70px}
.mt_60{ margin-top:60px}
.mt_50{ margin-top:50px}
.mt_40{ margin-top:40px}
.mt_30{ margin-top:30px}
.mt_20{ margin-top:20px}
.mt_10{ margin-top:10px}
.mt_5{ margin-top:5px}

@media all and (max-width:768px) and (min-width:100px) {
.mt_100{ margin-top:5px}
.mt_90{ margin-top:45px}
.mt_80{ margin-top:0px}
.mt_70{ margin-top:35px}
.mt_60{ margin-top:20px}
.mt_50{ margin-top:15px}
.mt_40{ margin-top:5px}
.mt_30{ margin-top:5px}
.mt_20{ margin-top:10px}
.mt_10{ margin-top:5px}
.mt_5{ margin-top:2px}}


/**** 마진값: 좌 ****/
.ml_10{ margin-left:100px}
.ml_90{ margin-left:90px}
.ml_80{ margin-left:80px}
.ml_70{ margin-left:70px}
.ml_60{ margin-left:60px}
.ml_50{ margin-left:50px}
.ml_40{ margin-left:40px}
.ml_30{ margin-left:30px}
.ml_20{ margin-left:20px}
.ml_10{ margin-left:10px}


/**** 마진값: 우 ****/
.mr_100{ margin-right:100px}
.mr_90{ margin-right:90px}
.mr_80{ margin-right:80px}
.mr_70{ margin-right:70px}
.mr_60{ margin-right:60px}
.mr_50{ margin-right:50px}
.mr_40{ margin-right:40px}
.mr_30{ margin-right:30px}
.mr_20{ margin-right:20px}
.mr_10{ margin-right:10px}
.mr_5{ margin-right:5px}
.mr_2{ margin-right:2px}


/**** 패딩: 상하좌우 ****/

.pd_50{padding:50px}
.pd_40{padding:40px}
.pd_30{padding:30px}
.pd_20{padding:20px}
.pd_10{padding:10px}
/**** 패딩: 좌 ****/

.pd_l_50{padding-left:50px;box-sizing:border-box}
.pd_l_40{padding-left:40px;box-sizing:border-box}
.pd_l_30{padding-left:30px;box-sizing:border-box}
.pd_l_20{padding-left:20px ;box-sizing:border-box}
.pd_l_10{padding-left:10px; box-sizing:border-box}


/**** 테두리 라운드 각 ****/
.br_0{border-radius: 0px;}
.br_2{border-radius: 2px;}
.br_4{border-radius: 4px;}
.br_5{border-radius: 5px;}
.br_7{border-radius: 7px;}
.br_10{border-radius: 10px;}


/**** 패딩: 상 ****/

.pd_t_5{padding-top:5px;box-sizing:border-box}
.pd_t_10{padding-top:10px;box-sizing:border-box}
.pd_t_15{padding-top:15px;box-sizing:border-box}
.pd_t_20{padding-top:20px;box-sizing:border-box}
.pd_t_25{padding-top:25px;box-sizing:border-box}


@media all and (max-width:768px) and (min-width:100px) {
.pd_t_15{padding-top:5px;box-sizing:border-box}
.pd_t_10{padding-top:5px;box-sizing:border-box}
}

/**** 버튼크기 ****/
.btn_size1{padding:0px 10px; font-size:13px; height:30px; line-height:30px !important; display: inline-block}
.btn_size2{padding:0px 15px; font-size:14px;  height:35px; line-height:35px !important; display: inline-block}
.btn_size3{padding:0px 25px; font-size:14px;  height:40px; line-height:40px !important; display: inline-block}

.btn_size4{padding:0px 5px; font-size:12px; height:21px; line-height:18px !important; display: inline-block}

/**** 버튼컬러 ****/
.btn_gray1{ border:1px solid #ccc; background-color:#eee; color:#666;text-decoration:none}
.btn_gray1:hover{ border:1px solid #999999; background-color:#eee; color:#666;text-decoration:none}

.btn_gray2{ border:1px solid #666; background-color:#999; color:#fff;text-decoration:none}
.btn_gray2:hover{ border:1px solid #333; background-color:#666; color:#fff;text-decoration:none}

.btn_gray3{ border:1px solid #333; background-color:#666666; color:#fff;text-decoration:none}
.btn_gray3:hover{ border:1px solid #000; background-color:#333; color:#fff;text-decoration:none}

.btn_white1{ border:1px solid #ccc; background-color:#fff; color:#666;text-decoration:none}
.btn_white1:hover{ border:1px solid #999999; background-color:#fff; color:#666;text-decoration:none}

.btn_black1{ border:1px solid #000; background-color:#333; color:#fff;text-decoration:none}
.btn_black1:hover{ border:1px solid #000; background-color:#000; color:#fff;text-decoration:none}


/**** 포인트버튼 ****/
.btn_point1{ border:1px solid #3e64ab; background-color:#5d84cf; color:#fff;text-decoration:none}
.btn_point1:hover{ border:1px solid #2f539a; background-color:#3e64ab; color:#fff;text-decoration:none}




/**** 박스컬러 ****/
.box_gray1{border:1px solid #ccc; background-color:#f7f7f7; }


/**** 폰트크기 ****/
.font_19{ font-size:19px;!important }
.font_18{ font-size:18px; !important}
.font_17{ font-size:17px; !important}
.font_16{ font-size:16px; !important}
.font_15{ font-size:15px; !important}
.font_14{ font-size:14px;!important }
.font_13{ font-size:13px;!important }
.font_12{ font-size:12px; !important}

.fw_200{ font-weight:200}
.fw_300{ font-weight:300}
.fw_400{ font-weight:400}
.fw_500{ font-weight:500}

.font_color1{ color:#4e7bce }
.font_color2{ color:#c89773 }


/**** 아이콘 li 설명 텍스트 : 체크아이콘 ****/
ul.iconlist1{ width:100%; float:left; }
ul.iconlist1 li{ width:100%; float:left;margin-bottom:10px; position:relative; font-size:14px; color:#666; line-height:18px; padding-left:25px; box-sizing:border-box}
ul.iconlist1 li i{ float:left; font-size:18px; color:#666; position:absolute; left:0px; top:0px; line-height:19px }



/**** 테이블 bg ****/
.tb_bg_color1{ background-color:#e7e9ef !important}


/**** 폰트 강조****/
.font_em { font-weight:600; color:#000}
.font_em2 { font-weight:600; color:#0b8bc1}
.font_em3 {
	font-weight:600;
	color:#0b8bc1;
	text-decoration: underline;
}
.font_em4 { font-weight:600; }

/**** 입력폼 기본 ****/

input[type="search"] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
input[type="radio"], input[type="checkbox"] {
	margin:4px 0 0;
	margin-top:1px \9;
	line-height:normal
}
input[type="file"] {
	display:block
}
input[type="range"] {
	display:block;
	width:100%
}
select[multiple], select[size] {
	height:auto
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px
}


.input_st1 {
	display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.input_st1:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)
}
.input_st1::-moz-placeholder {
color:#999;
opacity:1
}
.input_st1:-ms-input-placeholder {
color:#999
}
.input_st1::-webkit-input-placeholder {
color:#999
}
.input_st1::-ms-expand {
border:0;
background-color:transparent
}
.input_st1[disabled], .input_st1[readonly], input_st1[disabled] .input_st1 {
	background-color:#eee;
	opacity:1
}
.input_st1[disabled], fieldset[disabled] .input_st1 {
	cursor:not-allowed
}



.input_st2 {
	display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#f4f4f4;
	background-image:none;
	 border:none;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.input_st2:focus {
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)
}
.input_st2::-moz-placeholder {
color:#999;
opacity:1
}
.input_st2:-ms-input-placeholder {
color:#999
}
.input_st2::-webkit-input-placeholder {
color:#999
}
.input_st2::-ms-expand {
border:0;
background-color:transparent
}
.input_st2[disabled], .input_st1[readonly], input_st1[disabled] .input_st1 {
	background-color:#eee;
	opacity:1
}
.input_st2[disabled], fieldset[disabled] .input_st1 {
	cursor:not-allowed
}





/* 테이블 기본 */
.tb_01_box{
 width:100%;
 border-top:3px solid #333; float:left
}

.tb_01 {
 width:100%;
}

.tb_01 thead th{height:40px;  border-bottom:1px solid #ccc; color:#333; font-size:17px;  text-align:center; background-color:#f7f7f7;  border-left:1px solid #dfdfdf;  box-sizing:border-box }

.tb_01 thead th:first-child{border-left:none;}


.tb_01 tbody th{
 border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
 padding:10px 0px 10px 0px ;  text-align:left;font-weight:normal; color:#000; background-color:#f7f7f7; font-size:16px;  padding-left:20px;border-left:none;
}


.tb_01 tbody td {
 padding:10px 10px 10px 10px ;
 border-bottom:1px solid #ccc; COLOR:#666666;  border-left:1px solid #dfdfdf; font-size:16px
}

.tb_01 tbody td :first-child{border-left:none;}
@media all and (max-width:1024px) and (min-width:769px) {

.tb_01 tbody th{
 border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
 padding:5px 0px 5px 0px ;  text-align:center;font-weight:normal; color:#000; background-color:#f7f7f7; font-size:14px; border-left:none;
}
.tb_01 tbody th.center{ text-align:center;padding-left:0px;
}
}
@media all and (max-width:768px) and (min-width:100px) {
.tb_01_box{
 width:100%;
 border-top:3px solid #333; float:left
}

.tb_01 {
 width:100%;
}

.tb_01 thead th{height:30px;  border-bottom:1px solid #ccc; color:#333; font-size:12px;  text-align:center; background-color:#f7f7f7;  border-left:1px solid #dfdfdf;  box-sizing:border-box }

.tb_01 thead th:first-child{border-left:none;}


.tb_01 tbody th{
 border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
 padding:3px 3px 3px 5px; text-align:center;font-weight:normal; color:#000; background-color:#f7f7f7; font-size:12px; border-left:none;
}

.tb_01 tbody th.center{ text-align:center;padding-left:0px;
}
.tb_01 tbody td {
 padding:3px 3px 3px 5px;
 border-bottom:1px solid #ccc; COLOR:#666666;  border-left:1px solid #dfdfdf; font-size:12px; line-height:18px
}

.tb_01 tbody td :first-child{border-left:none;}}


/* 모바일만 나오는*/ 

@media only all and (min-width:769px) {
#mm_topimg{  display:none !important; } }
@media all and (max-width:768px) and (min-width:100px) {
#mm_topimg{ display: block; width:100%; }
}


/* 모바일만 나오는*/ 

@media all and (max-width:2000px) and (min-width:1280px) {.mobile_br{display:none}}
@media all and (max-width:1280px) and (min-width:769px) {.mobile_br{display:none}}
@media all and (max-width:768px) and (min-width:100px) {.mobile_br{display: block}}

.pc_br{display: block;; line-height:0px}
@media all and (max-width:768px) and (min-width:100px) {.pc_br{display:none !important; float:left; line-height:0px}}



/* 퀵메뉴 */

.sky_right {right:0px; padding-top:300px; color:#565960; z-index:999999999999999999999999; position: fixed !important; width:70px; height:70px;  text-align:center}
.sky_right ul li {width:70px; height:70px; background-color:#666666; text-align:center; text-align:center; margin-bottom:1px}
.sky_right ul li:hover{background-color:#00cdeb; }
.sky_right ul li .img{width:100%; height:40px;  text-align:center;padding-top:10px; box-sizing:border-box}
.sky_right ul li .text{width:100%; height:20px;  text-align:center; color:#fff; font-size:12px}

@media all and (max-width:1024px) and (min-width:100px) {

.sky_right { display:none}
.sky_right ul li{ display:none}
}

.stitle_bbs{ width:100%; float:left; font-size:20px; font-weight:400; margin-bottom:10px; color:#000}