/* 모바일인경우 */
@media (max-width: 767px) {
  .body_box{border:none;}
  .padding_left_right{padding:0px 5px 0 5px;box-sizing:border-box;}/*좌우여백*/
  .wide_show{display:none;}
  .wide_show_margin_left{margin-left:0px;}
  .wide_show_padding_left{padding-left:0px;box-sizing:border-box;}
  .small_show{display:block;}
  .active_width_50_100{width:100%;}/* 50%에서 100% 변경 */
  .mobile_hide{display:none;}
  .div_layout_2{width:100%;box-sizing:border-box;}
  .border_left_line{border-left:none;}
  
  .layout_count2 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }

  .layout_count3 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }

  .layout_count4 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .div_float_left2{
    width:100%;
  }
  
  .div_float_left3{
    float:left;
    width:100%;
  	padding:5px;
	  box-sizing:border-box;
  }

  .div_float_left4{
    width:50%;
  	padding:5px;
	  box-sizing:border-box;
  }
  .div_float_left5{
    width:50%;
  	padding:5px;
	  box-sizing:border-box;
  }

  /*첫화면 좌측 텍스트 상하여백*/
  .index_top_bottom{
    padding:50px 0 50px 0px;
    height:300px;
  }

  /*첫화면 하단 정보부분*/
  .index_bottom_div4{
    padding:20px 25px 20px 25px;
    margin:30px 0 30px 0 10px;
    box-sizing:border-box;
    float:left;
    width:100%;
    min-height:140px;
    text-align:left;
    border-right:none;
    border-bottom:1px solid #cccccc;
  }

  /*반응형 write부분*/
  .pmwrite{
    border-collapse: collapse;
  }

  .pmwrite col:nth-child(odd){/*홀수번째*/
    width: 100%;
  }

  .pmwrite thead th{
    border-bottom:1px solid #dddddd;
    padding:3px 0px 0px 0px;
  }

  .pmwrite tfoot th{
    padding:0px;
  }

  .pmwrite tbody th{
    display:block;
    padding:15px 0 3px 0px;
    text-align:left;
    color: #555555;
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    font-weight:bold;
    min-height:40px;
    box-sizing:border-box;
  }

  .pmwrite tbody td{
    display:block;
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    color:#232323;    
    font-weight: normal;
    padding:0px 0 10px 0px;
    border-bottom:1px solid #eeeeee;
    min-height:40px;
    box-sizing:border-box;
  }
  /*반응형 write부분*/

  /*swrite부분*/
  .swrite{
    border-collapse: collapse;
  }

  .swrite col:nth-child(odd){/*홀수번째*/
    width: 100%;
  }

  .swrite tbody th{
    display:block;
    padding:5px 0 3px 5px;
    text-align:left;
    color: #555555;
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    font-weight:bold;
    box-sizing:border-box;    
  }

  .swrite tbody td{
    display:block;
    padding:0 0 5px 5px;
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    color:#232323;    
    font-weight: normal;    
    text-align:left;
    border-bottom:1px solid #eeeeee;
    box-sizing:border-box;
  }
  /*swrite부분*/

  /*검색관련부분 시작*/
  /*검색박스 모양디자인*/
  .m_search_auto{
    margin:0px;
    position:fixed;
    z-index:9999;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#ffffff;
    border-bottom:1px solid #dddddd;
    display:none;
  }
  /*검색박스 텍스트 입력부분 table 부분*/
  .m_search_auto .c_search_auto_table{
    height:50px;
  }
  /*검색관련부분 종료*/

}


/* 태블릿 화면 */
@media (min-width: 768px) and (max-width: 1023px) {
  .body_box{border:1px solid #d5d5d5;}
  .padding_left_right{padding:0px;}/*좌우여백*/
  .wide_show{display:;}
  .wide_show_margin_left{margin-left:15px;}
  .wide_show_padding_left{padding-left:15px;box-sizing:border-box;}
  .small_show{display:none;}
  .active_width_50_100{width:50%;padding:5px;box-sizing:border-box;}/* 100%에서 50% 변경 */
  .mobile_hide{display:;}
  .div_layout_2{width:50%;box-sizing:border-box;}
  .border_left_line{border-left:none;}

  .layout_count2 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }

  .layout_count3 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }

  .layout_count4 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }

  .div_float_left2{
    width:100%;
  }
  .div_float_left3{
    float:left;
    width:50%;
  	padding:5px;
	  box-sizing:border-box;
  }
  .div_float_left4{
    width:50%;
  	padding:5px;
	  box-sizing:border-box;
  }
  .div_float_left5{
    width:33.3%;
  	padding:5px;
	  box-sizing:border-box;
  }

  /*첫화면 좌측 텍스트 상하여백*/
  .index_top_bottom{
    padding:50px 0 50px 0px;
    height:300px;
  }

  /*첫화면 하단 정보부분*/
  .index_bottom_div4{
    padding:30px 25px 30px 25px;
    margin:30px 0 30px 0 10px;
    box-sizing:border-box;
    float:left;
    width:50%;
    height:180px;
    text-align:left;
    border-right:1px solid #cccccc;
    border-bottom:none;
  }
  .index_bottom_div4_1{
    border-bottom:1px solid #cccccc;
  }
  .index_bottom_div4_2{
    border:none;
    border-bottom:1px solid #cccccc;
  }


  /*반응형 write부분*/
  .pmwrite{
    border-collapse: collapse;
  }

  .pmwrite col:nth-child(odd){/*홀수번째*/
    width: 150px;
  }

  .pmwrite thead th{
    height:1px;
    padding:0px;
    border-top:2px solid #b8b8b8;
  }

  .pmwrite tfoot th{
    padding:0px;
    /*border-bottom:1px solid #b8b8b8;*/
  }

  .pmwrite tbody th{
    padding:0 0 0 10px;
    text-align:left;
    color: #555555;
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    font-weight:bold;
    background-color:#f2f2f2;
    border-bottom:1px solid #b8b8b8;
    height:40px;
    box-sizing:border-box;
  }

  .pmwrite tbody td{
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    color:#232323;
    border-bottom:1px solid #E7E7E7;
    font-weight: normal;
    padding:5px;
    height:40px;
    box-sizing:border-box;
  }
  /*반응형 write부분*/


  /*swrite부분*/
  .swrite{
    border-collapse: collapse;
  }

  .swrite col:nth-child(odd){/*홀수번째*/
    width: 150px;
  }

  .swrite tbody th{
    padding:5px;
    border-bottom:1px solid #eeeeee;
    text-align:left;
    color: #555555;
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    font-weight:bold;
    box-sizing:border-box;    
  }

  .swrite tbody td{
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    color:#232323;    
    font-weight: normal;
    text-align:left;
    padding:5px;
    border-bottom:1px solid #eeeeee;
    box-sizing:border-box;
  }
  /*swrite부분*/

  /*검색관련부분 시작*/
  /*검색박스 모양디자인*/
  .m_search_auto{
    margin:6px;
    border:1px solid #cccccc;
    background:#ffffff;
    width:300px;
  }
  /*검색박스 텍스트 입력부분 table 부분*/
  .m_search_auto .c_search_auto_table{
    height:30px;
  }
  /*검색관련부분 종료*/

}


