/**** 공백 ****/
/**** 영역 ****/
@media all and (max-width:3000px) and (min-width:1200px) {

/**** 라인 ****/
.line_b{ width:100%; float:left; border-bottom:1px solid #ccc; height:1px; margin:50px 0px}

/**** 영역 ****/
.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_18p{ width:18% ;box-sizing:border-box }
.w_15p{ width:15% ;box-sizing:border-box }
.w_10p{ width:10% ;box-sizing:border-box }

}
@media all and (max-width:1199px) and (min-width:992px) {
/**** 영역 ****/
.wt_100p{  width:100% ;box-sizing:border-box}
.wt_90p{ width:90% ;box-sizing:border-box }
.wt_80p{  width:80% ;box-sizing:border-box }
.wt_70p{ width:70% ;box-sizing:border-box }
.wt_60p{  width:60% ;box-sizing:border-box }
.wt_50p{ width:50% ;box-sizing:border-box }
.wt_48p{  width:48% ;box-sizing:border-box }
.wt_45p{  width:45% ;box-sizing:border-box }
.wt_40p{  width:40% ;box-sizing:border-box }
.wt_33p{ width:33% ;box-sizing:border-box }
.wt_30p{ width:30% ;box-sizing:border-box }
.wt_20p{  width:20% ;box-sizing:border-box }
.wt_18p{ width:18% ;box-sizing:border-box }
.wt_15p{ width:15% ;box-sizing:border-box }
.wt_10p{ width:10% ;box-sizing:border-box }
.xmb_10{ margin-bottom:0px !important}
}
@media all and (max-width:991px) and (min-width:768px) {
	/**** 영역 ****/
.wm_100p{  width:100% ;box-sizing:border-box}
.wm_90p{ width:90% ;box-sizing:border-box }
.wm_80p{  width:80% ;box-sizing:border-box }
.wm_70p{ width:70% ;box-sizing:border-box }
.wm_60p{  width:60% ;box-sizing:border-box }
.wm_50p{ width:50% ;box-sizing:border-box }
.wm_48p{  width:48% ;box-sizing:border-box }
.wm_45p{  width:45% ;box-sizing:border-box }
.wm_40p{  width:40% ;box-sizing:border-box }
.wm_33p{ width:33% ;box-sizing:border-box }
.wm_30p{ width:30% ;box-sizing:border-box }
.wm_20p{  width:20% ;box-sizing:border-box }
.wm_18p{ width:18% ;box-sizing:border-box }
.wm_15p{ width:15% ;box-sizing:border-box }
.wm_10p{ width:10% ;box-sizing:border-box }
.xmb_10{ margin-bottom:5px !important}
.xfl{ float:left} }

/**** 공백 ****/
.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_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}

/**** 마진값: 상단 ****/
.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}


/**** 마진값: 좌 ****/
.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;}



.t_r {
	text-align:right
}
.t_c {
	text-align:center
}
.t_l {
	text-align:left
}
.logintext					{ float:left;width:100%; font-size:12px; text-align:right;padding:20px 0px; }
.font_size1				{ font-size:16px !important}
.comf			     { float:left}
.pl_10			    { padding-left:10px}
.com_line30			{ line-height:30px}
.in_centerdiv		{width: 100%;  text-align: center; overflow: hidden; box-sizing:border-box; padding:0px 20px}
.in_centerdiv .inbox{  display: inline-block; vertical-align: middle;}

.infotext			     { float:left; width:100%; font-size:12px; padding:20px 10px; text-align:left}
.infotext2			     { float:left; width:100%; font-size:12px; padding:10px 10px; text-align:left}

.search_day{  width: 100%;   padding-left:20px;  padding-right:20px; float: left; margin-bottom:25px}
.search_day .inbox{  width: 100%; margin:0px auto; text-align: center; overflow: hidden; box-sizing:border-box;}
.search_day .inbox .int01{ width:50px;display: inline-block; vertical-align: middle; }
.search_day .inbox .int02{ width:150px;display: inline-block; vertical-align: middle; }
.search_day .inbox .int03{ width:30px; text-align:center; display: inline-block; vertical-align: middle; }
.search_day .inbox .int04{ width:100px; display: inline-block; vertical-align: middle; }