/* 데스크탑 화면 */
@media (min-width: 1024px) {
  .body_box{border:1px solid #d5d5d5;}
  .padding_left_right{padding:0px;}/*좌우여백*/
  .wide_show{display:;}
  .wide_show_margin_left{margin-left:15px;}
  .wide_show_padding_left{padding-left:15px;box-sizing:border-box;}
  .small_show{display:none;}
  .active_width_50_100{width:50%;padding:5px;box-sizing:border-box;}/* 100%에서 50% 변경 */
  .mobile_hide{display:;}
  .div_layout_2{width:50%;box-sizing:border-box;}
  .border_left_line{border-left:none;}

  .layout_count2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }

  .layout_count3 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  .layout_count4 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  .div_float_left2{
    width:50%;
  }
  .div_float_left3{
    float:left;
    width:33.3%;
  	padding:5px;
	  box-sizing:border-box;
  }
  .div_float_left4{
    width:25%;
    padding:5px;
    box-sizing:border-box;
  }
  .div_float_left5{
    width:20%;
  	padding:5px;
	  box-sizing:border-box;
  }

  /*첫화면 좌측 텍스트 상하여백*/
  .index_top_bottom{
    padding:200px 0 0 0px;
    height:700px;
  }

  /*첫화면 하단 정보부분*/
  .index_bottom_div4{
    padding:0 25px 0 25px;
    box-sizing:border-box;
    float:left;
    width:25%;
    height:140px;
    text-align:left;
    border-right:1px solid #cccccc;
    border-bottom:none;
  }

  /*반응형 write부분*/
  .pmwrite{
    border-collapse: collapse;
  }

  .pmwrite col:nth-child(odd){/*홀수번째*/
    width: 150px;
  }

  .pmwrite thead th{
    height:1px;
    padding:0px;
    border-top:2px solid #b8b8b8;
  }

  .pmwrite tfoot th{
    padding:0px;
    /*border-bottom:1px solid #b8b8b8;*/
  }

  .pmwrite tbody th{
    padding:0 0 0 10px;
    text-align:left;
    color: #555555;
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    font-weight:bold;
    background-color:#f2f2f2;
    border-bottom:1px solid #b8b8b8;
    height:40px;
    box-sizing:border-box;
  }

  .pmwrite tbody td{
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    color:#232323;
    border-bottom:1px solid #E7E7E7;
    font-weight: normal;
    padding:5px;
    height:40px;
    box-sizing:border-box;
  }
  /*반응형 write부분*/

  /*swrite부분*/
  .swrite{
    border-collapse: collapse;
  }

  .swrite col:nth-child(odd){/*홀수번째*/
    width: 150px;
  }

  .swrite tbody th{
    padding:5px;
    border-bottom:1px solid #eeeeee;
    text-align:left;
    color: #555555;
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    font-weight:bold;
    box-sizing:border-box;    
  }

  .swrite tbody td{
    font-size: 13px;
    font-family:NanumGothic,Dotum,Helvetica,Sans-serif;
    color:#232323;    
    font-weight: normal;
    text-align:left;
    padding:5px;
    border-bottom:1px solid #eeeeee;
    box-sizing:border-box;
  }
  /*swrite부분*/

  /*검색관련부분 시작*/
  /*검색박스 모양디자인*/
  .m_search_auto{
    margin:6px;
    border:1px solid #cccccc;
    background:#ffffff;
    width:300px;
  }
  /*검색박스 텍스트 입력부분 table 부분*/
  .m_search_auto .c_search_auto_table{
    height:30px;
  }
  /*검색관련부분 종료*/

}

/* 레티나 디스플레이 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* 스타일 코드 */
}

/* 가로 방향 */
@media (orientation: landscape) {
/* 스타일 코드 */
}

/* 세로 방향 */
@media (orientation: portrait) {
/* 스타일 코드 */
}