.font_color1{ color:#000}
.btn_maincolor{ background-color:#34495e !important; border:1px solid #164c32 ; min-width:80px}
.btn_maincolor:hover{ background-color:#02371e !important; border:1px solid #02371e }

p.inputtext{ float:left; line-height:18px; font-size:13px; margin-right:5px; padding:5px 0px}
a.sbtn{ padding:4px; background-color:#999; color:#fff; font-size:11px}
.inputsize{ min-width:100px}
.tdbg{ background-color:#f2fff0 !important; }
.tdbg a:hover{ text-decoration: underline !important }
.tdbg a{ text-decoration: underline !important }

.link a:hover{ text-decoration: underline !important }
.link a{ text-decoration: underline !important }


.detail{  float:left; width:100% }
.detail .l_div{  float:left; width:50% ; text-align:left}
.detail .r_div{  float:left; width:50% ; text-align:right}

.pd_rl5{ padding:0px 5px}


@media only all and (min-width:721px) {
.search_day{  width: 100%;   padding:0px 20px; float: left}
.search_day .inbox{  width:98%; margin:0px auto; text-align: center; overflow: hidden; box-sizing:border-box;}
.search_day .inbox .int01{ width:50px;display: inline-block; vertical-align: middle; }
.search_day .inbox .int02{ width:300px;display: inline-block; vertical-align: middle; padding-top:13px }
.search_day .inbox .int03{ width:30px; text-align:center; display: inline-block; vertical-align: middle; }
.search_day .inbox .int04{ width:100px; display: inline-block; vertical-align: middle; }
.search_day .inbox .int05{ width:150px; display: inline-block; vertical-align: middle; }
.search_day .r_btn{ width:150px; display: inline-block; vertical-align: middle; }
}
/**** 모바일공통 ****/
@media only all and (max-width:720px) {
.search_day{  width: 100%;   padding:0px 20px; float: left}
.search_day .inbox{  width: 90%; margin:0px auto; text-align: center; overflow: hidden; box-sizing:border-box;}
.search_day .inbox .int01{ width:100%;display: inline-block; vertical-align: middle; text-align:left; }
.search_day .inbox .int02{ width:100%;;display: inline-block; vertical-align: middle; }
.search_day .inbox .int03{ width:16%x; text-align:center; display: inline-block; vertical-align: middle; }
.search_day .inbox .int04{ width:100%; display: inline-block; vertical-align: middle; margin-top:0px }
.search_day .inbox .int05{ width:100%; display: inline-block; vertical-align: middle; margin-bottom:10px }
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}




.tb_01_box{
 width:100%;
 float:left
}

.tb_01_box_2{
 width:33%;
float:left; margin-left:0.5%
}


.tb_01_box_1{
 width:33%;
float:left; margin-left:none
}


.tb_01 {
 width:100%;   border-top:2px solid #999; float:left;   border-left:1px solid #dfdfdf;
}

.tb_01 thead th{
  border-bottom:1px solid #bfbfd4; color:#333; font-size:13px;  text-align:center; background-color:#f0f6ff;  border-right:1px solid #dfdfdf;  padding:10px 10px 10px 10px ; font-weight:normal;
}


.tb_01 tbody th{
 background-color:#efefef;
 border-bottom:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
 padding:10px 10px 10px 25px ; border-right:1px solid #dfdfdf;  font-weight:500;  text-align:left; font-size:14px; color:#000
}

.tb_01 tbody td {
 padding:8px 10px 8px 10px ;
 line-height:20px;
 border:1px solid #dfdfdf; COLOR:#333; border-left:none;  font-size:13px; 
}

.tb_01 tbody td a{ text-decoration:underline
}
.tb3{ width:100%; float:left}
.tb3 ul li{ width:33.3%; float:left; margin-left:; list-style:none}
ul,ol,li{list-style:none; padding-left:0px }

ul.tw_2  li{width:50%;} 
ul.tw_3  li{width:33.3%;} 
ul.tw_4  li{width:25%;} 
ul.tw_5  li{width:20%;} 
ul.tw_6  li{width:16.6666%;} 

.tab{ width:100%; display:block; margin-top:10px; margin-bottom:5px ;  display:inline-block;} 
.tab ul{  float:left;  width:100%;} 

.tab ul li{ float:left;background-color:#f3f3f3;  text-align:center; color:#999999; font-size:12px; height:35px; line-height:35px;  border:1px solid #ccc; margin:-1px 0px 0px -1px ; box-sizing:border-box  } 
.tab ul li a{ float:left; width:100%; text-align:center; color:#999999; font-size:12px;  height:35px; line-height:35px; text-decoration: none;
} 

.tab ul li.active{ float:left;  background-color:#135f3b; text-align:center; color:#fff; font-size:12px;  height:35px; line-height:35px; border:1px solid #333; border-bottom:none; margin:-1px 0px 0px -1px; box-sizing:border-box } 
.tab ul li.active a{
	float:left;

	width:100%;
	text-align:center;
	color:#fff;
	font-size:12px;
	height:35px;
	line-height:35px;
	text-decoration: none; 
}